@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Black+And+White+Picture|Black+Han+Sans|Cute+Font|Do+Hyeon|Dokdo|East+Sea+Dokdo|Hi+Melody|Nanum+Pen+Script|Stylish");
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
* {
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: -1.1px;
  word-spacing: 0.1em;
  -webkit-font-smoothing: antialiased;
}

h3 {
  color: #171C61;
  font-weight: 700;
}

/*Header*/
.whStickyWrap {
  background: #ffffff;
  padding-bottom: 20px;
}

.whTop {
  height: 23px;
}
.whTop .container {
  margin-bottom: 0;
}
.whTop .container .uk-nav LI {
  float: left;
  height: 35px;
  font-size: 0.852em;
  font-weight: 700;
  padding: 0 10px 0 10px;
}
.whTop .container .uk-nav LI a {
  color: #3d3d3d;
}
.whTop .container .uk-nav LI a:hover, .whTop .container .uk-nav LI a:focus {
  color: #ffffff;
}
.whTop .container .whTopLogin UL {
  padding-left: 0;
}
.whTop .container .whTopLogin LI {
  width: 54px;
  list-style: none;
  float: left;
  font-size: 0.6em;
  font-weight: 700;
  padding: 4px 0px 4px 0px;
  color: #bcbcbc;
}
.whTop .container .whTopLogin LI a {
  color: #bcbcbc;
}
.whTop .container .whTopLogin LI a:hover, .whTop .container .whTopLogin LI a:focus {
  color: rgb(3.45, 4.2, 14.55);
}

