@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font-gongB{font-family: 'GongGothicBold';}
.font-gongM{font-family: 'GongGothicMedium';}
.font-gongL{font-family: 'GongGothicLight';}
.font-noto{font-family: 'Noto Sans KR', sans-serif !important;}

.txt-tit{font-size: 48px !important; font-weight: 600; margin-bottom: 40px !important;}


.banner.banner-style-4 .container{width: 100%;}
.banner.banner-style-4 .banner-thumbnail{left: 0; transform: translateY(-50%); width: 100%;}

.banner .banner-content .title{font-size: 48px;}

.purpose-txt{margin-top: 10px;}

.call-to-action-area:before{background:linear-gradient(#ffabb3, #fff);}
.axil-btn.btn-fill-white:hover{color: #5956e9;}

.splash-main-banner{background-color: #fff; padding: 0 0 240px 0;}
.splash-main-banner .container{margin-top: 80px;}
.splash-main-banner .site-element-count .count-title{font-size: 24px; font-weight: 600; margin-bottom: 20px; background-color: var(--color-blue-shade); padding: 10px 30px; border-radius: 50px; color: #fff; box-shadow: 0px 24px 24px 0px rgb(0 0 0 / 7%);}
.splash-main-banner .site-element-count .count-number{font-size: 180px; margin-top: -20px;}
.splash-main-banner .site-element-count .count-number span.symbol{font-size: 40px;}

.origin-section{margin: 0; background: url(../media/main/map.png) no-repeat left top;}

.project-grid .thumbnail{border-radius: 30px;}

.upload-form input{width: 20px;}
/*
.filebox label {display: inline-block; padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: var(--color-primary); cursor: pointer; border-radius: .25em; -webkit-transition: background-color 0.2s;  transition: background-color 0.2s;
}
*/

.filebox label{cursor: pointer;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}



.m-display{display: none;}


.img-replace {display: inline-block;overflow: hidden;text-indent: 100%;color: transparent;white-space: nowrap;}

/* -------------------------------- 

popup 

-------------------------------- */
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 99999;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup .form-group{padding: 30px; text-align: left;}

.cd-popup-container {position: relative;width: 90%;max-width: 400px;margin: 3em auto;background: #FFF;border-radius: .25em .25em .4em .4em;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}

.cd-popup-container input{width: 20px; height: 20px;}

.cd-popup-container h5{padding-top: 30px;}
.upload-btn{background-color: var(--color-light) !important; border-color: var(--color-light) !important; color: #000 !important;}
.upload-btn:hover{color: #fff !important;}

.cd-popup-container button{margin-top: 20px;}
.cd-popup-container .cd-buttons:after {content: "";display: table;clear: both;}
.cd-popup-container .cd-buttons li {float: left;width: 50%;list-style: none;}
.cd-popup-container .cd-buttons a {display: block;height: 60px;line-height: 60px;text-transform: uppercase;color: #FFF;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {background: #fc7169;border-radius: 0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.cd-popup-container .cd-buttons li:last-child a {background: #b6bece;border-radius: 0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color: #c5ccd8;}
.cd-popup-container .cd-popup-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


.ui-radio {display: none;}
.ui-radio-label {position: relative;width: 30px;height: 30px;margin-right: 5px;}
.ui-radio-label:before{font:bold .8em sans-seriv;content: "";display: inline-block;border-radius: 100%;width: 30px;height: 30px;margin-right: 3px;box-shadow: -2px -2px 10px rgba(255, 255, 255, .5) inset;}
.ui-radio:checked + .ui-radio-label:before {background-color:inherit;background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNyAyNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPGNpcmNsZSBmaWxsPSIjZmZmZmZmIiBjeD0iMTAiIGN5PSIxMCIgcj0iNCI+PC9jaXJjbGU+Cjwvc3ZnPg==");background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width: 30px;height: 30px;}
.ui-radio:checked + .ui-radio-label:after{position: absolute;top: 0px;left: 0px;content: "";display: inline-block;border-radius: 100%;background-color: inherit;margin-right: 3px;z-index: -1;animation: ui-pulse 1s;width: 20px;height: 20px;}
.colors{height: 20px;margin: 10px 0;}

#yellow + .ui-radio-label:before {background-color:var(--color-accent1);}
#pink + .ui-radio-label:before {background-color:var(--color-accent2);}
#purple + .ui-radio-label:before {background-color:#d3a7ff;}
#grey + .ui-radio-label:before {background-color:#dfdfdf;}

.form-group-cheer{padding: 0 !important; margin-top: 40px;}
.form-group-cheer label{color: var(--color-gray-1);}
.form-group-cheer input{width: 100%; height: 60px;}



.demo-slider, .slick-slide a{cursor: w-resize;}

.isotope-button.isotope-project-btn span{font-weight: 600;}
.isotope-project-btn{text-align: center;}
.isotope-project-btn button{margin-right: 25px;}

.thumbnail-cheer{background-color:var(--color-accent1); text-align: center; color: #000; height: 30vh; display: flex; align-items: center;}
.thumbnail-cheer p{margin: 0; font-size: 26px; width: 100%; padding: 0 50px;}
.popup-video a{display: block !important;}


.call-to-action-area{padding: 100px 0 240px; height: 800px; z-index: 2;}
.call-to-action-area .banner-content{text-align: center;}
.call-to-action-area .site-element-count{display: flex; -webkit-box-align:center; align-items: center; -webkit-box-pack:center; justify-content: center;}
.call-to-action-area .site-element-count .count-box{margin-right: 95px; text-align: center; min-width: 150px;}
.call-to-action-area .site-element-count .count-box:last-child{margin-right: 0;}
.call-to-action-area .site-element-count .count-title{font-size: 24px; font-weight: 600; margin-bottom: 20px; background-color: var(--color-blue-shade); padding: 10px 30px; border-radius: 50px; color: #fff; box-shadow: 0px 24px 24px 0px rgb(0 0 0 / 7%);}
.call-to-action-area .site-element-count .count-number{font-size: 150px; margin-top: -20px; color: var(--color-primary); font-weight: 700; padding: 0 8px;}
.call-to-action-area .site-element-count .count-number span.symbol{font-size: 40px; margin: -8px;}


@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 10em auto;
  }
}

@media (min-width:1920px){
    .banner{min-height: 1200px;}
}

@media (max-width:991px){
    .call-to-action-area{padding: 100px 0; height: auto;}
    .call-to-action-area .site-element-count .count-title{font-size: 18px;}
    .call-to-action-area .site-element-count .count-number{font-size: 100px;}
    .splash-main-banner{padding-bottom: 0;}
    .splash-main-banner .container{padding-top: 100px;}
    .row > [class*="col"] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width:575px){
    .m-none{display: none;}
    .m-display{display: block;}
    
    .banner.banner-style-3{padding-top: 200px;}
    .banner.banner-style-4 .container{padding: 0 5px;}
    .banner.banner-style-4 .banner-thumbnail{transform: translateY(-25%);}
    .txt-tit{font-size: 40px !important; margin-bottom: 30px !important;}
    .section-padding{padding-top: 0;}
    
    .origin-section{padding-top: 100px !important; background: url(../media/main/map2.png) no-repeat top left;}
    
    .purpose-txt{margin-bottom: 10px;}
    
    .splash-main-banner{margin-top: -50px;}
    
    .call-to-action .thumbnail .larg-thumb{margin-right: -20px;}
    .call-to-action .thumbnail .larg-thumb img{width: 100%;}
    
    .call-to-action-area{padding: 60px 0 40px; height: auto;}
    .call-to-action-area .site-element-count{display: block;}
    .call-to-action-area .site-element-count .count-box{margin-right: 0; min-width: 80px;}
    .call-to-action-area .site-element-count .count-title{font-size: 20px;}
    .call-to-action-area .site-element-count .count-number{margin-top: 0; font-size: 80px;}
    .call-to-action-area .site-element-count .count-number span.symbol{margin: -4px;}
    
    .project-grid .thumbnail{border-radius: 20px;}
    .project-grid .thumbnail img{border-radius: 20px 20px 0 0;}
    
    .thumbnail-cheer{height: 15vh;}
    .thumbnail-cheer p{font-size: 18px; padding: 0 20px;}
    
    
    
    .splash-main-banner{padding-bottom: 0;}
    .splash-main-banner .container{padding-top: 0;}
    .splash-main-banner .site-element-count{display: block;}
    .splash-main-banner .site-element-count .count-box{margin-right: 0;}
    .splash-main-banner .site-element-count .count-title{font-size: 20px;}
    .splash-main-banner .site-element-count .count-number{margin-top: 0; font-size: 80px;}
    .splash-main-banner .cd-popup-trigger1{margin-bottom: 15px !important;}
    .row > [class*="col"] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.popup-warning-content {font-size: 10px;}

div#backLayer {
	display: none;
	opacity: 0.3;
	background-color:black;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 100000;
}

div#loadingDiv {
	display: none;
	opacity: 1;
	position: absolute;
	padding: 10px;
	background-color: white;
	width: 90%;
	max-width: 400px;
	/* height:64px; */
	border-radius: .5em;
	text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;
	mix-blend-mode: normal;
	z-index: 100001;
}