@charset "utf-8";
/*
 KSODESIGN MULTIPURPOSE XE TEMPLATE
 http://ksodesign.com/
 
 Copyright 2010~2016 KSODESIGN	 
 Contributing author : KSJade (ksjade@ksodesign.com)
--------User Custom CSS---------------------------------*/
/*
** Default 
****************************************/
::-moz-selection {background: #44B39E;color: white}
::selection {background: #44B39E;color: white}

body,#kso-container {background-color: #fff;background-attachment: fixed;}
/* header
****************************************/
header {
	position:absolute;top:0;left:0;width: 100% !important;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.fixed-content header {box-shadow: none;}
.fixed-content .kso-sticky #kso-nav {
	margin-left: auto;margin-right: auto;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.fixed-content .kso-promotion {margin-left:-30px;margin-right:-30px;}
.fixed-content .gnbBg {margin-left: auto;margin-right: auto}
.kso-sticky header {z-index: 102}
#kso-nav,#xs-header {background-color: rgb(255,255,255)}
#xs-header .xs-logo img {padding:6px 0;max-height:62px}
#xs-header .xs-bar, #xs-header .xs-lang, #xs-header .xs-home {color:#444}

#nav{position: relative;height:76px}
#nav a.kso-logo {padding:8px 0;}
#nav a.kso-logo img {max-height: 60px}
#gnb {margin-bottom:0;height:100%;overflow: hidden}
#gnb > li{display:block;position: relative;float: left}
#gnb > li > a{display: block;padding-top:20px;padding-bottom:20px;line-height: 36px;
text-align: center;letter-spacing: -1px}
#gnb > li > ul{position:absolute;padding: 15px 0 0 0;margin-left:-1px;
width: 100%;height: 100%;border-left:0px solid #eee;border-right:0px solid #eee;z-index: 99}
#gnb > li > ul > li {padding-bottom: 3px}
#gnb > li > ul > li a {display:block;min-width:100px;font-size: 13px;
letter-spacing: -1px;color: #666;white-space: nowrap}
#gnb > li:hover:after {content:'';display: block;position: absolute;
left:50%;bottom:0;margin-left:-8px;border-left:8px solid transparent;
border-right:8px solid transparent;border-bottom:8px solid;}
.gnbBg {position:absolute;left:0;top:75px;width:100%;height: 0}
.gnbBg.active {border-top:2px solid #eee}
.fixed-content .gnbBg.active {border:none}
.fixed-content .gnbBg.active .gnbBg-top{margin-left:auto;margin-right:auto;
border-top:2px solid #eee}
.kso-sticky .navicon-menu,
.navicon-menu {margin: 24px 10px 28px 20px}
.navicon-menu a,.navicon-menu a:hover{color: #444}
.btn-trigger span,.btn-trigger span:before,.btn-trigger span:after {background-color: #444}

#login-modal .modal-dialog {margin-top:100px}
#login-modal .modal-content {border:0;border-radius:0;box-shadow:none}
#login-modal .modal-backdrop {background:#fff}
#login-modal .modal-backdrop.in {opacity:1}

/* promotion
****************************************/
.kso-promotion {background-position: center}
.player-wrap {
	position: relative;
	background-color: #121212;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center
}

/* section
****************************************/
.quick-area {padding:0;/*background-color: #ecf0f2*/}
.quick-area:before,.quick-area:after {display: table;content: ''}
.quick-area:after {clear: both}
.quick-area .quick-head {display:table;position:relative;padding: 20px;margin-left:-15px;width:100%;
height:110px;color:#fff;background-color: #5b82b2;background-image: url(../img/customer.jpg);background-size: cover}
.quick-area .quick-head .table-cell {display:table-cell;vertical-align: middle}
.quick-area .quick-head h4 {color: #fff}
.mico-bg a.mico-btn {display:block;text-align:center;color: #5C717B;}
.mico-btn {display: block;text-align: center;}

#kso-owl.owl-theme .owl-controls {position: absolute;right:10px;top:10px;margin:0;}
#kso-owl.owl-theme .owl-controls .owl-page span {margin:0 3px;width:10px;height:10px;}

.kso-slogan .block {position: relative;padding-left:60px;}
.kso-slogan .block i {position: absolute;left: 0;top: 0}
.kso-slogan .block p {font-size: 13px}
.kso-posting .post-block {padding:20px;min-height:247px;border:1px solid #eee;}
.kso-posting .head-img1,.kso-posting .head-img2 {position: absolute;width:176px;height:247px;background-size: cover}
.kso-posting .head-img1 {background-image: url(../img/posting-img1.jpg)}
.kso-posting .head-img2 {background-image: url(../img/posting-img2.jpg)}

.kso-info img {margin-bottom: 20px}
.kso-info .h5 {margin-bottom: 20px}
.kso-info p {margin-bottom: 0;line-height: 24px}
.kso-info .line-middle span {background-color: #fff}
.kso-info .tab-container {min-height: 150px;border:1px solid #ddd}
.kso-info .nav-tabs > li > a{font-size:12px;color:#666;border:0;border-left:1px solid #ddd;;border-bottom:1px solid #ddd;background-color:#f8f8f8;border-radius:0}
.kso-info .nav-tabs.nav-justified>.active>a, 
.kso-info .nav-tabs.nav-justified>.active>a:hover, 
.kso-info .nav-tabs.nav-justified>.active>a:focus {background-color:#fff;border-top:0;border-right:0;border-bottom:1px solid #fff;}
.kso-info .nav-tabs.nav-justified> li:first-child > a,
.kso-info .nav-tabs.nav-justified> li:first-child > a:hover{border-left:0;}
.kso-info .tab-content {padding:15px}

/* sub */
.kso-subtop {background-image: url(../img/subtop.jpg)}
.kso-subtop .sub-header .sub-caption h2 {position: relative;margin-bottom: 20px}
.kso-subtop .sub-header .sub-caption h2:after {content: '';display: block;position: absolute;left:50%;bottom: -12px;margin-left:-15px;width:30px;height:1px;background-color: #fff}

.kso-contents {padding-top: 40px}
.kso-contents .content-body,.kso-contents .aside {padding-top: 40px;padding-bottom: 40px}
.kso-contents .col-md-3 .aside {padding-left: 15px}
.kso-contents .col-md-3.col-md-pull-9 .aside {padding-right: 15px}
.kso-contents .col-md-push-3 {padding-left:30px;border-left: 1px solid #eee}
.kso-contents .col-md-9.col-md-push-3 {padding-right: 15px;border-right: 0}
.kso-contents .col-md-9 {padding-right:30px;border-right: 1px solid #eee}
.side-nav .list-group-item {margin-bottom:0;padding-left:0;border:0;border-bottom:1px solid #f2f2f2}
.fixed-content .kso-subtop .row,
.fixed-content .kso-subtop div[class^="col-"],
.fixed-content .kso-contents .row,
.fixed-content .kso-contents div[class^="col-"] {margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.fixed-content .kso-contents .col-md-push-3 {padding-left:30px}
.fixed-content .kso-contents .col-md-9 {padding-right:30px}

/* footer */
.kso-footer-menu {padding-top: 10px;padding-bottom: 10px;background-color:#fff;border-top: 1px solid #eee}
.kso-footer-menu .fnb li:first-child {padding-left:0;}
.kso-footer-menu .fnb li:before {top:3px;}
.kso-footer-info .footer-info .h4 {position: relative;margin-bottom: 20px}
.kso-footer-info .footer-info .h4:after {content: '';display: block;position:absolute;bottom:-10px;width: 30px;height: 1px;background-color: #AFAFAF}
.kso-footer-info .footer-info p {margin-bottom:0;font-size: 13px;line-height: 22px}
.kso-footer-info .social-area {text-align: right}
.kso-footer-info .social-area .list-inline>li.social-icon{padding-right:0;padding-left:0;font-size:12px}

.fixed-content .kso-footer-menu,.fixed-content .kso-footer,
.fixed-content .kso-slogan {margin-left: -30px;margin-right: -30px}	

/* ETC
****************************************/




/* mediaQuery
****************************************/
@media (min-width: 768px) {

}
@media (min-width: 991px) {
	.fixed-content .kso-sticky #kso-nav,.fixed-content .gnbBg.active .gnbBg-top {width:1000px}
	.fixed-content .kso-contents .col-md-push-3 {padding-left:30px !important}
	.fixed-content .kso-contents .col-md-9 {padding-right:30px !important}
}
@media (min-width: 1200px) {
	.fixed-content .kso-sticky #kso-nav,.fixed-content .gnbBg.active .gnbBg-top {width:1200px}
}
@media (max-width: 991px) {
	#kso-container {padding-top: 62px}	
	.kso-footer-menu .fnb {text-align: center}
	.kso-subtop,.sub-header {height:200px}
	.kso-contents .col-md-9 {padding-right:15px;border:0}
	.kso-contents .col-md-push-3 {padding-left:15px;border:0}
}
@media (max-width: 767px) { 
	.fixed-content {padding-left: 15px;padding-right: 15px}
	.fixed-content .kso-promotion,.fixed-content .kso-quick,
	.fixed-content .kso-footer-menu,.fixed-content .kso-footer,
	.fixed-content .kso-slogan {margin-left: -15px;margin-right: -15px}	
	.kso-quick {padding-top: 0 !important}
	.mico-bg {border-right:1px solid rgba(0,0,0,0.1); padding-bottom:10px}
	.mico-bg.bottom {border-bottom:1px solid rgba(0,0,0,0.1)}
	.mico-bg.right {border-right:0}

	.kso-info .nav-tabs > li > a {border-left: 0}
	.kso-info .nav-tabs.nav-justified>.active>a, 
	.kso-info .nav-tabs.nav-justified>.active>a:hover, 
	.kso-info .nav-tabs.nav-justified>.active>a:focus {border-bottom: 1px solid #ddd;border-left:0;}
	.kso-info .nav-tabs.nav-justified>li>a {margin-bottom: 1px}

	.kso-footer .social-area ul,.footer-img {text-align:center}
	.footer-img ul{float:none!important}
}
/* Landscape phones and down */
@media (max-width: 480px) { 	
	.mico-bg a.mico-btn>.fa-3x {font-size: 2em;}
	.footer-img img {max-width:150px}
}