.whTopBGCoverMain {
  background-image: url("../images/bg.jpg");
}
.whTopBGCover {
  background-image: url("../images/bg.jpg");
  height: 300px;
}
.whTopMenu .uk-navbar-container {
  background-color: #ffffff;
  height: 80px;
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI {
  display: inline-flex;
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI a {
  position: relative;
  color: #565656;
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI a:hover, .whTopMenu .uk-navbar-container .uk-navbar-nav LI a:focus {
  color: #036EB8;
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI a {
  font-size: 1em;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 500;
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI a::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 70PX;
  bottom: 0;
  transform: translateX(-50%) scaleX(0);
  transform-origin: 50% 50%;
  width: 100%;
  height: 2px;
  background-color: #036EB8;
  transition: transform 250ms;
  box-sizing: border-box;
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI a:hover::after {
  transform: translateX(-50%) scaleX(1);
}
.whTopMenu .uk-navbar-container .uk-navbar-nav LI ul li a {
  font-size: 0.775rem;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 500;
}

#wh_navbarLi {
  padding: 0 10px 0 10px;
}

#wh_navbarLi2nd {
  padding: 0;
}

#wh_rec {
  margin: 5px;
  padding: 5px;
  border: 2px solid #171C61 !important;
}

/* UK Css  */
/* 좌측여백에서 양쪽여백으로  */
.uk-grid-small > * {
  padding-left: 7px;
  padding-right: 7px;
}

.uk-navbar-dropdown {
  background: #ffffff;
  padding-bottom: 150px;
  height: 180px !important;
}

.uk-navbar-dropbar {
  background: rgba(23, 28, 97, 0.8);
}

.uk-offcanvas-bar {
  background: #171C61;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  font-family: "Noto Sans KR", sans-serif;
  text-transform: none;
}

.uk-grid {
  margin-left: 0px;
  padding-left: 0px;
}

.uk-grid-small {
  margin-left: 0px;
}

.uk-slidenav {
  color: #bcbcbc !important;
}

.wh_slidenav {
  margin-top: -100px;
}

.whTriAni {
  position: relative;
}
.whTriAni::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 36px 36px;
  border-color: transparent transparent #036EB8 transparent;
  transition: border-width 250ms;
}
.whTriAni::before {
  content: "추천";
  font-size: 12px;
  opacity: 0;
  color: #fff;
  position: absolute;
  bottom: 9px;
  right: 9px;
  z-index: 2;
  transition: opacity 300ms;
  white-space: pre-wrap;
  text-align: right;
}
.whTriAni:hover::before {
  opacity: 1;
  transition: opacity 150ms;
}
.whTriAni:hover::after {
  border-width: 0 0 72px 72px;
}

.uk-card-default {
  box-shadow: none;
}

.uk-dotnav > .uk-active > * {
  background-color: #bcbcbc !important;
  border-color: #bcbcbc !important;
  border: 1px solid #bcbcbc !important;
}

.uk-dotnav > * > * {
  background-color: transparent;
  border-color: #bcbcbc !important;
}

/* UK Css  */
/* Main Typo */
.whTypo .whT1 {
  color: #000000;
  font-size: 3.5em;
  font-weight: 100;
  letter-spacing: -6px;
}
.whTypo .whT1 .whT11 {
  font-weight: 100;
  color: #036EB8;
  letter-spacing: -10px;
}
.whTypo .whT1 .whT12 {
  font-weight: 300;
  letter-spacing: -10px;
}
.whTypo .whT2 {
  color: rgb(3.45, 4.2, 14.55);
  font-size: 1.4em;
}

.whWhiteT {
  background-color: rgba(255, 255, 255, 0.8);
}

/* SLider  */
.uk-overlay-primary {
  background: rgba(0, 0, 0, 0.5);
}

/*  whoffcanvasLeft */
.whoffcanvasLeft .uk-offcanvas-bar {
  /*
  background: rgba(248,80,50,1);
  background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
  background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
  background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
  background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
  background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
  */
  background: #000428; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.whoffcanvasLeft .whOffBanner {
  position: relative;
  z-index: 1000;
}
.whoffcanvasLeft .whOffBanner .whCustomer {
  width: 250px;
  height: 65px;
  line-height: 24px;
  background-color: #13c6d6;
  color: #ffffff;
}
.whoffcanvasLeft .whOffBanner .whCustomer:hover {
  background-color: #b2cd00;
  color: white;
}
.whoffcanvasLeft .whOffBanner .whCustomer:hover a {
  color: #ffffff;
}
.whoffcanvasLeft .whOffBanner .whCustomer {
  padding: 20px;
  border: 2px solid #efefef;
  border-radius: 60px;
}
.whoffcanvasLeft .whOffBanner .whCustomer div {
  float: left;
}
.whoffcanvasLeft .whOffBanner .whCustomer .wh_customer_icon {
  padding-top: 10px;
}
.whoffcanvasLeft .whOffBanner .whCustomer .wh_customer {
  padding: 6px;
}
.whoffcanvasLeft .whOffBanner .whCustomer .wh_customer a:hover {
  color: white;
}
.whoffcanvasLeft .uk-card {
  background: #171C61;
  border-radius: 30px;
  border: 2px solid #efefef;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 700;
}
.whoffcanvasLeft .uk-card:hover {
  background-color: #b2cd00;
  color: white;
}
.whoffcanvasLeft .uk-card:hover a {
  color: #ffffff;
}

.whBanSmall {
  background: #ffffff;
  border-radius: 30px;
  border: 2px solid #efefef;
  color: #171C61;
  font-size: 1.1em;
}
.whBanSmall:hover {
  background-color: #171C61;
  color: white;
}
.whBanSmall:hover a {
  color: #ffffff;
}

#WHPsWrapper .WHPsComment {
  padding: 10px;
}
#WHPsWrapper .WHPsDiv {
  padding: 10px 0px 10px 0px;
  background: #fff;
  border-top: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-bottom: 1px solid #b8b8b8;
  box-shadow: 1px 1px 2px #e7e7e7;
  cursor: pointer;
}
#WHPsWrapper .WHPsDivOn {
  padding: 10px 0px 10px 0px;
  background: #fff;
  outline: 2px solid #036EB8;
  border-top: 1px solid #036EB8;
  border-right: 1px solid #036EB8;
  border-left: 1px solid #036EB8;
  border-bottom: 1px solid #036EB8;
  box-shadow: 1px 1px 2px #e7e7e7;
  cursor: pointer;
}
#WHPsWrapper .WHPsComment {
  letter-spacing: -0.5px;
  margin: 14px 0 7px;
  font-size: 18px;
  font-weight: normal;
}
#WHPsWrapper .WHPsComment .whMainS:after {
  display: block;
  width: 240px;
  height: 1px;
  margin-top: 8px;
  background: #efefef;
  content: "";
}

