@charset "utf-8";
/*
 KSODESIGN LAYOUT 20141101
 http://ksodesign.com/

 Copyright 2010~2014 KSODESIGN	 
 Contributing author : KSJade (ksjade@ksodesign.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}

body{font-size:13px;color:#666;line-height:1.6}

/* header
****************************************/
/* 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,.home-button{display:none;padding:17px;width:54px;cursor:pointer}
.menu-button {float:left}
.home-button {float:right}
.home-button 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 .xs-register a.xs-language {border-left:0;cursor:pointer}
#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:15px 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}

#kso-header .header-top .site-logo {margin:15px 0}
#kso-nav {z-index:80}
#kso-nav .navbar {margin-bottom:0;background-color:#fff;transition: .2s;}
#kso-nav.sticked {margin:0 auto;width:100%}
#kso-header #kso-nav.sticked {
	-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-header #kso-nav.sticked .navbar-nav>li>a {padding-top: 18px;padding-bottom: 18px}
#kso-header .navbar a.sitelogo img {padding-left:15px}
#kso-header #kso-nav.sticked a.sitelogo img {	max-height: 56px}
#kso-header #kso-nav.sticked .navbar-header {padding:0}

/* navbar */
#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);
}

/* bs custom */
.navbar .navbar-nav > li > .dropdown-menu{border-top:2px solid}
.dropdown-menu {border: 1px solid rgba(158,158,158,.15)}
.navbar-nav {position:relative}
.navbar-nav>li>a {padding:30px 25px;font-size:14px;text-transform:uppercase}
.navbar-nav>li>ul>li>a {padding-top:5px;padding-bottom:5px}

.top-text {padding:10px 0;font-size:12px}
.navbar-header {padding:10px 0}
.form-control {padding-left: 5px;padding-right: 5px;border-radius: 2px}

