@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:14px;color:#121212;line-height:1.6}

/* xsmenu */
.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 {
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	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: 30px;margin:25px 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:20px;font-weight:600;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.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}

.lang-flag {
	padding: 0;margin: 0;
	margin-right: 3rem;
	list-style: none;
}
.lang-flag .flag {
	display: inline-block;
	width: 24px;height: 24px;
	background: url('../lang/flags.png') no-repeat;
}
.lang-flag .flag.flag-cn {background-position: -24px 0;}
.lang-flag .flag.flag-jp {background-position: -48px 0;}
.lang-flag .flag.flag-kr {background-position: 0 -24px;}
.lang-flag .flag.flag-us {background-position: -24px -24px;}
.lang-flag>li {color: #fff;}
.lang-flag>li>a {
	display: inline-block;padding: 43px 2px;
	color: #fff;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#kso-header #kso-nav.sticked .lang-flag>li {color: #333;}
#kso-header #kso-nav.sticked .lang-flag>li>a {padding-top: 16px;padding-bottom: 16px;color: #333;}

/* 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:45%;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:54px;font-weight:700;}
#kso-promotion .caption-title:after {display:none;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;}


.quick-sticky {
    position: absolute;top: 115px;right: -70px;
    width: 70px;text-align: center;
	background-color: #fff;
	border-top: 5px solid #3d3d3d;
	border-bottom: 5px solid #3d3d3d;
	will-change: min-height;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
    box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
}
.quick-sticky .quick-btn {	
	font-size: 12px;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}
.quick-sticky .quick-btn a {display: block;}
.quick-sticky .bg-dark {color: #fff;background-color: #3D3D3F;border-bottom: 0;}







/*-----------------------------------------------------------
*
* section
*
------------------------------------------------------------*/
.section-title {margin-bottom:60px;text-align:center}
.grid-gutter {margin-left: 0;margin-right: 0;}
.grid-gutter>[class*='col-'] {padding-left: 0;padding-right: 0;}
.display-table {display: table;width: 100%;height: 100%;}
.display-table>.table-cell {display: table-cell;vertical-align: middle;}
#owl-biz .owl-dots {display: none;}

#kso-parallax h3 {line-height: 34px;}
#kso-parallax .line-span:before {border-bottom-color: #ccc;}
.biz-carousel {background-color: #A8110A;}
.biz-carousel .cont {padding: 3rem;}
.biz-carousel,
.biz-carousel h2 {color: #fff;}
.biz-carousel h2 {font-size: 20px;line-height: 1.4;}
#carousel-dots .owl-dot {
	margin-bottom: 10px;
	font-size: 18px;
	color: rgba(255,255,255,0.8);
	cursor: pointer;
}
#carousel-dots .owl-dot:hover {color: #fff;}

#owl-biz .owl-item {position: relative;}
#owl-biz .owl-item h3 {
	position: absolute;top: 50%;left:50%;
	margin-left: -40%;margin-top: -60px;
	width: 80%;height: 120px;
	font-size: 22px;
	text-align: center;line-height: 1.4;
	color: #fff;
}
@media (min-width: 992px) {
	.biz-carousel .display-table {min-height: 400px;}
	.biz-carousel .cont {padding: 0 4rem;}
	.biz-carousel h2 {font-size: 24px;line-height: 1.4;}
	#carousel-dots .owl-dot {font-size: 20px;}
}
@media (max-width: 767px) {
	#owl-biz .owl-item h3 {font-size: 15px;}
}

/* kso-section */
#owl-teaser .owl-dots {position: relative;margin-top: -26px;}
.owl-theme .owl-dots .owl-dot span {background: rgba(255,255,255,0.5);}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {background: #fff;}


/* kso-post */
.post-wrap > .col-md-6 {padding:0}
.post-wrap .block-inner {float:left;position:relative;width:100%;background-color: #f3f3f3}
.post-wrap .block-inner .block-thumb,.post-wrap .block-inner .block-cont {float:left;position:relative;width:50%}
.post-wrap .block-inner .block-thumb a{position: relative;display: block;overflow: hidden;}
.post-wrap .block-inner .block-thumb a img {
	position:relative;
	-webkit-transition: opacity 0.35s,-webkit-transform 0.80s;
     transition: opacity 0.35s,transform 0.80s;
     -webkit-transform: scale(1.0);
     transform: scale(1.0);
  }
.post-wrap .block-inner:hover .block-thumb a img {    
    -webkit-transform: translate3d(0px,0px,0px) scale(1.1);
    transform: translate3d(0px,0px,0px) scale(1.1);    
  }
.post-wrap .block-inner .block-thumb a:before {
	content: '';position: absolute;right: -1px;top:50%;margin-top:-15px;
	border:15px solid transparent;
	border-right-color:#F3F3F3;z-index: 3;
}
.post-wrap .block-inner .block-thumb a:after {
	content: '';position: absolute;left:0;top: 0;width: 100%;height: 100%;
	opacity: 0;background-color: rgba(22,22,22,.3);
	-webkit-transition: opacity .3s ease-out;
     -moz-transition: opacity .3s ease-out;
     transition: opacity .3s ease-out;
}
.post-wrap .block-inner:hover .block-thumb a:after {opacity: 1}
.post-wrap .block-inner .block-cont {padding: 30px}
.post-wrap .block-inner.block-flip .block-thumb,.post-wrap .block-inner.block-flip .block-cont {float:right}
.post-wrap .block-inner.block-flip .block-thumb a:before {left:0;right:auto;border-left-color: #F3F3F3;border-right-color:transparent}
.post-wrap .block-cont > div,.post-wrap .block-cont > a {margin-top:20px}

#kso-post .post-wrap h4 {line-height: 1.4;}
#kso-post .post-wrap h5 {font-size: 16px;line-height: 22px;}
#kso-post .post-wrap h5>small {font-size: 85%;}
#kso-post .post-wrap h5>small,
#kso-post .post-wrap h4>small {color: #71A6F7;}


#kso_sitemap .section {float:left;width: 18%;margin: 0 1%;}
#kso_sitemap .section h4 {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #bbb;}
#kso_sitemap .section li {margin-bottom: 7px;}

/* kso-intro */
#kso-intro {
	position: relative;    
	padding-top: 90px;
    padding-bottom: 80px;
}
#kso-intro:before {
    content: '';position: absolute;
    right: 50%;left: 0;top: 0;bottom: 0;
    background-image: url(../img/about-bg.jpg);
    background-position: center center;
    background-size: cover;
}
.line-left {
	padding-left: 20px;
    border-left: 3px solid;
    border-left-color: #4b4e53;
}


#kso-project {clear:both;position:relative;background-repeat:repeat}
#kso-project h4 {margin-bottom:20px}
#owl-project.owl-theme .owl-dots .owl-dot span {background: #ccc;}
#owl-project.owl-theme .owl-dots .owl-dot.active span, 
#owl-project.owl-theme .owl-dots .owl-dot:hover span {background: #71A6F7;}

/* kso-service, kso-info */
.iconblock {text-align:center}
.iconblock h4 {margin-bottom: 20px}
.iconblock p {font-size: 14px}
.icon-wrap {padding: 0 0 1.2em}
.icon-wrap a {
	display: inline-block;position: relative;	
	width: 6em;height: 6em;line-height:7em;
	color: #fff;border-radius: 50%;
	box-shadow: 0 0 0 4px #f06060;
	cursor: pointer;z-index: 1;
}
.icon-wrap a:after {	
	content: '';position: absolute;top: -2px;left: -2px;	
	padding: 2px;width: 100%;height: 100%;
	border-radius: 50%;pointer-events: none;z-index: -1;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
.icon-wrap a,.icon-wrap a i {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.icon-wrap a:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
.icon-wrap a i {color:#fff}
.icon-wrap a:after {background-color: #f06060}
.icon-wrap a,
.icon-wrap a:hover i {color: #f06060}


.quick-area {padding:0;}
.quick-area:before,.quick-area:after {display: table;content: ''}
.quick-area:after {clear: both}
.quick-area .quick-head {
	display:table;position:relative;
	padding: 20px;width:100%;height:122px;
	color:#fff;background-color: #5b82b2;
	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;padding:30px 0 25px;text-align:center;color: #5C717B;min-height: 110px;}
.mico-btn {display: block;padding-top:30px;padding-bottom:30px;text-align: center;}

#kso-column .col-right {padding: 4rem 0;font-size: 15px;}

/* parallex 
#kso-parallax,
#kso-parallax .player1 {
	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;
}*/

/* client */
#owl-client .owl-nav {
	position: relative;
	margin-top: -70px;height: 66px;
}
#owl-client .owl-nav [class*=owl-] {
	position: absolute;top: 40%;
	margin: 0;padding: 10px !important;
	line-height: 1;
	background-color: #e6e6e6;
	border-radius: 2px;
}
#owl-client .owl-nav button.owl-next {right: -40px;}
#owl-client .owl-nav button.owl-prev {left: -40px;}

/* sub */
#kso-contents {margin-top:-40px}
.sub-promotion {
	position:relative;
	background-color:#fff;
	background-position:top center;
	background-size:cover;
	background-image: url(../img/subtop.jpg);
	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:30%;margin-left:-585px;width:1170px;text-align:center;color:#fff;}
.sub-head-title h1 {letter-spacing:-1px}
.fullsub-area {position:relative;background-color: #fff;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}
.company-info ul li {margin-bottom: 7px;color: #7B8899;}
.company-info ul li .fa-li {top: .24285714em;}
.social li{padding:0}
.social a {display:block;padding-left:0px;}
.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}

.modal-dialog {margin-top: 7rem;}
.overlay-cover {
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;}
.font-17 {font-size: 17px;}
.font-16 {font-size: 16px;}
.font-15 {font-size: 15px;}

/* etc */
.mx-auto {margin-left: auto;margin-right: auto;}
.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.8s; -webkit-animation-delay: 0.9s}
.delay10 {animation-delay: 1s; -webkit-animation-delay: 1s}
.delay12 {animation-delay: 1.2s; -webkit-animation-delay: 1.2s}
.delay15 {animation-delay: 1.5s; -webkit-animation-delay: 1.5s}
.delay20 {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}
.line-span {position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.line-span:before {
	content: '';display: block;
	position: absolute;left: 0;bottom: 0;
	width: 50px;height: 1px;
	border-bottom: 1px solid #fff;
}

.btn-kso {display: inline-block;padding:10px 20px;border: 0;border-radius:3px}
.btn-kso:hover {color:#333}
.btn-line {border: 1px solid #666;border-radius: 0;}
.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;} 

.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters>[class*="col-"] {padding-right: 0;padding-left: 0;}

/* 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 {text-align:left}
	.teaser-text,.teaser-btn {display: table-cell;padding:0;vertical-align: middle;}
	.teaser .teaser-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:0px!important;}
	#kso-teaser .teaser-box i {margin-bottom: 30px}
	.carousel-indicators {bottom:0}
	#kso-contents {margin-top:0}
	#kso-intro:before {right: 0;}
	#kso-intro .line-left,
	#kso-intro small,
	#kso-intro {color: #fff;}
	#kso-intro .line-left {border-left-color: #fff;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 	
	.mb-xs,.mb-sm-20 {margin-bottom:20px}
	#kso-promotion .caption-title {font-size:20px}
	#kso-promotion .caption-title:after {margin:15px auto;}
	#owl-client .owl-nav.disabled {display: none;}
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	#kso-promotion .caption-center {top: 43%;width: 80%;margin-left: -40%;}
	#kso-parallax h3 {font-size: 20px;line-height: 28px;}
	.btn-camera {padding:4px 9px;font-weight:normal}
	.mb-xs {margin-bottom:20px}
	#kso-parallax {padding-top:50px!important;padding-bottom:50px!important}
	.post-wrap .block-inner .block-thumb,.post-wrap .block-inner .block-cont {width:100%;}	
	.post-wrap .block-inner .block-thumb a:before {right:50%;bottom:0;margin-right:-15px;border-bottom-color:#f3f3f3;border-right-color:transparent}
	.post-wrap .block-inner.block-flip .block-thumb a:before {left:auto;right:50%;bottom:0;margin-right:-15px;border-bottom-color:#f3f3f3;border-left-color:transparent;}

}