@charset "utf-8";
/*
 KSODESIGN MULTIPURPOSE XE LAYOUT
 http://ksodesign.com/
 
 Copyright 2010~2016 KSODESIGN	 
 Contributing author : KSJade (ksodesign1@naver.com)
-------------------------------CSS---------------------------------*/

/* header height option 
------------------------------------------------------*/
.main-header > .navbar {min-height: 50px}
.control-sidebar,.left-side, 
.fixed .content-wrapper,
.fixed .right-side {padding-top:0;}
.main-header .sidebar-toggle,
.navbar-custom-menu .nav>li>a {padding: 15px 18px} /* top icon menu */

.main-header .kso-logo-sm {position: absolute;left: 50%;}
.main-header .kso-logo-sm img {margin-left: -50%;max-height: 50px}
/* sidebar width option 
------------------------------------------------------*/
.main-sidebar {padding-top:0;}
.main-sidebar,.left-side,
.main-header .kso-logo {width: 250px} /* width: 250px */
.main-header > .navbar,
.content-wrapper, .right-side, .main-footer {margin-left: 250px} /* margin-left: 250px */

.main-sidebar .logo-pannel {position: relative;padding: 10px;background-color: rgba(255,255,255,.05);}
.main-sidebar .logo-pannel img {max-width: 230px;max-height: 70px}
.main-sidebar .left-footer {color: #fff}
.main-sidebar .left-footer .kso-social li {display: inline-block;padding-right: 0px;padding-left: 0px;}
.main-sidebar .left-footer .fa-ul li {margin-bottom: 5px;}
.main-sidebar .left-footer .fa-ul li span {font-size:13px;}

@media (max-width: 991px) {
	.control-sidebar,.left-side, .fixed .content-wrapper, .fixed .right-side {padding-top: 50px;}
	.main-sidebar {padding-top:50px;}
	.main-header .kso-logo {display: none;}
	.main-header > .navbar,
	.content-wrapper, .right-side, .main-footer {margin-left: 0;}

	.main-sidebar, .left-side {
     -webkit-transform: translate(-250px, 0);
     -ms-transform: translate(-250px, 0);
     -o-transform: translate(-250px, 0);
     transform: translate(-250px, 0);
	}
	.sidebar-open .main-sidebar, .sidebar-open .left-side {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
     }
  	.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
     -webkit-transform: translate(250px, 0);
     -ms-transform: translate(250px, 0);
     -o-transform: translate(250px, 0);
     transform: translate(250px, 0);
	}
}
@media (max-width: 767px) {
	.main-header .sidebar-toggle {position: absolute;left: 0;top:0;}
	.main-header .navbar-custom-menu {position: absolute;right: 0;top: 0;}
}

