@charset "utf-8";
 /* 헤더 */
header {position: fixed; align-items: center;  left: 0; top: 0; width: 100%; height: 110px; padding: 0 36px; background-color: #1c449c; box-shadow: 0 8px 12px 0 rgba(0,0,0,.1); box-sizing: border-box; z-index: 100;}
header > .top-area {display: flex; height: 110px; align-items: center; justify-content: space-between}
header .logo a {display: inline-block; width: 180px; height: 56px; background: url(/ei/images/eim/m_logo.png) no-repeat;} /*2021.02.24 허규리 이미지 교체*/
header > .top-area > .util-area {display: flex; align-items: center;}
header > .top-area > .util-area .mypage {width: 35px; height: 40px; background-position: 0 -77px;}
header > .top-area > .util-area .menu-open {width: 38px; height: 31px; margin-left: 20px; background-position: -55px -82px;}
header .tab-menu {display: none; margin-top: 32px;}
header .tab-menu ul {display: flex;}
header .tab-menu ul li {flex: 1 1 auto; margin-bottom:1px; padding-bottom: 15px; text-align: center;}
header .tab-menu ul li a {display:inline-block; width: 100%; height: 100%; font-size: 30px; color: #fff; font-weight: 700}
header .tab-menu ul li.on {border-bottom: 6px solid #fff}

/* container */
.main .container {padding-top: 110px; /*padding-bottom: 110px;*/}

/* user-info */
.user-info {position: relative; border-bottom: 1px solid #e8ecf4; color: #333; font-size: 30px; font-weight: 700; background-color: #e8f2fd;}
.user-info:before {content:''; position: absolute; right:36px; top: 36px; display: inline-block; width: 40px; height: 22px; background: url(/ei/images/eim/img-sprite.png) no-repeat -338px -88px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.user-info .btn-area {display: block; padding: 30px 36px 30px; box-sizing: border-box}
.user-info .top-area {display: block;}
.user-info .line {border-bottom: 1px solid #333}
.user-info .bottom-area {display: none; margin-top: 9px;}
.user-info.on .btn-area {padding-bottom: 24px}
.user-info.on .bottom-area {display: block;}
.user-info.on:before {transform: rotate(0); -webkit-transform: rotate(0);}

/* section */
.section {position: relative; padding: 50px 36px 40px; border-top: 1px solid #e8ecf4; border-bottom: 1px solid #e8ecf4;}
.section .title-wrap{margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.section .main-section-title {font-size: 36px; font-weight: 700; color: #092033;}
.hr {width: 100%; height: 16px; margin: 0; border: 0; background: #f3f6fb;}
.section input[type="text"],
.section input[type="number"],
.section input[type="tel"] {width: 100%; padding: 20px 100px 20px 20px; border:0; border-bottom: 2px solid #aaa; font-size: 26px; box-sizing: border-box}

/* service-section */
.service-section {padding: 30px 36px 30px 36px}
.btn-wrap-mark {display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.btn-wrap-mark .bage:not(:first-child) {margin-left: 40px}
.menu-slider .slider ul {display: flex; flex-wrap: wrap; min-height: 430px}
.menu-slider .slider ul li {width: 33.3%; margin-bottom: 16px; text-align: center}
.menu-slider .slider ul li a {display: inline-block; font-size:24px;}
.menu-slider .slider .ico-wrap {display: block; width: 140px; height: 120px; margin: 0 auto 30px; background:#f4f7f9;}
.menu-slider .slider .ico-wrap img .imgpt0 {padding-top: 0 !important;}
.menu-slider .slider .ico-wrap img{margin:0 auto;}

/* search-section */
.search-section .search-inp-wrap {position: relative}
.search-section .btn-search {position: absolute; right: 20px; top: 50%; width: 48px; height: 46px; margin-top: -24px; background-position: -120px -76px;}

/* calc-section */
.calc-section .more {color: #2679c0; font-size: 28px; font-weight: 700}
.calc-section .btn-tab.type-a {margin: 0 -36px 50px;}
.calc-section .btn-tab.type-b {margin-bottom: 20px;}
.calc-section .btn-tab.type-b li {width: 33.3%}
.calc-section .inp-row {position: relative}
.calc-section .inp-row.col2 {display: flex; align-items: center; justify-content: space-between;}
.calc-section .inp-row:not(:first-child) {margin-top: 30px}
.calc-section .inp-row .txt-unite {position: absolute; right: 0; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%); font-size: 30px;}
.calc-section .btn-large {display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; margin-top: 60px; background-color: #2f98ce; border: 1px solid #2f98ce; color: #fff; font-weight: 700; font-size: 32px;}
.calc-section .desc {position:relative; margin-top: 24px; padding-left: 24px; color:#555; font-size: 26px;}
.calc-section .desc:before {content:'*'; display:inline-block; position: absolute; left: 0; top: 6px; color: #555}
.calc-section .inp-date{display: flex; align-items: center; border-bottom: 2px solid #aaa}
.calc-section .inp-date input[type="text"],
.calc-section .inp-date input[type="number"],
.calc-section .inp-date input[type="date"] {padding-right: 20px; border:0;}
.calc-section .inp-date .dash {margin: 0 20px;}
.calc-section .title {font-size: 30px}

/* info-section */
.info-section .btn-tab {margin: 0 -32px 50px;}
.info-section .btn-tab li a:after {display: none}
.info-section .cont .title {margin-bottom: 48px; color: #092033; font-size: 28px; font-weight: 400} /* 20210202 허규리 */
.info-section .info-step {display: flex; justify-content: space-around;}
.info-section .info-step > li {position: relative; color: #092033; font-size: 26px; font-weight: 400; text-align: center;}
.info-section .info-step > li:before {content:''; display: block; min-height: 78px; margin: 0 auto 20px; background: url(/ei/images/eim/img-info-step.png) no-repeat;}
.info-section .info-step > li:after {content:''; position: absolute; top: 30px; right: 0; display: block; width: 18px; height: 28px; background: url(/ei/images/eim/img-sprite.png) no-repeat -290px -82px;}
.info-section .info-step > li:last-child:after {display: none;}
.info-section .info-step1 li.step1:before {width: 60px; background-position:0 0;}
.info-section .info-step1 li.step1:after {right: -20px}
.info-section .info-step1 li.step2:before {width: 80px; background-position:-142px 2px;}
.info-section .info-step1 li.step2:after {right: -20px}
.info-section .info-step1 li.step3:before {width: 23px; background-position: -336px 0;}
.info-section .info-step1 li.step4:before {width: 80px; background-position: -458px -3px;}

/* info-section2 */
.info-section .info-step2 {display: flex; justify-content: space-around;}
.info-section .info-step2 > li {position: relative; color: #092033; font-size: 22px; font-weight: 400; text-align: center;}
.info-section .info-step2 > li:before {content:''; display: block; min-height: 78px; margin: 0 auto 20px; background: url(/ei/images/eim/img_step22.png) no-repeat;}
.info-section .info-step2 > li:after {content:''; position: absolute; top: 30px; right: 0; display: block; width: 18px; height: 28px; background: url(/ei/images/eim/img-sprite.png) no-repeat -290px -82px;}
.info-section .info-step2 > li:last-child:after {display: none;}
.info-section .info-step2 li.step1:before {width: 60px; background-position:0 0;}
.info-section .info-step2 li.step1:after {right: -20px}
.info-section .info-step2 li.step2:before {width: 80px; background-position:-142px 2px;}
.info-section .info-step2 li.step2:after {right: -20px}
.info-section .info-step2 li.step3:before {width: 64px; background-position: -302px 0;}
.info-section .info-step2 li.step3:after {right: -12px}/*허규리 수정 2021.02.21*/
.info-section .info-step2 li.step4:before {width: 89px; background-position: -443px -3px;}

/* info-section3 */
.info-section .info-step3 {display: flex; justify-content: space-around;}
.info-section .info-step3 > li {position: relative; color: #092033; font-size: 22px; font-weight: 400; text-align: center;}
.info-section .info-step3 > li:before {content:''; display: block; min-height: 78px; margin: 0 auto 20px; background: url(/ei/images/eim/img_step33.png) no-repeat;}
.info-section .info-step3 > li:after {content:''; position: absolute; top: 30px; right: 0; display: block; width: 18px; height: 28px; background: url(/ei/images/eim/img-sprite.png) no-repeat -290px -82px;}
.info-section .info-step3 > li:last-child:after {display: none;}
.info-section .info-step3 li.step1:before {width: 82px; background-position:0 0;}
.info-section .info-step3 li.step1:after {right: -20px}
.info-section .info-step3 li.step2:before {width: 80px; background-position:-150px 2px;}
.info-section .info-step3 li.step2:after {right: -20px}
.info-section .info-step3 li.step3:before {width: 92px; background-position: -327px 0;}
.info-section .info-step3 li.step3:after {right: -20px}/*허규리 추가 2021.02.21*/
.info-section .info-step3 li.step4:before {width: 105px; background-position: -455px 2px;}

/* info-section4 */
.info-section .info-step4 {display: flex; justify-content: space-around;}
.info-section .info-step4 > li {position: relative; color: #092033; font-size: 22px; font-weight: 400; text-align: center;}
.info-section .info-step4 > li:before {content:''; display: block; min-height: 78px; margin: 0 auto 20px; background: url(/ei/images/eim/img_step44.png) no-repeat;}
.info-section .info-step4 > li:after {content:''; position: absolute; top: 30px; right: 0; display: block; width: 18px; height: 28px; background: url(/ei/images/eim/img-sprite.png) no-repeat -290px -82px;}
.info-section .info-step4 > li:last-child:after {display: none;}
.info-section .info-step4 li.step1:before {width: 82px; background-position:0 0;}
.info-section .info-step4 li.step1:after {right: -20px}
.info-section .info-step4 li.step2:before {width: 80px; background-position:-143px 2px;}
.info-section .info-step4 li.step2:after {right: -33px} /*허규리 수정 2021.02.21*/
.info-section .info-step4 li.step3:before {width: 92px; background-position: -312px 0;}
.info-section .info-step4 li.step3:after {right: -31px} /*허규리 추가 2021.02.21*/
.info-section .info-step4 li.step4:before {width: 105px; background-position: -444px 2px;}


/* notice-section */
.notice-section {padding: 38px 0 40px 0;}
.notice-section .btn-tab {margin: 0 0 50px 0;}
.notice-section .btn-tab li a:after {display: none}
.notice-section .notice-list {padding: 0 36px;}
.notice-section .notice-list .item a {display: block; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden;color: #555; font-size: 26px;}
.notice-section .notice-list .item:not(:first-child) {margin-top: 40px}
.notice-section .notice-list .new {width: 24px; height: 24px; background-position: -420px -82px;}
.notice-section .btn-more-wrap {margin: 36px 0 0; padding: 20px 0 8px; border-top: 1px solid #f0f0f0; text-align: center;}
.notice-section .btn-more-wrap button {font-size: 30px; color: #555;}
.notice-section .btn-more-wrap .more {width: 28px; height: 28px; background-position: -190px -83px;}
.notice-section .banner-slider {margin-top: 34px;}
.notice-section .banner-slider a {display: block;}
.notice-section .banner-slider img {width: 100%;}
.notice-section .btn-basic {display:flex; align-items:center; justify-content:center; width: 100%; height: 80px; border: 1px solid #fff}
.notice-section .btn-basic.large {width: auto; height: 100px; margin: 30px 36px 0 36px; font-size: 30px;}
.notice-section .btn-basic.large .ico {margin-right: 24px;}
.notice-section .btn-basic.large .tel {width: 64px; height: 66px; background-position: -80px -144px}
.notice-section .btn-basic.large .tel-num {margin-left: 20px;font-size: 50px; color: #555}
.notice-section .btn-basic.large .report {width: 64px; height: 66px; background-position: 0 -144px}
.notice-section .btn-goto {display: flex; justify-content:space-between; margin-top: 44px; padding: 0 36px;}
.notice-section .btn-goto .btn-basic {font-size: 26px; color: #555; font-weight: 700;}
.notice-section .btn-goto .btn-basic:not(:first-child) {margin-left: 20px}
.notice-section .btn-goto .btn-basic span {display: inline-block; margin-right: 16px; color: #333; font-size: 36px; font-weight: normal;}

/* 20210222 메인슬라이더 스타일 추가정의 */
.service-menus .swiper-container {padding-bottom: 56px;}
.service-menus .swiper-container-pu {padding-bottom: 56px; text-align: center;}
.service-menus .swiper-container-pm {padding-bottom: 56px; text-align: center;}
.service-menus .swiper-pagination-bullet {width: 16px; height: 16px;}
.service-menus .swiper-pagination-bullet-pu {width: 16px; height: 16px;}
.service-menus .swiper-pagination-bullet-pm {width: 16px; height: 16px;}

/* 2021. 12 메인 */
.m-main-wrap {
  padding: 40px 0 100px;
}
.m-main-wrap .m-main-col {
  padding: 0 35px;
}
.m-main-wrap .m-main-col.bg {
  background: #e8ecf3;
  padding: 53px 36px 73px;
  position: relative;
  overflow: hidden;
}
.m-main-wrap .m-main-col.bg > div {
  position: relative;
  z-index: 1;
}
.m-main-wrap .m-main-col.bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 639px;
  height: 247px;
  background: url("/ei/images/eim/m-main-bg-left.png") no-repeat;
}
.m-main-wrap .m-main-col.bg:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 639px;
  height: 885px;
  background: url("/ei/images/eim/m-main-bg-right.png") no-repeat;
}
.m-main-wrap .m-main-col.round {
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  margin-top: 15px;
}
.m-main-wrap .m-main-col .m-visual-banner {
  padding-bottom: 30px;
  position: relative;
}
/* .m-main-wrap .m-main-col .m-visual-banner .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align-last: left;
  margin-top: 0;
} */
.m-main-wrap .m-main-col .m-visual-banner .slick-dots {
  text-align: left;
}
.m-main-wrap .m-main-col .m-visual-banner .slick-dots li button {
  background-color: #7a8393;
}
.m-main-wrap .m-main-col .m-visual-banner a {
  display: block;
}

.m-main-wrap .m-main-col .m-visual-banner a img {
  width: 100%;
}
.m-main-wrap .m-service-tab {
  margin-top: 55px;
}
.m-main-wrap .m-service-tab > ul {
  overflow: hidden;
  display: flex;
}

.m-main-wrap .m-service-tab > ul > li {
  flex: 1;
}

.m-main-wrap .m-service-tab > ul > li a {
  display: block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #e8f2fd;
  border-radius: 15px 15px 0 0;
  font-size: 30px;
  color: #555555;
  font-weight: 700;
}

.m-main-wrap .m-service-tab > ul > li.on a {
  color: #092033;
  background-color: #bad9f8;
}
.m-main-wrap .slick-slide {
  height: auto;
  margin: 0px 1px;
}
.m-service-tab .slick-dots {
  display: block;
  position: absolute;
  bottom: 35px;
  margin-top: 0;
  left: 0;
}
.m-main-wrap .slick-dots li button {
  background-color: #fff;
}
.m-main-wrap .slick-dots li.slick-active button {
  background: #2f98cd !important;
}
.m-main-wrap .service-tab-wrap {
  margin-bottom: 50px;
}
.m-main-wrap .service-tab-wrap .slick-list {
	padding-top: 10px;
}
.m-main-wrap .service-tab-cont {
  border-radius: 0 0 15px 15px;
  background-color: #bad9f8;
  padding: 30px 29px 60px;
  position: relative;
  display: none;
}

.m-main-wrap .service-tab-cont.on {
  display: block;
}

.m-main-wrap .service-tab-cont .service-list {
  display: flex;
  flex-wrap: wrap;
}

.m-main-wrap .service-tab-cont .service-list .icon-label {
	position: absolute;
    font-size: 20px;
    background: #2f98cd;
    border-radius: 15px;
    color: #fff;
    padding: 0 10px;
    left: 50%;
   	transform: translate(-50%);
   	-webkit-transform: translate(-50%);
    top: -10px;
}

.m-main-wrap .service-tab-cont .service-list li {
  width: 33.33%;
  margin-bottom: 30px;
  padding: 0 5px;
  position: relative;
}

.m-main-wrap .service-tab-cont .service-list li:first-child {
  margin-left: 0;
}

.m-main-wrap .service-tab-cont .service-list li a {
  display: block;
  text-align: center;
}

.m-main-wrap .service-tab-cont .service-list li a .icon-area {
  width: 138px;
  height: 138px;
  margin: 0 auto;
  border-radius: 15px;
  background-color: #f2f5f9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-main-wrap .service-tab-cont .service-list li a .icon-area img {
  display: inline-block;
  max-width: 100%;
}

.m-main-wrap .service-tab-cont .service-list li a .title {
  color: #555555;
  font-size: 20px;
  line-height: 30px;
  margin-top: 15px;
  font-weight: 700;
}

.m-main-wrap .service-tab-cont .service-list li a .icon-area {
  box-shadow: #989898 3px 3px 10px -2px;
}
.m-main-wrap .m-notice-wrap {
  padding: 25px 40px 110px;
  background-color: #fff;
  border-radius: 15px;
  position: relative;
  margin-bottom: 50px;
}

.m-main-wrap .m-notice-wrap .notice-title {
  overflow: hidden;
  position: relative;
  margin-bottom: 35px;
}

.m-main-wrap .m-notice-wrap .notice-title:after {
  content: "";
  width: 100%;
  height: 6px;
  background-color: #d1d7dd;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 3px;
}

.m-main-wrap .m-notice-wrap .notice-title li {
  float: left;
  width: 50%;
}

.m-main-wrap .m-notice-wrap .notice-title li a {
  display: block;
  padding: 0 2px;
  height: 80px;
  line-height: 80px;
  color: #555555;
  font-size: 30px;
  position: relative;
  text-align: center;
}

.m-main-wrap .m-notice-wrap .notice-title li.on a {
  color: #092033;
  overflow: hidden;
  font-weight: 700;
}

.m-main-wrap .m-notice-wrap .notice-title li.on a:after {
  width: 100%;
  height: 6px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  background-color: #2f98cd;
  z-index: 1;
}

.m-main-wrap .m-notice-wrap .notice-title li a:hover {
  text-decoration: none;
}

.m-main-wrap .m-notice-wrap .notice-wrap > div {
  display: none;
}

.m-main-wrap .m-notice-wrap .notice-wrap > div.on {
  display: block;
}
.m-main-wrap .m-notice-wrap .notice-wrap > div > p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.m-main-wrap .m-notice-wrap .notice-wrap > div > p a {
  height: 83px;
  line-height: 83px;
  display: block;
  text-align: center;
  border-top: 1px solid #d1d7dd;
}
.m-main-wrap .m-notice-wrap .notice-wrap > div > p a span {
  display: inline-block;
  font-size: 28px;
  color: #666666;
  padding-right: 35px;
  background: url(/ei/images/eim/ico-m-main-more.png) no-repeat right center;
}
.m-main-wrap .m-notice-wrap .notice-wrap ul li {
  padding-left: 25px;
  margin-top: 20px;
  position: relative;
}

.m-main-wrap .m-notice-wrap .notice-wrap ul li:before {
  width: 12px;
  height: 12px;
  background-color: #cccccc;
  border-radius: 20px;
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
}

.m-main-wrap .m-notice-wrap .notice-wrap ul li a {
  height: 30px;
  line-height: 30px;
  color: #555;
  display: inline-block;
  letter-spacing: -0.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.m-main-wrap .notice-wrap ul li a.new {
  padding-right: 40px;
  background: url("/ei/images/eim/ico-new-30x30.png") no-repeat right center;
}

.m-main-wrap .m-calc-box {
  background-color: #fff;
  border-radius: 15px;
  padding: 50px 40px;
  text-align: center;
  margin-bottom: 50px;
}

.m-main-wrap .m-calc-box dt {
  font-size: 36px;
  color: #092033;
  font-weight: 700;
  margin-bottom: 10px;
}
.m-main-wrap .m-calc-box dd {
  font-size: 26px;
  color: #555555;
}

.m-main-wrap .m-calc-box p {
  margin-top: 30px;
  overflow: hidden;
}
.m-main-wrap .m-calc-box p a {
  width: calc(100% / 2 - 20px);
  margin-left: 20px;
  display: block;
  background-color: #5173c9;
  border-radius: 15px;
  height: 80px;
  line-height: 80px;
  color: #fff;
  font-size: 32px;
  float: left;
}
.m-main-wrap .m-calc-box p a:first-child {
  width: calc(100% / 2);
  margin-left: 0px;
}

.m-main-wrap .search-center {
  border-radius: 10px;
  background-color: #bad9f8;
  padding: 50px 30px;
}

.m-main-wrap .search-center .title {
  font-size: 36px;
  color: #092033;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.m-main-wrap .search-center .title a {
    font-size: 28px;
    color: #555555;
    font-weight: bold;
    line-height: 42px;
    padding-right: 40px;
    background: url(/ei/images/eim/btn_arrow.png) no-repeat right 50%;
    float: right;
    height: 100%;
}

.m-main-wrap .search-center .form {
  display: flex;
}

.m-main-wrap .search-center .form input {
  flex-grow: 1;
  height: 80px;
  border: 2px solid #aaaaaa;
  padding-left: 20px;
  background-color: #fff;
  font-size: 24px;
  color: #676767;
}

.m-main-wrap .search-center .form a {
  min-width: 120px;
  font-size: 28px;
  display: block;
  line-height: 80px;
  background-color: #2f98cd;
  padding: 0 15px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 0 10px 10px 0;
}

.m-main-wrap .m-beginner-guide {
  padding: 40px 0 50px;
}

.m-main-wrap .m-beginner-guide .title {
  font-weight: 700;
  color: #092033;
  font-size: 36px;
  text-align: center;
  margin-bottom: 25px;
}

.m-main-wrap .beginner-wrap .guide-tab {
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}

.m-main-wrap .beginner-wrap .guide-tab li {
  float: left;
  width: 50%;
  overflow: hidden;
}

.m-main-wrap .beginner-wrap .guide-tab li a {
  display: block;
  height: 80px;
  line-height: 80px;
  background-color: #e8f2fd;
  font-size: 30px;
  color: #555555;
  text-align: center;
  font-weight: 700;
}

.m-main-wrap .beginner-wrap .guide-tab li.on a {
  background-color: #2f98cd;
  color: #fff;
  font-size: 32px;
}

.m-main-wrap .beginner-wrap .guide-wrap {
  border: 1px solid #d1dae5;
  border-top: 0px;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
  padding: 20px 35px 40px;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-cont {
  display: none;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-cont.on {
  display: block;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-tab {
  display: flex;
  height: 80px;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-tab:after {
  content: "";
  width: 100%;
  height: 6px;
  background-color: #d1d7dd;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 6px;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-tab li {
  flex: 1;
  text-align: center;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-tab li a {
  height: 80px;
  line-height: 74px;
  display: block;
  position: relative;
  font-size: 30px;
  color: #092033;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-tab li.on a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: under;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-tab li.on a:after {
  width: 100%;
  height: 6px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #2f98cd;
  z-index: 1;
  border-radius: 6px;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont {
  display: none;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont.on {
  display: block;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul {
  display: flex;
  justify-content: space-between;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li {
  position: relative;
  width: calc(100% / 4);
  background: url("/ei/images/eim/bg-guide-arrow.png") no-repeat 0 35px;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li.on .icon-area {
  background-color: #2f98cd;
}
.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li:first-child {
  background: none;
}

@media (max-width: 810px) {
  .m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li {
    min-width: 96px;
    background: none;
  }

  .m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li:before {
    width: 17px;
    height: 30px;
    background: url("/ei/images/eim/bg-guide-arrow.png") no-repeat;
    content: "";
    position: absolute;
    left: -10px;
    top: 32px;
  }
}
.m-main-wrap
  .beginner-wrap
  .guide-wrap
  .guide-sub-cont
  ul
  li:first-child:before {
  display: none;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li .cbody {
  display: block;
  text-align: center;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li .icon-area {
  width: 96px;
  height: 96px;
  background-color: #2f98cd;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: 0 auto 15px;
}
.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li .icon-area img {
  max-width: 100%;
}
.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li strong {
  display: block;
  font-size: 20px;
  color: #092033;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: -1px;
  word-break: keep-all;
}

.m-main-wrap .beginner-wrap .guide-wrap .guide-sub-cont ul li strong img {
  position: relative;
  top: -2px;
}
.m-main-wrap .m-main-banner {
  padding-bottom: 40px;
  margin-bottom: 30px;
  position: relative;
}
.m-main-wrap .m-main-banner div a {
  display: block;
}
.m-main-wrap .m-main-banner div a img {
  width: 100%;
}
.m-main-wrap .m-main-banner .pager-wrap {
  text-align: center;
  bottom: -5px;
}
.m-main-wrap .m-main-banner .pager-wrap > * {
  float: none;
  display: inline-block !important;
}
.m-main-wrap .m-main-banner .pager-wrap ul {
  vertical-align: top;
  margin-top: -11px;
}
.m-main-wrap .m-main-banner .slick-dots li button {
  background-color: #7a8393;
}
.m-main-wrap .m-center-info {
  overflow: hidden;
}
.m-main-wrap .m-center-info ul {
  overflow: hidden;
  margin-left: -20px;
}

.m-main-wrap .m-center-info ul li {
  width: calc(100% / 2 - 20px);
  margin: 20px 0 0 20px;
  float: left;
  background-color: #f2f5f9;
  border-radius: 10px;
  overflow: hidden;
  height: 230px;
  text-align: center;
}

.m-main-wrap .m-center-info ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.m-main-wrap .m-center-info ul li img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.m-main-wrap .m-center-info ul li:nth-child(-n + 2) {
  height: 80px;
}
.m-main-wrap .m-center-info ul li.on-line {
  padding: 40px 30px 0;
}
.m-main-wrap .m-center-info ul li.on-line p {
  overflow: hidden;
  margin-top: 30px;
}
.m-main-wrap .m-center-info ul li.on-line p a {
  float: left;
  width: calc(100% / 2 - 10px);
  height: 60px;
  line-height: 60px;
  background-color: #5c6377;
  text-align: center;
  margin-left: 10px;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  border-radius: 15px;
}

.m-main-wrap .m-center-info ul li.on-line p a:first-child {
  margin-left: 0;
  width: calc(100% / 2);
}
.m-main-wrap .m-center-info ul li.cust-center {
  padding-top: 18px;
  background-color: #FFFFFF;
} 

.m-footer {
  background-color: #f9f9f9;
  padding: 55px 20px;
}

.m-footer p {
  margin-top: 15px;
  text-align: center;
  color: #666666;
  font-size: 22px;
}
.m-footer p:first-child {
  margin-top: 0;
}
.m-footer p a {
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
  color: #666666;
  font-size: 22px;
}
.m-footer p a:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #cccccc;
}
.m-footer p a:first-child:before {
  display: none;
}
.m-footer p a.point {
  color: #333333;
  font-weight: 700;
}
.m-simple-calc {
  height: 100%;
}
.m-simple-calc .calc-tab:first-child{
  width: 50%;
  height: 75px;
  float: left;
}
.m-simple-calc .calc-tab{
  width: 50%;
  height: 75px;
  float: right;
}
.m-simple-calc .calc-background{
  background: url(/ei/images/eim/m_simple_calc_background.png);
  height: 100%;
  position: relative;
  top: -7px;
}
.m-simple-calc #tab-image{
  background: url(/ei/images/eim/m_simple_calc_pu_tab.png);
  height: 115px;
}
.m-simple-calc .calc-title{
 	width: 180px; 
 	height: 65px; 
 	display: inline-block; 
 	font-size: 27px; 
 	line-height: 65px; 
 	background: white; 
 	margin: 0 3px 10px 3px; 
 	border-radius: 15px;
}
.m-simple-calc .calc-title a{
 	color: #767676;
 }
.m-simple-calc .calc-title.on{
 	border: 4px solid #96b5ee; 
 	line-height: 55px;
 	font-weight: 800;
 }
.m-simple-calc .calc-title.on a{
 	color: #092033;
 }

.m-simple-calc .calc-list{
  margin: 0 40px 0 40px;
}

.m-simple-calc .calc-tab {
  overflow: hidden;
}

.m-simple-calc .calc-tab li {
  float: left;
  width: 50%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.m-simple-calc .calc-tab li.on {
  border: 2px solid #d1d7dd;
  border-bottom: 0;
}

.m-simple-calc .calc-tab li a {
  display: block;
  height: 80px;
  line-height: 76px;
  background-color: #e8f2fd;
  font-size: 30px;
  color: #555555;
  text-align: center;
  font-weight: 700;
}

.m-simple-calc .calc-tab li.on a {
  background-color: #fff;
  position: relative;
  color: #092033;
  z-index: 1;
}

.m-simple-calc .calc-wrap {
  background-color: #fff;
  position: relative;
  top: 20px;
  margin: 0 40px 0 40px;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}
.m-simple-calc .calc-wrap .in {
  position: relative;
  border: 2px solid #d1d7dd;
  padding: 35px 0 0 0;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}
.m-simple-calc .calc-wrap .cal-cont {
  display: none;
}

.m-simple-calc .calc-wrap .cal-cont .cal-sub-wrap{
  position: relative;
  border: 2px solid #d1d7dd;
  padding: 35px 0 0 0;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}

.m-simple-calc .calc-wrap .cal-cont.on {
  display: block;
}

.m-simple-calc .calc-wrap .cacl-sub-tab {
  display: flex;
  height: 80px;
  position: relative;
  margin-bottom: 40px;
}

.m-simple-calc .calc-wrap .cacl-sub-tab:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #d1d7dd;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 3px;
}

.m-simple-calc .calc-wrap .cacl-sub-tab li {
  flex: 1;
  text-align: center;
}

.m-simple-calc .calc-wrap .cacl-sub-tab li a {
  height: 80px;
  line-height: 80px;
  display: block;
  position: relative;
  font-size: 28px;
  color: #555555;
  font-weight: 700;
}

.m-simple-calc .calc-wrap .cacl-sub-tab li.on a {
  color: #2f98cd;
}

.m-simple-calc .calc-wrap .cacl-sub-tab li.on a:after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  background-color: #2f98cd;
  z-index: 1;
}

.m-simple-calc .calc-wrap .cal-sub-cont {
  display: none;
  min-height: 615px;
}

@media screen and (min-width: 641px){
	.m-simple-calc .calc-wrap .cal-sub-cont {
		overflow-y: scroll !important;
		height: 37vh !important;
		min-height: 0 !important;
	}
}

.m-simple-calc .calc-wrap .cal-sub-cont.on {
  display: block;
}
.m-simple-calc .calc-wrap .cal-sub-cont table {
  width: 100%;
}
.m-simple-calc .calc-wrap .cal-sub-cont table th {
  text-align: left;
  font-size: 24px;
  color: #555;
  font-weight: normal;
  letter-spacing: -0.5px;
}

.m-simple-calc .calc-wrap .cal-sub-cont table th,
.m-simple-calc .calc-wrap .cal-sub-cont table td {
  height: 60px;
  padding: 10px 30px;
}

.m-simple-calc .calc-wrap .cal-sub-cont table tr:first-child th,
.m-simple-calc .calc-wrap .cal-sub-cont table tr:first-child td {
  padding-top: 0;
}

.m-simple-calc .calc-wrap .cal-sub-cont table td input[type="text"] {
  height: 60px;
  border: 2px solid #cccccc;
  padding: 0 20px;
  font-size: 24px;
  position: relative;
  z-index: 106;
  background-color: transparent;
}
.m-simple-calc .calc-wrap .cal-sub-cont table td input[type="radio"] {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.m-simple-calc .calc-wrap .cal-sub-cont table td label {
  position: relative;
  top: 2px;
  font-size: 22px;
  height: 40px;
  display: inline-block;
}

.m-simple-calc .calc-wrap .cal-sub-cont table td select {
  width: 100%;
  height: 60px;
  border: 2px solid #ccc;
  padding: 0 15px;
  font-size: 24px;
  width: 100%;
  padding: 0 60px 0 20px;
  border: 2px solid #ccc;
  background: url("/ei/images/eim/bg-select.png") no-repeat right 20px top 50%
    #fff;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.m-simple-calc .calc-wrap .cal-sub-cont table td .por { position: relative;}
.m-simple-calc .calc-wrap .cal-sub-cont table td .por .poa { position: absolute; left: 15px; top: 15px; font-size: 22px; color: #767676;}
.m-simple-calc .calc-wrap .cal-sub-cont .result-calc {
  margin: 0 30px 187px 30px;
  padding: 90px 0 90px;
  font-size: 32px;
  color: #333;
  text-align: center;
  line-height: 56px;
  background-color: #e8f2fd;
  border-radius: 15px;
}
.m-simple-calc .calc-wrap .cal-sub-cont .result-calc strong { font-family:"Montserrat", "맑은 고딕", Dotum, sans-serif; font-weight: 700; border-bottom: 1px solid #333;}


.m-datepicker-wrap span {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  height: 40px;
  border: 1px solid #bdc6cf;
}

.m-datepicker-wrap input {
  font-size: 12px !important;
  width: 100%;
  height: 100% !important;
  border: 0 !important;
  padding: 0 0 0 5px !important;
}

.m-datepicker-wrap .ui-datepicker-trigger {
  padding: 0;
  background: transparent;
  border: 0;
  position: absolute;
  top: 8px;
  right: 7px;
}


.m-simple-calc .calc-wrap .cal-sub-cont .btn-area {
  margin-top: 14px;
}

@media screen and (min-width: 641px){
	.m-simple-calc .calc-wrap .cal-sub-cont .btn-area {
	  margin-top: 116px !important;
	}
}
.m-simple-calc .calc-wrap .btn-area { margin-top: -2px;}
.m-simple-calc .calc-wrap .btn-area button {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  line-height: 80px;
  border: 1px solid #373f57;
  background-color: #373f57;
  display: block;
  text-align: center;
  font-size: 28px;
  color: #ffffff;
  font-weight: 700;
}
@media screen and (min-width: 641px){
	.m-simple-calc .calc-wrap .btn-area button {
		position: unset !important;
	}
}
.m-simple-calc .calc-wrap .btn-area.btns {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
.m-simple-calc .calc-wrap .btn-area.btns.hide {
  display: none;
}
.m-simple-calc .calc-wrap .btn-area.btns button { width: 49%; position: relative;}
.m-simple-calc .calc-wrap .btn-area.btns button:first-child {
  color: #767676;
  border: 3px solid #373f57;
  background-color: #fff;
}

.m-simple-calc .calc-wrap .txt {
  margin-top: 10px;
  text-align: center;
  color: #4c5661;
}
.m-datepicker-wrap {
  display: flex;
}
.m-datepicker-wrap em {
  display: inline-block;
  margin: 0 8px 0 5px;
  line-height: 60px;
}
.m-datepicker-wrap span {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  height: 60px;
  border: 2px solid #ccc;
  flex: 1;
}

.m-datepicker-wrap input {
  font-size: 18px !important;
  width: 100%;
  height: 100% !important;
  border: 0 !important;
  padding: 0 0 0 5px !important;
}

.m-datepicker-wrap .ui-datepicker-trigger {
  padding: 0;
  background: transparent;
  border: 0;
  position: absolute;
  top: 8px;
  right: 13px;
}

.layer-wrap {
  display: none;
  opacity: 0;
  transition: all .3s ease;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 50px;
  background: rgba(0,0,0,0.4);
  outline: none;
}

.layer-wrap.open {
  display: block;
}
.layer-wrap.active {
  opacity: 1;
}

.layer-modal .title {
  font-size: 32px;
  font-weight: 700;
  color: #092033;
  margin-bottom: 30px;
}

.layer-wrap .layer-modal .layer-content{
  width:100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: calc(93vh - 28px);
  margin-bottom: env(safe-area-inset-bottom);
}

.layer-modal .close-pop {
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("/ei/images/eim/m_simple_calc_close.png") no-repeat;
  position: absolute;
  top: -35px;
  right: 40px;
}

.pager-wrap {
  overflow: hidden;
  height: 24px;
  position: absolute;
  left: 0;
  text-align: left;
  width: 100%;
}
.pager-wrap ul {
  float: left;
  position: static;
  width: auto;
  height: 24px;
  margin-top: -11px;
}
.pager-wrap .control {
  float: left;
  margin-left: 10px;
  margin-bottom: 3px;
}
.pager-wrap .control a {
  height: 24px;
  text-indent: -9999px;
}
.pager-wrap .control a.play {
  width: 24px;
  background: url(/ei/images/eim/ico-slick-play.png) no-repeat;
  display: none !important;
}
.pager-wrap .control a.stop {
  width: 24px;
  background: url(/ei/images/eim/ico-slick-stop.png) no-repeat;
  display: block !important;
}
.date-calendar{
	background: url('/ei/images/eim/icon-calender2.png') no-repeat right 50% !important;
}
input[type=date]:empty:before {
    content: attr(placeholder) !important;
    color: #767676;
    font-size: 22px;
}
input[type=date]:focus:before {
    content: '' !important;
}
input[type=date]::-webkit-datetime-edit{
    color: transparent;
}
input[type=date] {
    appearance: none;
}