.whbox .uk-card {
  border: 1px solid red;
}

/* whNotice  */
.whNotice {
  padding-bottom: 20px;
}
.whNotice span.whNoticeTitle {
  padding-left: 10px;
  font-weight: 500;
  color: #171C61;
  font-size: 1.4em;
}
.whNotice span.whNoticemore {
  float: right;
  margin-right: 10px;
  padding: 0px 20px 5px 10px;
}
.whNotice span.whNoticemore a {
  font-size: 0.7em;
  text-decoration: none;
  color: #171C61;
}
.whNotice span.whNoticemore a:hover, .whNotice span.whNoticemore a:focus {
  color: #036EB8;
  text-decoration: none;
}
.whNotice span.uk-badge {
  margin-bottom: 4px;
  font-size: 0.6em;
}
.whNotice UL li {
  height: 30PX;
  border-bottom: 1px solid #efefef;
}
.whNotice UL li a {
  text-decoration: none;
}
.whNotice span.whNoticeDate {
  float: right;
  padding-right: 20px;
  color: #bcbcbc;
  font-weight: 300;
  font-size: 0.8em;
}

/* 고객센터  */
.whB1 {
  position: relative;
  margin-top: -80px;
  z-index: 1000;
}
.whB1 .whCustomer {
  line-height: 24px;
  background-color: #f9f1f1;
  color: #171C61;
}
.whB1 .whCustomer:hover {
  background-color: #171C61;
  color: white;
}
.whB1 .whCustomer:hover a {
  color: #ffffff;
}
.whB1 .whCustomer {
  padding: 20px;
  border: 2px solid #171C61;
  border-radius: 60px;
}
.whB1 .whCustomer div {
  float: left;
}
.whB1 .whCustomer .wh_customer {
  padding: 6px;
}
.whB1 .whCustomer .wh_customer a:hover {
  color: white;
}

.whB2 {
  position: relative;
  z-index: 1000;
}
.whB2 .whCustomer {
  line-height: 24px;
  background-color: #f9f1f1;
  color: #171C61;
}
.whB2 .whCustomer:hover {
  background-color: #171C61;
  color: white;
}
.whB2 .whCustomer:hover a {
  color: #ffffff;
}
.whB2 .whCustomer {
  padding: 20px;
  border: 2px solid #171C61;
  border-radius: 60px;
}
.whB2 .whCustomer div {
  float: left;
}
.whB2 .whCustomer .wh_customer {
  padding: 6px;
}
.whB2 .whCustomer .wh_customer a:hover {
  color: white;
}

