/*------------------------------------------------------------
** 1. Default
** 2. Header
** 3. Section
**
**
**
**
--------------------------------------------------------------*/
@import url(//cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);

/*------------------------------------------------------------
**
** Default
**
--------------------------------------------------------------*/
body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul,
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans','NotoSansKR','Apple SD 산돌고딕 Neo','Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,sans-serif;
	font-weight:400;
	letter-spacing: -.5px;
	color:#666;	
}
#pageFo .btnArea {display: block !important;}
a,
h1,h2,h3,h4,h5,h6 {color: #000;}
.xe_content {color: #666 !important;}
.bg-gray {background-color: #f8f8f8;}
a:hover {text-decoration: none;}

/* container-wrap */
.edge-space50 {padding-left: 0;padding-right: 0;width: auto;}
@media (min-width: 1200px) {
	.edge-space50 {padding-left: 50px;padding-right: 50px;}
}
.color-light {color: #fff;}


/*------------------------------------------------------------
**
** xe
**
--------------------------------------------------------------*/
#spot .search input[type="text"],
#spot .search input[type="submit"],
.localNavigation li a,
.localNavigation li.on a {height: auto;} /* search skin page */

/*------------------------------------------------------------
**
** head title
**
--------------------------------------------------------------*/




/*------------------------------------------------------------
**
** sidebarjs
**
--------------------------------------------------------------*/
[sidebarjs] {z-index: 1001;}
.sidebarjs .sidebar-profile {
	position: relative;
	margin-bottom: 20px;
	min-height: 190px;
	background-image: url(../inc/sidebarjs/profile.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.sidebarjs .sidebar-profile h4 {
	position: absolute;left: 1em;bottom: 1em;
	margin-bottom: 0;
	line-height: 1;
	letter-spacing: -.5px;
	color: #fff;
}
.sidebarjs .sidebar-content {
	padding: 0 2rem;margin-bottom: 20px;
}
.sidebarjs .login-form-mobile {
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.sidebarjs .login-form-mobile>[class*='col-'] {border-right: 1px solid #eee;}
.sidebarjs .login-form-mobile>[class*='col-']:last-child {border-right: 0;}
.sidebarjs .login-form-mobile a {font-size: 12px;}

.sidebarjs ul {padding-left: 0;list-style: none;}
.sidebarjs .nav.nav-mobile a:hover,
.sidebarjs .nav.nav-mobile>li.active {background-color: #f5f5f5;}
.sidebarjs .nav.nav-mobile a {
    display: block;position: relative;
    line-height: 3em;
}
.sidebarjs .nav.nav-mobile li a {padding-left: 30px;}
.sidebarjs .nav.nav-mobile>li>ul>li>a {padding-left: 40px;}
.sidebarjs .nav.nav-mobile>li>ul>li>ul>li>a {padding-left: 50px;}
.sidebarjs .nav.nav-mobile>li>ul>li>ul>li>ul>li>a {padding-left: 60px;}
.sidebarjs .nav.nav-mobile .item-children>a::after {
	content: '';display: block;
	position: absolute;top: 50%;right: 1rem;bottom: auto;	
	height: 11px;width: 8px;	
	background: url("../inc/sidebarjs/nav-arrow.svg") no-repeat center center;
	background-size: 8px 11px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.sidebarjs .nav.nav-mobile .item-children .item-sub-menu {display: none;background-color: #f9f9f9;}
.sidebarjs .nav.nav-mobile .item-children>a.submenu-open::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}
.sidebarjs .nav.nav-icon .nav-item {
	padding: 0 .5em;
    margin: 0 4px;
    width: 30px;
    line-height: 30px;
	color: #333;
    background-color: #eee;
    border-radius: 50%;
}
.sidebarjs .nav.nav-icon .nav-item a {padding: 0;}

.sidebarjs .sidebar-content .lang-header>li>a {line-height: 1rem;}
.sidebarjs .sidebar-content .login-form {font-size: 13px;}
.sidebarjs .sidebar-content .login-form-mobile {font-size: .9rem;}
.sidebarjs .sidebar-content .form-control {
	font-size: 13px;
	border-radius: 0;
}
.sidebarjs .sidebar-content hr {margin-top: 2rem;margin-bottom: 0rem;}
.sidebarjs .btn-line-login {
	padding: 8px;
	width: 49%;
	text-align: center;
	background-color: transparent;
	border: 1px solid #ccc;
	cursor: pointer;
}
.sidebarjs .sidebar-content input[type=checkbox], 
.sidebarjs .sidebar-content input[type=radio] {vertical-align: middle;}

.sidebarjs .sidebar-content .search-form {position: relative;}
.sidebarjs .sidebar-content .search-form .search-input {
	padding: 0 0 0 35px;
	width: 100%;line-height: 36px;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.sidebarjs .sidebar-content .search-form .search-icon {
	position: absolute;left: 13px;top: 9px;
}
.sidebarjs .sidebar-content .account-check,
.sidebarjs .sidebar-content .search-form .search-icon i {color: #888;}
.sidebarjs .sidebar-content .sidebar-social .nav-link {padding: 0 .5rem}


/*------------------------------------------------------------
**
** head title
**
--------------------------------------------------------------*/
.section-header {
	position: relative;
	margin-top: 0;margin-bottom: 40px;
	text-align: center;
}


.line-bottom {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.line-bottom.line-span {padding-bottom: 0;}
.line-span span {
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: -1px;
    border-bottom: 1px solid #666;
}

/* footer */
.footer_info {line-height: 30px;}



/*------------------------------------------------------------
**
** Owl Slider
**
--------------------------------------------------------------*/
.owl-slide.owl-theme .owl-nav {
	position: absolute;top: 50%;left:0;right:0;
	margin-top: -55px;text-align: center;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.owl-slide.owl-theme .owl-nav button {position: absolute;top:0;bottom: 0;}
.owl-slide.owl-theme .owl-nav .owl-prev {left: 0;}
.owl-slide.owl-theme .owl-nav .owl-next {right: 0;}
.owl-slide.owl-theme .owl-nav [class*='owl-'] {
	position: absolute;
	display: inline-block;
	margin: 0;padding: 0;
	width: 30px;height: 110px;
	font-size: 14px;line-height: 110px;
	color: #fff;background-color: rgba(255,255,255,.25);
	border-radius: 0;
	cursor: pointer;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.owl-slide.owl-theme .owl-nav [class*='owl-']:hover {width: 110px;color: #FFF;}
.owl-slide.owl-theme .owl-nav .disabled {opacity: 0.5;cursor: default; }
.owl-slide.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px; }
.owl-slide.owl-theme .owl-dots {
	position:absolute;bottom:10px;
	width:100%;text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-slide.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display: inline; }
.owl-slide.owl-theme .owl-dots .owl-dot span {
	display: block;margin: 5px 4px;
	width: 20px;height: 3px;
	background: #fff;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	}
.owl-slide.owl-theme .owl-dots .owl-dot.active span,
.owl-slide.owl-theme .owl-dots .owl-dot:hover span {background: #fa568b;}

/* add */
.owl-slide .owl-nav {opacity: 0;}
.owl-slide:hover .owl-nav {opacity: .8;}

.owl-slide .item-caption {position:absolute;top:40%;width: 100%;color: #fff;z-index: 10;}
.owl-slide .item-caption h1 {margin-top: 0;font-weight: normal;color: #fff;}
.owl-slide .item-caption .container>div {font-size: 18px;}

@media (max-width: 991px) {
	.owl-slide .item-caption h1 {font-size: 40px !important;}
}
@media (max-width: 767px) {
	.owl-slide .item-caption h1 {font-size: 30px !important;}
}
@media (max-width: 480px) {
	.owl-slide .item-caption {top: 35%;}
	.owl-slide .item-caption h1 {font-size: 20px !important;margin-bottom: .5rem !important;}
	.owl-slide .item-caption .container>div {font-size: 14px;}
}




/*------------------------------------------------------------
**
** button
**
--------------------------------------------------------------*/
.btn-kso,
.btn-kso-line {
	display: inline-block;
	padding: 0.420rem 0.80rem;
	font-size: 1rem;
	font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.5;
	border: 1px solid;
	border-radius: 0.25rem;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-kso {
	border-color: transparent;
}
.btn-lg {padding: 1rem 2rem;font-size: 1rem;border-radius: 0.2rem;}
.btn-sm {padding: 0.25rem 0.5rem;font-size: 0.875rem;}
.btn-kso-line {
	border-radius: 0;
	border: 1px solid #ddd;
}
.btn-outline-light {border-color: #fff;}

/* line-box */
.line-box {
	position: relative;
	margin-bottom: 3em;
	z-index: 1;
}
.line-box:after {
    display: block;content: '';
    position: absolute;left: 3em;top: 3em;
    width: 100%;height: 100%;
    border: 10px solid #f2f2f2;
    z-index: -1;
}
/*------------------------------------------------------------
**
** ETC
**
--------------------------------------------------------------*/
.root_daum_roughmap {width: 100%!important;}
.img-fluid {width: 100% \9;}

/* margin */
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
@media (max-width: 991px) {
	.text-sm-center {text-align: center;}
	.mb-sm-10 {margin-bottom: 10px;}
	.mb-sm-20 {margin-bottom: 20px;}
	.mb-sm-30 {margin-bottom: 30px;}
}

.kso-hidden {visibility: hidden}
.fadeInUp,.fadeInDown,.fadeInLeft,.fadeInRight,.fadeIn {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: 1s; -webkit-animation-delay: 1s}
.delay12 {animation-delay: 1.2s; -webkit-animation-delay: 1.2s}
.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}
.delay18 {animation-delay: 1.8s; -webkit-animation-delay: 1.8s}
.delay20 {animation-delay: 2.0s; -webkit-animation-delay: 2.0s}


/*------------------------------------------------------------
**
** media quary
**
--------------------------------------------------------------*/

@media (max-width: 991px) {
	.line-box:after {display: none;}
	.br-none>br {display: none;}
}