@charset "utf-8";

html {scroll-behavior: smooth;}
/* --------------------------------------------------------------
** 
** default
** 
----------------------------------------------------------------*/
body {line-height: 1.4;}
body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul{
	font-family: 'Open Sans','Noto Sans KR','Apple SD 산돌고딕 Neo','Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,sans-serif;
    color: #666;
}
h1,h2,h3,h4 {
	font-weight: 300;
	letter-spacing: -1px;
	color: #333;
}
h1,h2,h3,h4 {font-family: 'Open Sans','Noto Sans KR','Apple SD 산돌고딕 Neo','Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,sans-serif;}
.font-mont {font-family: 'Montserrat', 'Open Sans', sans-serif;}
a:hover,
.transition-3 {
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
::-moz-selection{background:#F06880;color:#fff}
::selection{background:#F06880;color:#fff}

.bg-gray {background-color: #f8f8f8;}
.z-index1 {z-index: 1;}
#pageFo .btnArea {display: block !important;}
.root_daum_roughmap .wrap_controllers {display: none;}
/* --------------------------------------------------------------
** 
** header
** 
----------------------------------------------------------------*/
.header-wrap {
	position: fixed;top: 0;left: 0;
	width: 100%;padding: 0;
	z-index: 101;
}
#kso-footer-fixed {
	position: fixed;bottom: 0;left: 0;
	line-height: 60px;
	width: 100%;height: 60px;
    z-index: 99;
}



/*bsnav-mobile*/
.bsnav-mobile .navbar {
	display: block;
	padding-top: 0;
	width: 300px;
}
.bsnav-mobile .navbar .profile {
	width: 100%;height: 200px;
	background-image: url(../img/profile.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.bsnav-mobile .navbar-nav {padding-left: 0;padding-right: 0;    -ms-flex-item-align: start!important;
    align-self: flex-start!important;}
.bsnav-mobile .navbar-nav .nav-item .nav-link {
	display: block;
	padding: 0 30px;line-height: 40px;
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
	margin: 0;padding: 5px 0;
	background-color: #f5f5f5;
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
	padding-left: 40px;
	font-size: 15px;
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav .nav-link {
	padding-left: 50px;
}
.navbar .nav-item .caret {display: none;}
.bsnav-mobile>.navbar .nav-item .caret {display: inline-block;}

.bsnav-mobile .navbar .navbar-profile {
	position: absolute;top: 0;right: 0;	
	flex-flow: column;
    width: 300px;height: 200px;    
    background: #222;
}
.bsnav-mobile .navbar .navbar-profile .navbar-login {
	position: relative;display: flex;
	height: 100%;
}
.bsnav-mobile .navbar .navbar-profile .navbar-login a {	
	width: 100%;
}
.bsnav-mobile .navbar-social {
	position: absolute;left: 0;bottom: 0;right: 0;
	text-align: center;
}

/* --------------------------------------------------------------
** 
** navbar-toggler
** 
----------------------------------------------------------------*/
.navbar-toggler {
	position: absolute;top: 5px;right: 5px;
	width: 50px;height: 50px;
}
.menu-btn {
	flex: 0 0 auto;
    position: relative !important;width: 50px;height: 50px;
    cursor: pointer;
}
.hamburger{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.hamburger span{
	display:block;
	width:18px;height:2px;
	margin-bottom: 4px;
	overflow:hidden;
	position:relative;
}
.hamburger span:last-child {margin:0;}

.hamburger span:before,
.hamburger span:after {
	content:"";
	position:absolute;left: 0;
	width:100%;
	height:100%;
	background-color:#333;
	transform:translateX(-200%);
	-webkit-transform:translateX(-200%);
	-moz-transform:translateX(-200%);
	-ms-transform:translateX(-200%);
	-o-transform:translateX(-200%);
	transition:transform ease 300ms;
	-webkit-transition:transform ease 300ms;
	-moz-transition:transform ease 300ms;
	-ms-transition:transform ease 300ms;
	-o-transition:transform ease 300ms;
}
#kso-container.light .hamburger span:before,
#kso-container.light .hamburger span:after{
	background-color:#fff;
}
.hamburger span:after{
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
}

.hamburger span:nth-child(2):before,
.hamburger span:nth-child(2):after{
	transition-delay:75ms;
}

.hamburger span:last-child:before,
.hamburger span:last-child:after{
	transition-delay:150ms;
}

.menu-btn:hover .hamburger span:before{
	transform:translateX(0);
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
}

.menu-btn:hover .hamburger span:after{
	transform:translateX(200%);
	-webkit-transform:translateX(200%);
	-moz-transform:translateX(200%);
	-ms-transform:translateX(200%);
	-o-transform:translateX(200%);
}

/* modal */
.btn-modal-lang {
	width: 220px;
}
/*.footer-menu li.login a,
.btn-modal-lang a {
	display: block;float: right;
    width: 33px;height: 33px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    background-color: #111;
    border-radius: 50%;
}*/
#modal-login .modal-dialog {width: 360px;}
.modal-dialog {font-size: 14px;}
.modal-dialog a {color: #41424e;}
.modal-dialog .modal-body .modal-input-box .form-control {	
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
}
.modal-dialog .btn-submit {
	color: #fff;
	background-color: #41424e;
}
#modal-lang .modal-dialog .modal-body {padding: 1.2rem 2rem;}

@media (min-width: 992px) {
	.modal-dialog {    
		margin-top: 100px;
	}	
}


/*type2*/
.menu-social-media.lang {
	display: flex;
	justify-content: center;
}
.menu-social-media.lang a {
	padding: 0;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    color: #333;
}
.menu-social-media.lang a.on {
	color: #2e9fff;
}
.border-l {
	position: relative;
}
.border-l:before {
	content: '';
	position: absolute;
	left: 0;top: 8px;
	width: 1px;height: 15px;
	border-left: 1px solid #ddd;
}
/* --------------------------------------------------------------
** 
** default
** 
----------------------------------------------------------------*/
.overlay-light, .overlay-dark {
    position: absolute;
    left: 0;top: 0;
    width: 100%;height: 100%;
    background-color: rgba(0,0,0,0.2);
}

.submenu-horizontal .submenu-lg {
	background-color: #121212;
}
.submenu-horizontal .nav-pills .nav-link {
	padding: .8rem 1rem;
	color: #fff;
	border-left: 1px solid rgba(255,255,255,.2);
	border-radius: 0;
}
.submenu-horizontal .nav-pills .nav-item:first-child .nav-link {
	border-left: 0;
}
.submenu-horizontal .nav-pills .nav-item:hover .nav-link,
.submenu-horizontal .nav-pills .nav-item.active .nav-link {
	background-color: #51A49C;
}



/* footer */
#kso-footer-fixed {background-color: #fff;}
.copyright {font-size: 0.8em;color: #888;}


/* --------------------------------------------------------------
** 
** inc
** 
----------------------------------------------------------------*/
#fp-nav ul li .fp-tooltip {
	padding: 2px 10px;
	max-width: 300px;
	font-size: 11px;
	background-color: #111;
	border-radius: 15px;
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
	border: 2px solid #333;
    background: #fff;
}


/* --------------------------------------------------------------
** 
** button
** 
----------------------------------------------------------------*/
.btn-kso {
	display: inline-block;
	padding: .5rem 1.5rem;
    font-size: 1rem;font-weight: 400;
    text-align: center;line-height: 1.5;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    background-color: #567798;
    border: 1px solid transparent;          
}
.btn-kso.btn-lg {padding: .75rem 2.5rem;font-size: 18px;}
.btn-kso.btn-sm {padding: .4rem 1rem;font-size: 14px;}
.btn-round {border-radius: 20px;}

.btn-kso.outline-light {
	background-color: transparent;
	border-color: #fff;
}

.btn {
	background-image: none;
	text-shadow: none;
}
/* --------------------------------------------------------------
** 
** XE
** 
----------------------------------------------------------------*/
.x input[type=color], 
.x input[type=date], 
.x input[type=datetime-local], 
.x input[type=datetime], 
.x input[type=email], 
.x input[type=month], 
.x input[type=number], 
.x input[type=password], 
.x input[type=search], 
.x input[type=tel], 
.x input[type=text], 
.x input[type=time], 
.x input[type=url], 
.x input[type=week],
.x .x_input-append a.x_add-on, 
.x .x_input-prepend a.x_add-on {height: auto !important;line-height: inherit !important;}
.x .x_input-append a.x_add-on, 
.x .x_input-prepend a.x_add-on {width: 30px;}

.bd .card {border: 0;}
.root_daum_roughmap {width: 100% !important;}

.kso-hidden {visibility: hidden;}
.animated {visibility: visible;}
.delay02 {animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.delay03 {animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.delay04 {animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.delay05 {animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.delay06 {animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.delay08 {animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.delay09 {animation-delay: 0.8s;-webkit-animation-delay: 0.9s;}
.delay10 {animation-delay: 1.0s;-webkit-animation-delay: 1.0s;}
.delay11 {animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.delay12 {animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.delay13 {animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
.delay14 {animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.delay15 {animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.delay16 {animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.delay17 {animation-delay: 1.7s;-webkit-animation-delay: 1.7s;}
.delay18 {animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}
.delay19 {animation-delay: 1.9s;-webkit-animation-delay: 1.9s;}
.delay20 {animation-delay: 2.0s;-webkit-animation-delay: 2.0s;}
.delay30 {animation-delay: 3.0s;-webkit-animation-delay: 3.0s;}
.delay40 {animation-delay: 4.0s;-webkit-animation-delay: 4.0s;}
/* --------------------------------------------------------------
** 
** media quary
** 
----------------------------------------------------------------*/
@media (min-width: 992px){

}
@media (min-width: 1200px){

}
@media (min-width: 1330px){
	.container-13 {
		max-width: 1300px;
	}
}


@media (max-width: 1199px){
	.kso-contents {padding-bottom: 30px !important;}
}
@media (max-width: 991px){
	#kso-container {padding: 0 !important;}
	#section-page0,
	.kso-contents {padding-bottom: 0 !important;}
	.br-none>br {display: none;}
}
@media (max-width: 767px){
	.kso-contents {padding-bottom: 0 !important;}
	.text-sm-center {text-align: center;}
}	
@media (max-width: 575px){
}