.toggle-wrap {position: relative;}
.btn-sidebar {position: absolute;top:300px;left:-40px;padding:10px 0;width:40px;height: 40px;text-align:center;background-color: #fff;border-radius: 3px 0 0 3px;}

.kso-player{background-color:#fff}
.kso-player{height:990px;width:100%;background-image:url(../img/loader.gif);background-repeat:no-repeat;background-position:center center}

/* section
------------------------------------------------------*/
.kso-section {padding-top:50px;padding-bottom:50px;}
.section-header {margin-bottom:60px;text-align: center;}
.kso-section .section-title {margin-top:0;margin-bottom: 20px;font-size: 40px;font-weight:700;font-family: 'Open Sans','나눔고딕','Nanum Gothic',ng;}

/* section-us */
#section-us {position: relative;min-height: 430px}
#section-us > .section-block {width:100%;height:100%;}
#section-us > .section-block:before,
#section-us > .section-block:after {content: "";position:absolute;top:0;width: 50%;height:100%;}
#section-us > .section-block:before {left:0;text-align:right;color:#fff;}
#section-us > .section-block:after {
	right:0;background-image: url(../img/about-bg.jpg);
	background-position: center;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
@media only screen and (max-width: 991px) {
	#section-us {padding-bottom: 0!important;}
	#section-us > .section-block {text-align: center;}
	#section-us > .section-block:before,
	#section-us > .section-block:after {left:0;width:100%;}
	#section-us > .section-block:after {display:block;position:relative;min-height: 40rem;}
	#section-us > .section-block p {margin-left:auto;margin-right:auto;max-width: 80%}
}
#section-us .item-cont {position: relative;margin-bottom: 60px;}
#section-us .item-cont h3 {margin-top:0;margin-bottom:30px;}
#section-us .item-cont p {line-height:1.6;color: #999;}
#section-us .item-cont .ico-about {margin-bottom: 20px;min-height: 95px}
#section-us .item-cont .ico-about h4 {font-size: 16px;font-weight:700;line-height: 1.6;color:#666;}
#section-us .item-cont .ico-about i {color: #AFAFAF}

/* section-ico */
#section-ico .ico-block {text-align: center;}
#section-ico .ico-block a {display: block;color:#999;}
#section-ico .ico-block a:hover {color: #444}
#section-ico .ico-block i {margin-bottom: 10px;}
#section-ico .ico-block hr {width:20%;}
#section-ico .ico-block i,
#section-ico .ico-block h4,
#section-ico .ico-block hr {
    -moz-transition: -moz-all .2s ease-out;
    -webkit-transition: -webkit-all .2s ease-out;
    transition: all .2s ease-out;
}
#section-ico .ico-block:hover h4{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
}
#section-ico .ico-block:hover hr {
	width:50%;border-top-color:#444;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
#section-ico .ico-block:hover i {
	-webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
     transform: translateY(5px);
}

/* section-mov */
#section-mov .section-body {overflow: hidden;}
#section-mov .section-body .col-md-6 {min-height:350px;}
#section-mov .section-body .col-md-6 .item-block {padding: 12%;}
#section-mov .section-body .col-sm-8 .item-block {padding: 5%;}
#section-mov .section-body .item-block h3 {margin-top:0;margin-bottom:30px;}
#section-mov .section-body .item-block .btn-kso {margin-top:30px;}

/* section-para */
#section-para {
	min-height:50rem;
	background-position: center center;
	background-image: url(../img/para-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
#section-para .para-column {display:table;padding:5rem 3rem;width:100%;height:50rem;color: #fff}
#section-para .para-column .trans-cover {
	position: absolute;left: 0;top: 0;
	width:100%;height:100%;
	background-color: rgba(0,0,0,.5);
	-webkit-transition: all .2s;
     -ms-transition: all .2s;
     -o-transition: all .2s;
     transition: all .2s;
}
#section-para .para-column:hover .trans-cover {background-color: rgba(0,0,0,.2);}
#section-para .para-column .link-cover {position: absolute;left: 0;top: 0;width:100%;height:100%;z-index: 3}
#section-para .para-column .para-caption {display:table-cell;position: relative;vertical-align:middle;z-index: 2}
#section-para .para-column .para-caption h3 {padding-bottom:20px;margin-bottom:20px;position: relative;}
#section-para .para-column .para-caption h3:after {content:'';display:block;position: absolute;bottom:0;width:30px;height:1px;background-color:#fff;}

/* section-ser */
#section-ser .block-ser {position: relative;margin-bottom: 30px;min-height:180px;border-bottom: 1px solid #eee}
#section-ser .block-ser .ser-anchor {position: absolute;width: 100%;height: 100%;}
#section-ser .block-ser .head-ser {margin-bottom:20px;}
#section-ser .block-ser .head-ser:before {content: '';display: inline-block;margin-top:-4px;margin-right:15px;width:20px;height:2px;vertical-align:middle;background-color: #ccc}
#section-ser .block-ser .ico-ser {padding-left:35px;margin-bottom:10px;}
#section-ser .block-ser .text-ser {padding: 0 0 20px 35px;font-size: 13px;line-height:1.6;color: #888;}

