@charset "utf-8";
/*
 KSODESIGN TEMPLATES 2015
 http://ksodesign.com/
 Copyright 2010~2015 KSODESIGN	 
 Contributing author : KSJade (contact@ksodeisgn.com)
 */
/*
** Default 
****************************************/
::-moz-selection {background: #44B39E;color: white;}
::selection {background: #44B39E;color: white;}
a {transition: all .1s linear;-moz-transition: all .1s linear;-webkit-transition: all .1s linear;-o-transition: all .1s linear}
a,a:hover {text-decoration:none;color:#333;}
iframe{border:0}
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:0;overflow:hidden}
.skip>a:focus{height:auto}
.scrolltotop {padding: 12px 10px !important;color: #fff;border-radius: 2px!important;}
body{font-size:13px;color:#666;line-height:1.6}

/* xsmenu */
#xs-header {-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px 1px rgba(0, 0, 0, 0.1)}
.menu-button,.xs-language{display:none;padding:17px;width:54px;cursor:pointer}
.menu-button {float:left}
.xs-language {float:right}
.xs-language i{color:#5E5E5E}
.xs-sitelogo img {height:54px}

#xs-menu .xs-register a{display: table-cell;padding:15px 0;width:1%;font-size:12px;text-align:center;color:#fff;border-left:1px solid #444;border-right:1px solid #222}
#xs-menu a.mm-subopen {transition:.0s}
#xs-menu .xs-searchbox .xs-search {padding: 4px 8px;margin:0 15px 15px;width: 90%;color: #fff;background:rgba(255,255,255,0.1);border: 1px solid transparent;border-radius: 2px}

.mm-menu {background-color:#36373F}
.mm-list > li.xs-searchbox,
.mm-list > li.xs-summary {background:#262E33}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):before {content: '';border-bottom-width: 1px;border-bottom-style: solid;display: block;width: auto;position: relative;bottom: 0;left: auto;}
.mm-menu .mm-list > li:before{border-color: rgba(255, 255, 255, 0.10)}
.mm-menu .mm-list > li:after{border-color: rgba(0, 0, 0, 0.15)}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{width:50px;height:50px;}
.mm-list > li > a{padding:14px 14px 14px 30px;text-shadow: 0px 1px 0px #000000;}
.mm-list li a:hover,.mm-list li a:active {color:#A7D41B}
.mm-list > li > span {padding:10px;text-align:center;text-shadow: 0px 1px 0px #000000;}
.mm-list > li > span.xs-sitename{text-align:center;padding:20px 10px;}
.mm-list > li > ul > li > a{padding-left: 40px;}
.mm-list > li > ul > li > ul > li > a{padding-left: 50px;}
.mm-list > li.xs-summary span {padding:20px 15px 20px 30px;text-align:left;color:#aaa}
.mm-list > li.xs-summary span a {color:#FFFF44}

/* login menu */
.login-menu {margin: 10px 0 0}
.list-inline>li {padding-left:2px;padding-right:2px}
.login-menu button,.login-menu a {font-size:12px;color:#ddd} 
.login-menu a{display:block;padding:1px 6px;}
.login-menu button {background-color:transparent;border:0}
.login-menu li,.login-menu a:hover,.login-menu button:hover {color:#fff}

/* modal */
#kso-modal .modal-header,#profile-modal .modal-header{background-color:#f7f7f7;border-bottom:0;border-radius:4px 4px 0 0}
#kso-modal .modal-dialog,#profile-modal .modal-dialog {width: 320px!important}
#kso-modal h3,#kso-modal2 h3,#profile-modal h3 {margin:10px 0;font-size:18px;text-align:center}
#kso-modal .modal .modal-footer .conceptBgColor{color:#fff;}
#kso-modal .modal .modal-body .radio label,#kso-modal .modal .modal-body .checkbox label{font-size:11px;}
#kso-modal .modal-content {border:0;box-shadow:none;border-radius:4px;}
#kso-modal .input-group-addon {border-radius:2px}

/* header */
#kso-header {
	position:absolute;top:0;width:100%;z-index: 99;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#kso-header .header-top .site-logo {margin:15px 0}
#kso-header #kso-nav {transition: background .3s ease 0s;z-index:80}
#kso-header #kso-nav.sticked {
	margin:0 auto;width:100%;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
#kso-header .navbar .navbar-nav li ul.dropdown-menu li ul.dropdown-menu {left:155px;top:-7px}
#kso-nav .navbar a.sitelogo img {
	padding-left:15px;margin:20px 0;max-height:70px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#kso-header #kso-nav.sticked .navbar-nav>li>a {padding-top: 18px;padding-bottom: 18px}
#kso-header #kso-nav.sticked a.sitelogo img {max-height: 56px}
#kso-header .navbar .navbar-nav li ul.dropdown-menu.active-arrow:after {
	position: absolute;top: -8px;left: 20%;
	content: " ";height: 0;
	border-bottom: 8px solid;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
}
.nav>li>a:hover, .nav>li>a:focus {background:none}
.top-text {padding:10px 0;font-size:12px}

/* bs custom */
.dropdown-menu {border: 0;box-shadow: 0 3px 5px rgba(0,0,0,0.1)}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background:transparent}
.navbar-nav {position:relative}
.navbar-nav>li>a {
	padding:45px 25px;font-size:16px;font-weight:500;text-transform:uppercase;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.navbar-nav>li>ul>li>a {padding-top:5px;padding-bottom:5px}
.navbar-nav>li>.dropdown-menu {border-top:2px solid}
.form-control {padding-left: 5px;padding-right: 5px;border-radius: 2px}

/* promotion */
#kso-promotion {clear:both;position:relative}
#kso-promotion .sub-promotion {background-repeat:repeat;background-position:center top;display: block;max-width: 100%;}
#kso-promotion .sub-promotion:before,
#kso-promotion .sub-promotion:after{content:""}
#kso-promotion .caption-center {position:absolute;top:35%;left:50%;margin-left:-25%;background:none;color:#fff;padding:5px;width:50%;text-align:center;}
#kso-promotion .caption-left {position:absolute;bottom:30%;left:10%;background:none;color:#fff;padding:5px;width:60%;text-align:left;}
#kso-promotion .caption-right {position:absolute;bottom:30%;right:10%;background:none;color:#fff;padding:5px;width:60%;text-align:right;}

#kso-promotion .caption-title {font-size:40px;font-weight:500;text-transform:uppercase;}
#kso-promotion .caption-title:after {display:block;content:"";margin:30px auto 20px;width:50px;height:4px;background-color:#fff;}
#kso-promotion .caption-title.text-left:after {margin-left:5px;text-align:left;}
#kso-promotion .caption-title.text-right:after {margin-right:5px;text-align:right;}
#kso-promotion .caption-title small {font-size:50%;color:#fff;}
#kso-promotion .caption-cont {margin-bottom:20px;font-size:16px}
.btn-camera {display: inline-block;padding:10px 20px;margin-top:10px;border:2px solid}
.btn-camera:hover {font-weight:bold}
.kso-player { background-color: #000;background-image:url(../img/loading-b.gif);background-repeat:no-repeat;background-position:center center}

#kso-teaser {position:absolute;bottom:30px;width:100%;z-index: 1}
#kso-teaser .teaser-box {padding:30px;color:#fff;opacity:.9;}
#kso-teaser .teaser-box h4,#kso-teaser .teaser-box p,#kso-teaser .teaser-box i {color:#fff}
#kso-teaser .teaser-box h4 {margin-top:0}
#kso-teaser .teaser-box p {font-size:13px}
#kso-teaser .teaser-box i {margin-right:15px}


#kso-teaser2 {margin-bottom:40px}
#kso-teaser2 .teaser-box {padding:30px;color:#fff;opacity:.9;}
#kso-teaser2 .teaser-box h4,#kso-teaser .teaser-box p,#kso-teaser .teaser-box i {color:#fff}
#kso-teaser2 .teaser-box h4 {margin-top:0}
#kso-teaser2 .teaser-box p {font-size:13px}
#kso-teaser2 .teaser-box i {margin-right:15px}
#teaser-position {margin-top:-200px;}


/* section */
.section-title {margin-bottom:60px;text-align:center}
.kso-section h1,.kso-section h2 {color:#333}
.kso-section h3,.kso-section h4 {color:#555}
.kso-section p {color:#888}

#kso-latest {clear:both}
#kso-latest h4 {margin-top:0}
#kso-info h2 {margin-top:0;}
#kso-info .fa-stack {color:#bbb}
#kso-info .fa-stack.pull-right {margin-left:.5em;margin-bottom:.5em}
#kso-info .fa-stack.pull-left {margin-right:.5em;margin-bottom:.5em}
#kso-info .column-block {margin-bottom:40px;}
#kso-info .column-block .fa-stack-1x {font-size:27px !important;}
#kso-info .center-img {margin:0 10px;}
#kso-info .kso-ifRight p {
     padding-left: 98px;
 }
#kso-info p.text-right {
     font-size: 13px;
     padding-right: 98px;
 }

#kso-project {clear:both;position:relative;background-repeat:repeat}
#kso-project h4 {margin-bottom:20px}
#kso-project .column-block i {margin-right:15px}
#kso-textblock h2 {margin-top:0;color:#444}
#kso-textblock p {font-size:14px}
#kso-post .arrow-right {margin-top:5px}
#kso-post .arrow-right:hover a {display:block;color:red;}
#kso-services .icon-block {display:block}
#kso-services .icon-block-text {margin-left:100px;margin-bottom:20px}
#kso-services .icon-block-text h4 {margin-bottom:15px;color:#303030}
#kso-services .icon-block-text p {line-height:24px;color:#888}
#kso-services .team-img {margin-right:20px;margin-bottom:30px;width:100px;height:100px;background-size:cover;border-radius:50%;overflow:hidden}
#kso-gallery h2 {margin-top:0;color:#444}

/* parallex */
#kso-parallax-1,#kso-parallax-2,
#kso-parallax-1 .player1, #kso-parallax-2 .player2 {
	position:relative;padding:0;margin:0 auto;width:100%;height:auto;min-height:200px;
	background-position:center center;background-attachment:fixed;background-color:#000;
	background-image:url(../img/parallax.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#kso-parallax-1 {background-position:50% 100%;}
#kso-parallax-2 {background-position:50% 0;}

/* tab */
.main-tabs {font-size:12px;border:1px solid #ddd;}
.main-tabs .tab-content {padding:15px;}
.main-tabs .nav-tabs > li > a{font-size:12px;color:#666;border:0;border-left:1px solid;border-bottom:1px solid;color:#fff;border-radius:0;}
.main-tabs .nav-tabs > li > a{border-color:#ddd;border-bottom-color:#ddd}
.main-tabs .nav-tabs > li > a:hover {color:#333}
.main-tabs .nav-tabs > li:first-child > a{border-left:0;}
.main-tabs .nav-tabs.nav-justified>.active>a {color:#474E5E}
.main-tabs .nav-tabs.nav-justified>.active>a, 
.main-tabs .nav-tabs.nav-justified>.active>a:hover, 
.main-tabs .nav-tabs.nav-justified>.active>a:focus {background-color:#fff;border-top:0;border-right:0;border-bottom:1px solid #fff;}
.main-tabs .nav-tabs.nav-justified> li:first-child > a:hover{border-left:0;}

/* sub */
#kso-contents {margin-top:-40px}
.sub-promotion {position:relative;background-color:#fff;background-position:top center;background-size:cover;z-index:-1}
.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;background-color: #F3F3F3;border-bottom:1px solid #E8E8E8}
.fullsub_nav {float:left}
.fullsub_nav li{margin-left: -1px !important}
.fullsub_nav li a{padding: 10px 20px 9px;color:#666;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;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 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}
.select-mmenu select {
	float:left;margin: 0 0 10px;padding: 6px 4px;width: 100%;	
	font-weight: normal;font-size: 1em;line-height:1.2em;color: #333;
	background:url(../img/search_arrow.png) no-repeat 93% 1px;
	border: 1px solid #ccc;border-radius:3px;
	cursor: pointer;text-indent: 0.01px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* footer */
#kso-footer a:hover {font-weight:bold}
#kso-copyright {font-size:12px}
.footer_vm {display:block;padding:0}
.footer_vm li {margin:0; padding:0; line-height:1.2}
.footer_vm li a { 
	display:block;padding:7px 0;
	text-decoration:none;text-transform:uppercase;color:#666
}
.social li{padding:5px 0}
.social a {display:block;padding-left:50px;height:32px;font-size:14px}
.social a:hover {opacity:.5}
.social span {display:block;padding-top:5px}
.social .facebook {background:url(../img/social_icons_img.jpg) no-repeat 0 0}
.social .twitter {background:url(../img/social_icons_img.jpg) no-repeat 0 -32px}
.social .rss {background:url(../img/social_icons_img.jpg) no-repeat 0 -64px}
.social .blogger {background:url(../img/social_icons_img.jpg) no-repeat 0 -96px}
.social .vimeo {background:url(../img/social_icons_img.jpg) no-repeat 0 -128px}
.social .youtube {background:url(../img/social_icons_img.jpg) no-repeat 0 -160px}
.social .google {background:url(../img/social_icons_img.jpg) no-repeat 0 -192px}
.social .dropbox {background:url(../img/social_icons_img.jpg) no-repeat 0 -224px}
.social .skype {background:url(../img/social_icons_img.jpg) no-repeat 0 -256px}
.social .github {background:url(../img/social_icons_img.jpg) no-repeat 0 -288px}

/* etc */
.kso-hidden {visibility: hidden}
.fadeInUp,.fadeInDown,.fadeInLeft,.fadeInRight,.fadeIn {visibility: visible}
.delay-02s {animation-delay: 0.2s; -webkit-animation-delay: 0.2s}
.delay-03s {animation-delay: 0.3s; -webkit-animation-delay: 0.3s}
.delay-04s {animation-delay: 0.4s; -webkit-animation-delay: 0.4s}
.delay-05s {animation-delay: 0.5s; -webkit-animation-delay: 0.5s}
.delay-06s {animation-delay: 0.6s; -webkit-animation-delay: 0.6s}
.delay-08s {animation-delay: 0.8s; -webkit-animation-delay: 0.8s}
.delay-09s {animation-delay: 0.8s; -webkit-animation-delay: 0.9s}
.delay-1s {animation-delay: 1s; -webkit-animation-delay: 1s}
.delay-12s {animation-delay: 1.2s; -webkit-animation-delay: 1.2s}
.delay-15s {animation-delay: 1.5s; -webkit-animation-delay: 1.5s}
.delay-20s {animation-delay: 2.0s; -webkit-animation-delay: 2.0s}

/* login alert */
#login-alert .alert {padding:0;margin:0;text-align:center;border-radius:0}
#login-alert .alert-login,#login-alert .message.error{color:#fff;background-color:#EC7264;border:0 !important}
#login-alert .alert p{padding:5px 0}
#login-alert .alert-dismissable .close {top:1px}
#login-alert .close{float:none}

.title-line-b {margin: 20px 0;width: 50px;height: 1px;background-color: #999}
.title-line-o {margin: 30px 0;width: 130px;height: 1px;background-color: #ddd}
.title-line-o:before {content:'';display:block;position:absolute;margin-top:-3px;width:7px;height:7px;background-color: #fff;border-radius:50%}
.title-line-o.text-center {margin-left:auto;margin-right:auto}
.title-line-o.text-center:before {left:50%;margin-left:-3px}
.bottom-line {padding: 0;margin-bottom: 20px;height: 1px;background: #ddd}
.head-line:after {content:'';display:block;margin:15px auto;width:50px;height:2px;background-color:#353535}
.deco-line {margin-bottom: 15px;border-bottom: 1px solid #ddd;color: #666;font-weight: 500}
.deco-line span {display: inline-block;padding-bottom: 15px;margin-bottom: -1px;border-bottom: 1px solid;}
.line-point {margin-bottom:15px;width:30px;height:4px;text-align:center}
.plus-line {margin-bottom: 10px;text-align:center}
.plus-line span {font-size:14px}
.plus-line span:before,.plus-line span:after {
	content: '';width: 60px;height: 1px;	
	display: inline-block;vertical-align: middle;
	margin-top: -2px;margin-right: 10px;margin-left: 0;
	background-color: #ccc
}
.plus-line span:after {margin-right:0;margin-left:10px}

.btn-kso {display: inline-block;padding:10px 20px;border: 0;border-radius:3px}
.btn-kso:hover {font-weight:bold;color:#333}
.btn-large {padding:15px 40px}
.btn-small {padding:5px 15px;font-size:12px}
.colorGray {color:#fff;background-color: #999}
.colorGray:hover {color:#fff;background-color: #333}
.colorBlack {color:#fff;background-color: #333}
.colorBlack:hover {background-color: #999}
.mTop30 {margin-top:30px}
.margin-bottom-sm {margin-bottom:7px}
.relative {position:relative}
.bgWhite {background-color:#fff}
.bgGray {background-color:#f8f8f8}

.btn-select {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 12px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border: 1px solid transparent;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}
.btn-select-default {color: #333;background-color: #fff;border-color: #ccc}
.btn-group .btn-select+.btn-select {margin-left: -1px}
.btn-group>.dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0;border-top-left-radius: 0;}
.btn-group>.btn-select:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0;border-top-right-radius: 0}

/* memberSkin */
.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"],
.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] {height: 26px!important;line-height: 26px!important;}/* 페이지글쓰기 */
.xm select{height:26px;}
.xm label {display:inline-block;margin-right:15px;}
.btn {height: 26px!important}

/* Default board skin */
#kso-contents .board .iText {height:25px;}
#kso-contents .list_footer .board_search .iText {height: 26px;line-height: 26px;width: 206px;} 

/* mediaQuery
****************************************/
@media (max-width: 1200px) and (min-width: 992px) {
	#kso-teaser {position:absolute;bottom:30px;width:100%;z-index: 1}
	.social a {padding-left:40px;font-size:13px;white-space: nowrap;}
}
@media(min-width:767px) {
    .navbar {margin-bottom:0; padding: 0}
    #kso-nav.sticked .navbar {padding: 0}
    #kso-nav.sticked .navbar-nav>li>a {padding:25px 25px}
    #kso-nav.sticked .navbar a.sitelogo img {margin:0}
}
@media (min-width: 768px) {
	.modal-dialog {margin-top:100px}
	.teaser,.blockquate-text {text-align:left}
	.teaser-text,.teaser-btn,
	.blockquate-text {display: table-cell;padding:0;vertical-align: middle;}
	.teaser .teaser-btn,
	.blockquate-btn {display: table-cell;padding:30px 0 30px 30px;margin:0;text-align:right}

	#language_modal2 .modal-dialog {width:300px}
}
@media (max-width: 991px) {
	#kso-teaser {clear:both;position:static;padding-top:15px!important;padding-bottom:15px!important}
	#kso-teaser .teaser-box i {margin-bottom: 30px}
	.carousel-indicators {bottom:0}
	#kso-contents {margin-top:0}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 	
	.mb-xs {margin-bottom:20px}
	#kso-promotion .caption-title {font-size:20px}
	#kso-promotion .caption-title:after {margin:15px auto;}
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	#kso-promotion .caption-center {top:15%}
	.btn-camera {padding:4px 9px;font-weight:normal}
	.mb-xs {margin-bottom:20px}
	#kso-services .icon-block-text p {line-height:18px}
	#kso-parallax-1,#kso-parallax-2{padding-top:50px!important;padding-bottom:50px!important}
}
/* Large desktop */
@media (min-width: 1200px) {  
}
@media screen\0 {
	.search-box input {padding-top:5px;padding-bottom:5px}
}