/* 배너 주요사업  */
.whBan {
  background: #ffffff;
}
.whBan img {
  border-radius: 40px;
}
.whBan .container .uk-card h3 {
  font-size: 20px;
}
.whBan .container .uk-card .uk-card-body {
  padding: 20px 20px;
}
.whBan .container a.wh_button {
  border: 1px solid #bcbcbc;
  border-radius: 30px;
  background: #bcbcbc;
  color: #ffffff;
  text-decoration: none;
  padding: 4px;
}
.whBan .container a.wh_button:hover, .whBan .container a.wh_button:focus {
  border: 1px solid #171C61;
  background: #171C61;
  color: #ffffff;
}
.whBan2 {
  background: #efefef;
  padding-top: 30px;
}
.whBan2 .container .uk-card h3 {
  font-size: 20px;
}
.whBan2 .container .uk-card .uk-card-body {
  padding: 20px 20px;
}
.whBan2 .container a.wh_button {
  border: 1px solid #bcbcbc;
  border-radius: 30px;
  background: #bcbcbc;
  color: #ffffff;
  text-decoration: none;
  padding: 4px;
}
.whBan2 .container a.wh_button:hover, .whBan2 .container a.wh_button:focus {
  border: 1px solid #171C61;
  background: #171C61;
  color: #ffffff;
}
/* 배너-Member 주요사업  */
.whBanMem .container h3 {
  font-size: 1.2em;
}
.whBanMem .container {
  padding-top: 50px;
}
.whBanMem .container .uk-card-default {
  background: #fff;
  color: #666;
  box-shadow: none;
  border: 1px solid #bcbcbc;
  border-radius: 10px;
}

/* 배너-상담신청  */
.whcounselWrap {
  background-image: url("../images/bg2.jpg");
}

/* 배너-Member2 주요사업  */
/* 제휴업체  */
.whBanWith img {
  width: 150px;
}
.whBanWith .uk-card {
  border: 1px solid #efefef;
}

/* whCard1  */
.whCard1 {
  background: #efefef;
  padding: 20px 0 20px 0;
}
.whCard1 .uk-card-default {
  background: #fff;
  color: #666;
  box-shadow: none;
  border: 3px solid #bcbcbc;
  border-radius: 10px;
}

/* whCard3-1  */
.whCard3-1 {
  padding: 20px 0 20px 0;
}
.whCard3-1 .uk-card-default {
  background: #fff;
  color: #666;
  box-shadow: none;
  border: 3px solid #bcbcbc;
}
.whCard3-1 .uk-card-default a.wh_button {
  border: 1px solid #bcbcbc;
  border-radius: 10px;
  background: #b2cd00;
  color: #ffffff;
  text-decoration: none;
  padding: 2px;
  font-size: 0.6em;
}
.whCard3-1 .uk-card-default a.wh_button:hover, .whCard3-1 .uk-card-default a.wh_button:focus {
  border: 1px solid #171C61;
  background: #171C61;
  color: #ffffff;
}
.whCard3-1 .whSlide a.wh_button {
  border: 1px solid #bcbcbc;
  border-radius: 30px;
  background: #b2cd00;
  color: #ffffff;
  text-decoration: none;
  padding: 4px;
}
.whCard3-1 .whSlide a.wh_button:hover, .whCard3-1 .whSlide a.wh_button:focus {
  border: 1px solid #171C61;
  background: #171C61;
  color: #ffffff;
}
.whCard3-1 .whSlide h3, .whCard3-1 .whSlide p {
  background-color: rgba(23, 28, 97, 0.8);
}

/*   Sub Visual */
.whSubVisual .container {
  background-image: url("../images/sub.jpg");
  height: 300px;
}

/* whContent */
.whContent {
  font-size: 0.85em;
  padding: 10px;
}
.whContent h4 {
  font-size: 24px;
  color: #171C61;
  font-weight: 400;
}

/*   Sub whDoc */
.whDoc .whT1 {
  font-size: 3em;
  font-weight: 100;
  letter-spacing: -5px;
}
.whDoc .whT2 {
  font-size: 2em;
  font-weight: 400;
  letter-spacing: -5px;
}
.whDoc h5.whDocT1 {
  font-size: 2em;
  font-weight: 700;
  color: #171C61;
}
.whDoc .uk-card {
  font-size: 1em;
}
.whDoc .uk-card .uk-card-body {
  border: 1px solid #efefef;
}
.whDoc .uk-card .uk-card-body:hover {
  border: 1px solid #ff4e00;
}
.whDoc .uk-card .uk-card-body:hover .uk-card-title {
  color: #ff4e00;
}
.whDoc .uk-card .uk-card-body UL {
  list-style: disc;
}
.whDoc .uk-card .uk-card-body .uk-card-title:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: 30px auto 0;
  background: #aaa;
}

