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


/*------------------------------------------------------------
**
** 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 {
	font-family: 'Open Sans','Noto Sans KR','Apple SD 산돌고딕 Neo','Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,sans-serif;
	font-weight: 400;
	letter-spacing: -.5px;
	color:#666;	
}
#pageFo .btnArea {display: block !important;}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	color: #111;
}

a,
a:hover {text-decoration: none;color: #111;}

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

/*------------------------------------------------------------
**
** xe
**
--------------------------------------------------------------*/
.xe_content {color: #666 !important;}
.document_popup_menu {display: none;}

#spot .search input[type="text"],
#spot .search input[type="submit"],
.localNavigation li a,
.localNavigation li.on a {height: auto;} /* search skin page */
.xm select, .xm textarea, .xm input[type='text'], .xm input[type='password'], 
.xm input[type='datetime'], .xm input[type='datetime-local'], .xm input[type='date'], 
.xm input[type='month'], .xm input[type='time'], .xm input[type='week'], .xm input[type='number'], 
.xm input[type='email'], .xm input[type='url'], .xm input[type='search'], 
.xm input[type='tel'], .xm input[type='color'] {height: auto;}


/*------------------------------------------------------------
**
** header
**
--------------------------------------------------------------*/
.navik-menu ul ul li>a {
	font-style: normal;
}
/*------------------------------------------------------------
**
** head title
**
--------------------------------------------------------------*/
.scroll-top {
    display: none;
    position: fixed;
    right: 1rem;
    bottom: 5rem;
    padding: 1rem;
    z-index: 99;
}
.scroll-top .scroll-icon {
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
}
.sub-header .bread-crumb-top a {
	font-size: 14px;
	color:#fff;
} 

/*------------------------------------------------------------
**
** line
**
--------------------------------------------------------------*/
.line-point {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.line-point:before {
	content: '';
	position: absolute;
	left: 0;bottom: 0;
	width: 30px;height: 1px;
	background-color: #333;
}
.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;
}
.line-design {margin-bottom: 10px;text-align: center;}
.line-design>span:before,
.line-design>span:after {
	content: '';
    display: inline-block;width: 60px;height: 1px;
    margin-top: -2px;
    margin-right: 10px;
    margin-left: 0;
    vertical-align: middle;
    background-color: #ccc;
}
.line-design>span:after {margin-right: 0;margin-left: 10px;}



/*------------------------------------------------------------
**
** Owl Slider
**
--------------------------------------------------------------*/
.kso-player {
	height:100%;width:100%;
	background-color: #000;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center !important;
	background-size: auto !important;
}

.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 h1 {margin-top: 0;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;}
}


/*------------------------------------------------------------
**
** submenu
**
--------------------------------------------------------------*/
.nav-sub {
	border-bottom: 1px solid #e5e5e5;
	z-index: 5;
}	
.nav-sub .nav li {
	position: relative;
	padding: 0 20px;
	margin-left: -1px;
	min-width: 250px;
	line-height: 50px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.nav-sub .nav li>svg {
	position: absolute;
	right: 20px;top: 35%;
	color: #999;
}

.nav-sub .nav .dropdown {
	position: relative;
}
.nav-sub .nav .dropdown-content {
	display: none;
	position: absolute;
	left: -1px;
	padding: 10px 0;
	min-width: 250px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: 0;
	z-index: 1;
}
.nav-sub .nav .dropdown-content a {
	display: block;
	padding: 0 20px;
	font-size: 15px;
	line-height: 40px;
	color: #666;
}
.nav-sub .nav .dropdown:hover .dropdown-content {display: block;}
@media (max-width: 991px) {
	.nav-sub .nav li {display: none;border: 0;}
	.nav-sub .nav li:last-child {display: block;}
	.nav-sub .nav li:last-child,
	.nav-sub .nav .dropdown-content {width: 100%;}
}
.nav-sub .nav li.home {
	min-width: 120px;	
}
.nav-sub .nav li.home>a>svg {
	left: 20px;
	color: #666;
}


/*------------------------------------------------------------
**
** button
**
--------------------------------------------------------------*/
.btn-kso,
.btn-kso-line {
	display: inline-block;
	padding: 0.420rem 0.80rem;
	font-size: 15px;	
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.5;
    color: #fff;
	border: 1px solid;
	border-radius: 2px;
	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: 15px;
	border-radius: 0.2rem;
}
.btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: 13px;
}
.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;}

.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}
.delay07 {animation-delay: 0.7s; -webkit-animation-delay: 0.7s}
.delay08 {animation-delay: 0.8s; -webkit-animation-delay: 0.8s}
.delay09 {animation-delay: 0.9s; -webkit-animation-delay: 0.9s}
.delay10 {animation-delay: 1s; -webkit-animation-delay: 1s}
.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}

.bg-gray {background-color: #f5f5f5;}
/*------------------------------------------------------------
**
** media quary
**
--------------------------------------------------------------*/
@media (min-width: 1330px) {
	.d-xxl-flex {display: flex !important;}
}


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