html,
body{height: 100%;}
body {background: url(/web/images/background_pattern.png);font-family: "NanumGothicRegular", sans-serif, auto;}

input[type="checkbox"].common{display: none;}
input[type="checkbox"].common + label::before{content: '';padding-right: 1.4em;margin-right: 0.4em;background-image: url(/web/images/icon/checkbox_false.jpg);background-repeat: no-repeat;background-size: contain;background-position: center center;}
input[type="checkbox"].common:checked + label::before{background-image: url(/web/images/icon/checkbox_true.jpg);}

#contentWrap{padding-top: 50px;position: relative;min-height: calc(100vh - 171px);}
/* header ========================================== */
#header{height: 50px;background-color: #e6e6e6;z-index: 5;background:transparent;transition: 0.4s ease background;}
#header>.container{display: flex;align-items: center;height: 100%;}
#hedaerLogo{display: flex;align-items: center;font-family: "font-ns-r";}
#hedaerLogo>a{text-decoration: none;color: #184fa2;text-shadow: 3px 1px 3px rgba(0,0,0,0.2);font-size: 2em;}
#hedaerLogo>a>span{font-size: 0.8em;}
#hedaerLogo>span{font-size: 0.9em;word-break: keep-all;color: #555;margin-left: 10px;transition:0.4s ease color;font-weight: 600;}
@media (max-width: 576px) {
	#hedaerLogo>span{width:10em;}
}
#hedaerLink{flex: auto;text-align: right;}
#hedaerLink>span{}
#hedaerLink>span:not(:last-child){border-right: 1px solid #184fa2;padding-right: 0.5em;margin-right: 0.5em;}
#hedaerLink>span>a{color: #184fa2;}
#hedaerLink>span.gray>a{color: #184fa2;/* font-weight: bold; */}

#header.header-scrolled{background-color: rgba(150, 150, 150, 0.6);}
#header.header-scrolled #hedaerLogo>span{color:#000;}
/* header ========================================== */


/* footer ========================================== */
#footer{text-align: center;}
#footer>.wrap>.logo{margin: 1.5em 0;}
#footer>.wrap>.logo>img{height: 50px;}
#footer>.wrap>.copyright{color: #316288;background-color: #d1ddeb;padding: 2em 0;font-size: 0.7em;line-height: 1.2em;}
#footer>.wrap>.copyright>p{margin: 0;}

#footer>.wrap>.copyright>.footerInfo{display:inline-flex;}
#footer>.wrap>.copyright>.footerInfo>.copyright_text{align-content:center;align-self:center;display:inline-block;}
#footer>.wrap>.copyright>.footerInfo>.copyright_text>p{margin: 0;}
#footer>.wrap>.copyright>.footerInfo>.authBox{display:flex;margin-left:10px;}
#footer>.wrap>.copyright>.footerInfo>.authBox>img{background-size:cover;width:60px;height:40px;}
#footer>.wrap>.copyright>.footerInfo>.authBox>.authInfo{align-self:center;}
#footer>.wrap>.copyright>.footerInfo>.authBox>.authInfo>p{margin: 0;}

@media (max-width: 576px) {
	#footer>.wrap>.copyright>.footerInfo{display:inline-block;}
	#footer>.wrap>.copyright>.footerInfo>div{padding:5px 0px;}
}
/* footer end ========================================== */

/* loader ========================================== */
#requestLoader{display: none;position: fixed;left: 0;top: 0;height: 100%;width: 100%;z-index: 5;background: rgba(0,0,0,0.2);font-size: 1rem;}
#requestLoader>.loaderWrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#requestLoader>.loaderWrap>.loaderText{color: #fff;font-weight: bold;font-size: 1.4em;}
#requestLoader>.loaderWrap>.loaderSpinner,
#requestLoader>.loaderWrap>.loaderSpinner:after {border-radius: 50%;width: 10em;height: 10em;}
#requestLoader>.loaderWrap>.loaderSpinner {margin: 0 auto 10px auto;position: relative;font-size: 10px;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: spinner 1.1s infinite linear;animation: spinner 1.1s infinite linear;}
@-webkit-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* loader end ========================================== */