/* whFooter whTail  */
.whFooterWrap1 {
  background-color: #444444;
  border-bottom: 1px solid rgb(55.25, 55.25, 55.25);
}
.whFooterWrap1 .whTail1 UL {
  margin: 0;
  padding-left: 0;
}
.whFooterWrap1 .whTail1 UL LI {
  float: left;
  list-style: none;
  padding: 10px;
  border-right: 1px solid rgb(55.25, 55.25, 55.25);
}
.whFooterWrap1 a {
  color: #777777;
  text-decoration: none;
}
.whFooterWrap1 a:hover, .whFooterWrap1 a:focus {
  color: rgb(195.5, 195.5, 195.5);
}
.whFooterWrap1 .whTail2 {
  border-top: 1px solid rgb(55.25, 55.25, 55.25);
}
.whFooterWrap1 .whTail2 UL {
  margin: 0;
  padding-left: 0;
}
.whFooterWrap1 .whTail2 UL LI {
  float: left;
  list-style: none;
  padding: 10px;
  border-left: 1px solid rgb(55.25, 55.25, 55.25);
}
.whFooterWrap1 a {
  font-size: 0.8em;
  color: #777777;
  text-decoration: none;
}
.whFooterWrap1 a:hover, .whFooterWrap1 a:focus {
  color: rgb(195.5, 195.5, 195.5);
}

.whFooterWrap2 {
  background-color: #444444;
  padding: 20px 0px 20px 0px;
}
.whFooterWrap2 p {
  font-size: 0.7em;
  color: #777777;
  margin-top: 0;
}
.whFooterWrap2 .whfooter UL {
  padding-left: 0;
}
.whFooterWrap2 .whfooter UL li {
  list-style: none;
}
.whFooterWrap2 .whfooter UL li address {
  margin: 0;
}
.whFooterWrap2 .whfooter UL span {
  font-size: 0.8em;
  font-weight: 700;
  color: #777777;
}
.whFooterWrap2 .whfooter UL span .tel {
  color: #ffffff;
}
.whFooterWrap2 .whfooter UL span .fax {
  color: #ffffff;
}
.whFooterWrap2 .uk-button-default {
  color: #777777;
  border: 1px solid #777777;
}

.whFootSitemap {
  background-color: #efefef;
}
.whFootSitemap .container {
  padding: 20px 0px 20px 0px;
}
.whFootSitemap .container UL LI {
  padding-left: 20px;
}
.whFootSitemap .container h4 a {
  border: 1px solid #efefef;
  color: #171C61;
  text-decoration: none;
  padding: 6px;
  font-weight: 700;
}
.whFootSitemap .container h4 a:hover, .whFootSitemap .container h4 a:focus {
  border: 1px solid #171C61;
  background: lignten(#171C61, 50%);
  color: #171C61;
}

/* Sub  */
.wh_stitle {
  border-bottom: 1px solid #bcbcbc;
  margin-top: 20px;
}
.wh_stitle h3 {
  color: #171C61;
}

.whMainS {
  color: #171C61;
  text-align: center;
  font-weight: 500;
}

.whMainSs {
  color: #bcbcbc;
  text-align: justify;
  letter-spacing: -1px;
  font-size: 13px;
}

/* whSVG4logo


path {
	stroke: $color-white;
	stroke-dasharray: 60;
	opacity: 10;
	animation: animatt 3s;

}

@keyframes animatt {
	0% {
		opacity: 0;
		stroke-dashoffset:60;
	}


	100% {
		opacity: 10;
		stroke-dashoffset:0;
	}	
}

*/
/* whBoardProduct */
.whBoardProduct UL.whulcircle {
  list-style: circle;
}
.whBoardProduct .uk-card-body {
  background-color: #efefef;
}

/*whiframe*/
.whiframe {
  min-height: 500px;
}
.whiframe #wh_iframe {
  border: 2px solid #efefef;
  width: 1100px;
  min-height: 500px;
}

