@charset "utf-8";

/* Default
****************************************/
::-moz-selection {background: #44B39E;color: white}
::selection {background: #44B39E;color: white}
body {color:#666}
#kso-container {background-position:center top;background-attachment:fixed}

/* header
****************************************/
/* xsmenu */
#xs-header {height:60px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.1)}
#xs-header i, #xs-header i {opacity:.5}
#xs-header i:hover, #xs-header i:active {opacity:.8}
.xs-bar,.xs-home,.xs-language {padding:16px 18px;width:60px;cursor:pointer}
.xs-bar {float:left}
.xs-home,.xs-language {float:right}
.xs-language {padding:20px 18px}
.xs-logo img {height:60px}

#xs-menu .xs-profile {padding:20px;color:#fff;background:url(../img/xspatt.jpg)}
#xs-menu .xs-profile .profile-img {margin-bottom:15px;width:100px;height:100px;box-shadow:-moz-box-shadow: 0 0 0 4px #5b647d;
-webkit-box-shadow: 0 0 0 4px #5b647d;box-shadow: 0 0 0 4px #5b647d;border-radius:50%}
#xs-menu .xs-profile p {font-size:13px;color:#BAC6DF}
#xs-menu .xs-register a{display: table-cell;padding:10px 0;width:1%;font-size:12px;text-align:center;color:#666;border-right:1px solid #ddd}
#xs-menu .xs-register a.xs-language {border-left:0;cursor:pointer}
#xs-menu .xs-register a.xs-logout {border-right:0}
#xs-menu .xs-searchbox .xs-search {padding: 4px 15px;margin:15px;width: 90%;color: #666;background:rgba(0,0,0,0.1);border: 1px solid transparent;border-radius: 30px}
#xs-menu a.mm-subopen {transition:.0s}

.kso-header {clear: both;position: relative}
.header-top a.btn-logged,
.header-top button.btn-logged {padding-bottom:3px;font-size:12px;color:#fff;background:none;border:0;border-bottom:1px solid transparent}
.header-top a.btn-logged:hover,
.header-top button.btn-logged:hover {border-bottom:1px solid}
.header-top ul.login-menu,
.header-top ul.lang-menu {margin-bottom:5px}

#md-header {position:absolute;top:0;width:100%;z-index:99}
#md-header.posRelative {position:relative}
#md-header .header-bar {display:block;margin-left: 15px;margin-right: 15px}
#md-header .header-bar:before,
#md-header .header-bar:after { content: " ";display: table;clear: both}

.navbar-collapse {padding-left:0;padding-right:0}
.navbar .navbar-nav > li > a {padding-top:25px;padding-bottom:25px}
.navbar .navbar-nav li.active > a, 
.navbar .navbar-nav li:hover > a{background-color: rgba(255, 255, 255, 0.1)}
.navbar .sitelogo img {max-height:70px}
.navbar.sticked .navbar-nav > li > a {padding-top:15px;padding-bottom:15px}
.navbar.sticked .sitelogo img {max-height:50px}
.navbar.sticked .icon-search {padding-top:15px;padding-bottom:15px}

#md-header .header-bar, .navbar .sitelogo img,.icon-search {
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear
}

/* Search */
.icon-search {padding:25px 25px 25px 15px}
.icon-search i{color:#fff}
.search_wrap {position:relative;margin:0 auto}
.search_wrap .search_area{display:none;position:absolute;top:0;left:0;padding:15px 40px 15px 20px;z-index:90}
.search_wrap .search_area input{font-size:13px;vertical-align:top}
.search_wrap .search_area input[type=text]{position:relative;width:98%;height:40px;padding:0;border:0;background-color:transparent;font-size:28px;color:#fff;-webkit-appearance:none;}
.search_wrap .search_area input[type=text]:focus{outline:0}
.search_wrap .search_area input[type=text]::-ms-clear{display:none}
.search_wrap .search_area .btn_close{position:absolute;top:50%;right:25px;width:20px;height:20px;margin-top:-10px;font-size:20px;color:#fff;text-align:center;line-height:20px}

#kso-modal .font-gulim{color:#888}
#kso-modal input[type=checkbox] {margin-top:0}

/* wrapper */
.kso-player {width:100%;height:500px;background-color:#000;background-repeat:no-repeat;background-position:center center}
#kso-wrapper {margin:0 auto;background-color:#fff}
.mTop40 {margin-top:40px}

.kso-bread-crumb a.path-home {padding-left:0}
.kso-bread-crumb a {display:inline-block;padding: 10px 5px 10px 7px;font-size:12px;font-family:Dotum;color:#888}
.sub-head-title {position: absolute;left: 50%;bottom:20%;margin-left:-350px;width:700px;text-align:center;color:#fff;}
.sub-head-title h1 {letter-spacing:-1px}
.fullsub-area {position:relative}
.fullsub_nav {float:left}
.fullsub_nav li{margin-left: -1px !important}
.fullsub_nav li a{display:inline-block;padding: 10px 20px 9px;color:#666;border-radius:0}
.fullsub_nav li a:hover {color:#fff;background-color:#ccc;border-left-color:#ccc}

.aside-title {margin-top:30px;font-size: 16px}
.sub_nav .list-group {margin-bottom:0}
.sub_nav a {color:#666;}
.sub_nav a.list-group-item {margin-bottom:0;border:0;border-bottom:1px solid #eee;border-radius:0}
.sub_nav a.list-group-item:hover,.sub_nav a.list-group-item:focus{background:none}
.sub_nav a.list-group-item:last-child,
.sub_nav a.list-group-item:first-child {border-radius:0}
.sub_nav li {position:relative}
.sub_nav i {color:#d2d2d2}
.sub_nav .fa-chevron-circle-right {position:absolute;right:14px;top:14px;z-index:1}
.sub_nav ul li a {padding-left:25px;background-color: #fafafa}
/* select-mmenu */
.select-mmenu {position:relative;margin:30px 0 10px}
.select-mmenu .dropdown-menu {background-color:#fff}
.select-mmenu select::-ms-expand {display: none;}
.select-mmenu select option {background: #fff}

/* section
****************************************/
#kso-teaser.visible-xs {padding:0}
#kso-teaser.visible-xs .carousel-indicators {bottom:-35px}
#kso-teaser .t-box {padding:0;font-size:14px;color:#fff}
#kso-teaser .t-box h4 {margin:10px 0 20px;text-transform:uppercase}
#kso-teaser .t-box p {margin-bottom:0;line-height:26px}
#kso-teaser .t-box .title-bottom-line{margin:0 0 15px 0;width:30px;height:2px;background-color:#fff}
#kso-teaser .t-box .btn-line {display:inline-block;margin-top:20px}
#kso-teaser .carousel-inner h3{color:#fff;text-transform:uppercase}
.teaser-position {position:relative;zoom:1}

#kso-latest .icon-menu{padding:15px 0 10px;border:1px solid #ddd}
#kso-latest .icon-menu a {color:#aaa}
#kso-latest .icon-menu .list-inline>li {padding-left:0;padding-right:0}
#kso-latest h3 {padding-left:20px;font-size:18px;line-height:26px}
#kso-latest .btn-more {margin-top: 5px}
#kso-latest .btn-more a{font-size:12px;font-family:Gulim,Sans-Serif;color:#888}

#kso-textblock {margin-bottom:40px}
#kso-textblock h3 {margin-top:0;color:#666}
#kso-textblock p {font-size:14px}

#kso-gallery .gallery-title h2 {padding:30px 0;border-right:1px solid #ddd}
#kso-gallery .gallery-title h3 {font-size:18px;line-height:26px}
#kso-gallery .gallery-title h2, #kso-gallery .gallery-title h3 {margin-top:0}
#kso-gallery .gallery-title p {line-height:24px;color:#888}
.division-line hr {margin-top:0}

/* title styling */
.deco-line {margin-bottom:10px;border-bottom:1px solid #ddd;color:#888;font-weight:bold}
.deco-line span {display:inline-block;padding-bottom:10px;margin-bottom:-1px;border-bottom:1px solid}


/* parallax
****************************************/
#kso-parallax {
	position:relative;padding:0;height:auto;
	background-position:50% 0;background-attachment:fixed;background-size: cover;background-color:#F9F9F9;
}
#kso-parallax .bx-wrapper .bx-controls-direction a {top:20%;margin-top:0}
#kso-parallax h3 {font-size:22px}
#kso-parallax p {line-height:22px}
.title-bottom-line {margin:30px 0;height:1px;width:80px}

/* footer
****************************************/
footer {padding:20px 0;font-size:12px;line-height:20px}
.list-inline>li.social-icon{padding-right:0;padding-left:0;font-size:12px}
.footer_menu {margin-bottom:20px}
.footer_menu a {padding-bottom:3px;font-family: tahoma}
.footer_menu a:hover {border-bottom:1px solid}

/* Scroll to top link */
.scroll-top{display:none;position:fixed;right:20px;bottom:200px;z-index:999;width:48px;height:48px;font-size:24px;color:#666;text-align:center;background-color:#efefef;border-radius:20px 25px 0 25px}
.scroll-top:hover{background-color:#2c3e50;color:#fff;text-decoration:none;border-radius:0 25px 20px 25px}
.scroll-top i {line-height:48px}


/* etc
****************************************/
/* kso-button */
.btn-line {padding:6px 20px;font-size:13px;color:#fff;border:2px solid #fff;}
.btn-line:hover {color:#fff}
.btn-small {padding:4px 10px;font-size:12px}
.btn-large {padding:10px 40px;font-size:14px}
.btn-inline {display:inline-block}


/* mediaQuery
****************************************/
@media (max-width: 991px) {
	#kso-gallery .gallery-title {text-align:center}
	#kso-gallery .gallery-title h2 {border-right:0}
	#kso-gallery .btn-kso {display:block;float:none !important}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
 .xs-container {width:100%;padding-left:0;padding-right:0}
}
/* 960 Grid */
@media screen and (min-width: 768px) {
	.modal-body li {padding:6px 50px}
	#kso-latest h3 {padding-left: 10px;font-size: 16px;line-height: 22px}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.modal-body li {padding:6px 100px}
	.xs-container {width:100%;padding-left:0;padding-right:0}
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	#kso-latest .icon-menu {padding-top:0}
	footer, .footer-info.pull-right .text-right{text-align: center}
}
/* Large desktop */
@media (min-width: 1200px) {  
	#kso-latest h3 {padding-left: 20px;font-size: 18px;line-height: 26px}
}