.list-group .list-group-item {background-color:#fafafa}
.list-group .list-group {margin-bottom:-1px}
.list-group .list-group .list-group-item {padding-left:25px;background:none}
.list-group .list-group .list-group-item:first-child,
.list-group .list-group .list-group-item:last-child {border-radius:0}

/* login menu */
.login-menu {margin: 10px 0}
.login-menu li {background: url(../img/line-bg.gif) no-repeat 0 4px}
.login-menu li:first-child{background:none}
.login-menu a{display:block;padding:1px 6px;font-size:12px;font-family:'돋움',dotum,tahoma;color:#fff}
.login-menu button {font-size:12px;font-family:'돋움',dotum,tahoma !important;background-color:transparent;border:0}
.login-menu a.language {font-family:tahoma,arial}
.login-menu a:hover,.login-menu button:hover {color:#ddd}

.search-box {padding:8px 0}
.search-box input {padding:3px 5px;width:150px;font-size:12px;line-height:16px;color:#333;border:0}

/* 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: 360px!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 .form-control {border:2px solid #ebebeb;box-shadow:none;}
.scrolltotop {padding: 10px 10px !important;color: #fff;border-radius: 3px 0 0 3px !important;}

/* section */
#kso-slider,#kso-teaser {position:relative}

#kso-article .panel-group .panel+.panel {margin-top:-1px}
#kso-article .panel-group .panel {font-size: 12px;line-height:1.6}
.panel-title > a {display: block;padding: 11px 20px 11px 20px;font-size: 13px;text-transform: uppercase;background-color: #f8f8f8;color: #666}

#kso-features h4 {margin-top:0}
#kso-features h4 a {vertical-align: middle;color:#eee}
#kso-features h4 a:hover {color:#8DC63F}
#kso-features .column-block {border:1px solid #ddd;overflow:hidden}
#kso-features .column-block img {margin-right:20px}
#kso-features .column-block .wg-block {padding:20px 20px 20px 0}
#kso-features h4.wg-title {padding:10px 10px;margin:0;font-size:14px;}
#kso-features .wg-box {padding:10px;border:1px solid #ddd;border-top:0;}

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

#kso-slider .caption-title {font-size:40px;font-weight:bold;line-height:1;text-transform:uppercase;}
#kso-slider .caption-title:after {display:block;content:"";margin:10px auto 15px;width:50px;height:4px;background-color:#fff;}
#kso-slider .caption-title.text-left:after {margin-left:5px;text-align:left;}
#kso-slider .caption-title.text-right:after {margin-right:5px;text-align:right;}
#kso-slider .caption-content {font-size:14px}
.btn-camera {display: inline-block;padding:7px 12px;margin-top:10px;font-weight:bold;border:2px solid;border-radius:4px;color:#fff;border-color:#fff;}
#kso-slider .caption-title small {font-size:50%;color:#fff;}

/* teaser */
.teaser {display: table;padding:20px 30px;width:100%;text-align:center;background-color:#F1F1F1}
.teaser h4 {line-height:20px}
.teaser .teaser-btn {display:inline-block;margin-top:20px}
.teaser .teaser-btn a{white-space:nowrap}

#kso-about {position:relative}
#kso-info p {font-size:13px}
#kso-info .block a.info-bg {display:block;background-color:#F5F1EE}
.about-blockquate {display:table;bottom:0;padding:15px 20px;width:100%;text-align: center;border:1px solid #d2d2d2}
.about-blockquate p {font-size:13px}
.blockquate-text {text-align:center}
.blockquate-btn {display: inline-block;white-space:nowrap}

/* 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;background-color:#f8f8f8;border-radius:0;}
.main-tabs .nav-tabs > li > a{border-color:#ddd;border-bottom-color:#ddd}
.main-tabs .nav-tabs > li:first-child > a{border-left:0;}
.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;}

#kso-contents {padding-top:30px}
/* subtop */
.sub-promotion {background-color:#eee}
.relative {position:relative;}
.float-banner {position:fixed;right:40px;margin-top:0;z-index: 99}
.float-banner a {padding:10px;display:block;color:#fff;background-color: #8DC63F;border-radius:3px;}
.float-banner a:hover {color:#4F810C;}
.float-banner-xs {margin-top:20px;padding:10px;background-color: #8DC63F;border-radius:3px;}
.float-banner-xs a {display:block;color:#fff;text-align:center}
.float-banner-xs a:hover {color:#4F810C}
.float-banner-xs a i{vertical-align: middle}

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

/* side */
.aside-title {margin-top:0}
.sub_nav .fa-chevron-circle-right {position: absolute;right: 14px;top: 14px;color: #d2d2d2;z-index: 1}

/* footer */
#kso-footer {padding:30px 0;background-color:#f2f2f2}
#kso-footer p {font-size:12px}
#kso-copyright {color:#f1f1f1}

.tnb {display:block;padding:0}
.tnb li { 
	float:left; margin:0; padding:0; line-height:1.2;
	background:url(../img/line_wall.gif) no-repeat 0 50%; 
}
.tnb li.tnb_0 {background:none}
.tnb li.tnb_0 a{padding-left:0}
.tnb li a { 
	float:left; display:block;color:#666;
	padding:0 10px; font-size:11px;
	text-decoration:none; text-transform:uppercase; 
}
.tnb li a:hover {font-weight:bold}

.social li{padding-left:0}
.social .facebook {background:url(../img/icon-facebook.jpg) no-repeat}
.social .twitter {background:url(../img/icon-twitter.jpg) no-repeat}
.social .youtube {background:url(../img/icon-youtube.jpg) no-repeat}
.social a {display:block;width:32px;height:32px}
.social span {display:block;text-indent:-9999px}

/* etc */
.title-line {margin: 20px 0;width: 80px;height: 3px;background-color: #333}
.bottom-line {padding: 0;margin-bottom: 20px;height: 1px;background: #ddd}
.btn-kso {padding:10px 20px;border: 0;border-radius:3px}
a.btn-kso:hover {color:#FED21D}
.btn-large {padding:15px 30px}


/* 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
****************************************/

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
@media (min-width: 992px)

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#kso-footer p {float:none;text-align:center}
	/*
	.main-tabs .nav-tabs > li > a {border-left:0}
	.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 {border-left:0;border-bottom:1px solid #ddd} */
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	#kso-slider .caption-title {font-size:20px}
	#kso-slider .caption-content {font-size:13px}
	.btn-camera {padding:4px 9px;font-weight:normal}
}
/* Large desktop */
@media (min-width: 1200px) {  

}

@media (min-width: 768px) {
	.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 screen\0 {
	.search-box input {padding-top:5px;padding-bottom:5px}
}