@media (max-width: 768px) {
  h3.uk-card-title {
    font-size: 1.2em;
  }
  h3 {
    font-size: 1.2em;
  }
  * {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 1em;
    letter-spacing: -1px;
    word-spacing: -0.1em;
    -webkit-font-smoothing: antialiased;
  }
  .whContent {
    padding: 0;
  }
  .uk-card-body {
    padding: 20px 20px;
  }
  .whFooterWrap2 .whfooter {
    text-align: center !important;
  }
  .whTypo .whT1 {
    font-size: 1.8em;
    font-weight: 700 !important;
    letter-spacing: -2px;
  }
  .whTypo .whT1 .whT11 {
    font-weight: 700;
    color: #036EB8;
    letter-spacing: -2px;
  }
  .whTypo .whT1 .whT12 {
    font-weight: 700;
    letter-spacing: -2px;
  }
  .whTypo .whT2 {
    font-size: 1em;
  }
  .whB1 {
    position: relative;
    margin-top: -20px;
  }
  .whSubVisual img {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1000px;
  }
  .whTopMenu .uk-navbar-container .uk-navbar-nav {
    padding-left: 20px;
  }
}
* + [class*=uk-align] {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media not all, (max-resolution: 72dpi), (max-resolution: 1dppx) {
  html.win.chrome * {
    /* -webkit-text-stroke: .25px; */
  }
}
a {
  text-decoration: none !important;
  color: #171C61;
}
a:hover, a:focus {
  color: #036EB8;
}

.w100 {
  font-weight: 100 !important;
}

.w300 {
  font-weight: 300 !important;
}

.w350 {
  font-weight: 350 !important;
}

.w400 {
  font-weight: 400 !important;
}

.w500 {
  font-weight: 500 !important;
}

.w700 {
  font-weight: 700 !important;
}

.w900 {
  font-weight: 900 !important;
}

.s10 {
  font-size: 12px;
}

.s20 {
  font-size: 24px;
}

.s30 {
  font-size: 30px;
}

.s50 {
  font-size: 50px;
}

.ls0 {
  letter-spacing: 0em !important;
}

.ls1 {
  letter-spacing: -0.1em !important;
}

.ls15 {
  letter-spacing: -0.15em !important;
}

.ls2 {
  letter-spacing: -0.2em !important;
}

/* etc  */
.whColorMain {
  color: #171C61 !important;
}

.whcolor-main {
  color: #171C61 !important;
}

.whcolor-main2 {
  color: #036EB8 !important;
}

.whcolor-main3 {
  color: #b2cd00 !important;
}

.whcolor-main4 {
  color: #13c6d6 !important;
}

.whcolor-main5 {
  color: #ff4e00 !important;
}

.whcolor-yellow {
  color: #ffd800 !important;
}

.whBGcolorMain1 {
  background-color: #171C61 !important;
}

.whBGcolorMain2 {
  background-color: #036EB8 !important;
}

.whBGcolorMain3 {
  background-color: #b2cd00 !important;
}

.whBGcolorMain4 {
  background-color: #13c6d6 !important;
}

.font_Dokdo {
  font-family: "Dokdo", cursive !important;
}

.font_HiMelody {
  font-family: "Hi Melody", cursive !important;
}

.font_DoHyeon {
  font-family: "Do Hyeon", sans-serif !important;
}

.font_EaseSeaDokdo {
  font-family: "East Sea Dokdo", cursive !important;
}

.font_Stylish {
  font-family: "Stylish", sans-serif !important;
}

.font_Cute {
  font-family: "Cute Font", cursive !important;
}

.font_BlackAndWhite {
  font-family: "Dokdo", cursive !important;
}

.font_e1 {
  font-family: "Roboto", sans-serif !important;
  letter-spacing: 0px;
}

.wh-cursor {
  cursor: pointer;
}/*# sourceMappingURL=wh.css.map */