.section-blank {padding: 50px;text-align: center;line-height:2;color:#888;background-color: #f7f7f7;}
.section-btn {position: relative;display: inline-block;width:180px;height:16px;line-height: 0;font-size: 13px;color:#666;}
.section-btn:after {
	content: '';display:block;
	position: relative;height:100%;
	border: 1px solid #888;border-top:0;
     -moz-transition: all 0.1s ease-out;
     -webkit-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;}
.section-btn:hover:after {border-width:3px;}
.section-btn .ico-btn {
	position:absolute;right: 30px;top:-6px;
	color:#666;opacity: 0;
	-webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
}
.section-btn:hover .ico-btn {right: 20px;opacity: 1;}

/* section-footer */
.main-footer {font-size: 12px;color: #aaa;overflow: hidden;}

/* page header
------------------------------------------------------*/
.promotion-top {
	position:relative;display: table;width:100%;height: 400px;
	background-image: url(../img/page-header-sample.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
.promotion-top .display-table-cell {position: relative;z-index: 2;}
.promotion-top .sub-page-header {margin-top:0;font-size: 36px;font-weight:700;color:#fff;}
.promotion-top .kso-bread-crumb a,
.promotion-top .kso-bread-crumb i {color:#fff;}
.trans-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(3,3,3,.2);z-index: 1}

.content-page {position: relative;}
.content-page {padding: 30px 15px}

#backTop {display:none;text-align: center;border-radius: 50%;z-index:101;cursor:pointer;}
#backTop i{
    padding: 20px 0; width: 53px;height: 53px;    
    transition: all 350ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    -webkit-transition: all 350ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    -moz-transition: all 350ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    -o-transition: all 350ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
}
#backTop.default {color: #57595b;background-color: #f2f2f2}
#backTop:hover > i {
    padding: 15px 0;
    font-size: 2em!important;
    color: #fff;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
/* ETC
------------------------------------------------------*/
.content-page:before,.kso-section:before,
.content-page:after,.kso-section:after 
{content: "";display: table;}
.content-page:after,.kso-section:after 
{clear: both;}

.kso-bgGray {background-color: #f7f7f7}
.kso-relative {position: relative;z-index: 5;}
.padding-none {padding-left: 0;padding-right: 0;}


/* contact board */
.extraVarsList tr td a span {padding:0;background:none;border-color:transparent;}
.extraVarsList tr td a span.cke_button_label {display:none;}
.cke_combo_open {display:inline-block !important;}
.cke_combo_arrow {
	border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-top: 3px solid #474747 !important;
}
.board .extraVarsList label {margin-bottom: 0;}

/* media query
------------------------------------------------------*/
@media (min-width: 1440px) {
	.container {max-width: 1170px;}
}
@media (max-width: 1439px) {
	.container {width: 100%;}
}
@media (max-width: 1199px) {
	.kso-player{height:600px;}
}
@media (max-width: 991px) {
	.kso-player{height:550px;}
	.promotion-top {height: 300px!important;}
	#section-para .para-column {height: 30rem}
	.content-page {padding: 15px 0;}
}
@media (max-width: 768px) {
	.kso-player{height:400px;}
	.promotion-top {height: 200px!important;}
	.promotion-top .sub-page-header {font-size: 24px}
}
@media (max-width: 480px) {
	.kso-player{height:250px;}
	#section-mov .section-body .col-md-6 {min-height: 250px}
	#section-ico {padding-top:30px!important;padding-bottom: 0!important;}
	#section-ico .ico-block {min-height: 106px;}
	#section-ico .ico-block .fa-3x {font-size: 2.5em;}
	#section-ico .ico-block h4 {font-size: 14px;}
	#section-ico .ico-block hr {margin-bottom: 0}
	.xs-btm20 {margin-bottom: 20px;}
	.promotion-top {height: 150px!important;}
}