@charset "utf-8";

/*
 KSO KHEEL LAYOUT v1.0
 http://ksjade.com/
 
 Copyright 2013 KSODESIGN	 
 Contributing author : KSJade (ksjade@ksodesign.com)
----------------------------------------------------------------*/

/*
** Import & Fonts
****************************************/
/* First, pull in Bootsrap's stylesheet */
@import url(font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Oswald|Open+Sans:400,600,700);
@import url(kso-style.css);


/*
** 1. Layout CSS
****************************************/
::-moz-selection {background: #97B90B;color: white; }
::selection {background: #97B90B;color: white; }

html, body { height: 100%; }
body { padding:0; font-size:13px; font-family: 'NanumGothic', '나눔고딕',ng,'Malgun Gothic' !important; font-weight:400; line-height:1.6; color:#666; background:#fff; -webkit-font-smoothing: antialiased !important;
text-rendering: optimizelegibility;}
a, a:hover { text-decoration:none; }

.embed-container { position:relative; padding:50px 0 50%; height:0; text-align:center; overflow:hidden; }
.embed-container iframe { width:80%; height:80%; }
iframe { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }

.scrolltotop { padding: 10px 10px !important; color: #fff;border-radius: 3px 0 0 3px;}
#topcontrol { z-index:41; } /* scrolltopcontrol */
.thumbnail-noBorder { border:none; } /* .thumbnail no border */

/* navbar 
-----------------------------------------------------------------*/
.navbar { margin-bottom:0; width:100%; min-height:40px; background:#fff; border-radius:0; box-shadow:0 2px 2px rgba(0,0,0,0.1);transition:0.2s; z-index:500; }
.navbar-brand { padding-top:10px; padding-bottom:10px; margin-right:20px; }
.navbar-inverse { background-color:#151515; }
.navbar-inverse .navbar-nav > li > a { font-family:'Trebuchet MS', Tahoma, Arial; font-size:13px; text-transform:uppercase; color:#eee; }
.navbar-inverse .navbar-toggle .icon-user { margin:0 4px 0 2px; color:#fff; }
.navbar-collapse .nav > li > a { padding-top:10px !important; padding-bottom:10px !important; text-transform:uppercase;transition:0.2s;}
.nav.pull-right > li > a { padding:0; padding-left:5px; padding-right:5px; }
.nav.pull-right .dropdown-menu {border:0;box-shadow:none;}

.nav-md .dropdown-menu:after {
	content: '';padding-top: 12px !important;
	position: absolute !important;top: -8px !important;left: 20px !important;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #fff;
}
.nav-md .dropdown-menu {padding-top:12px;background:none;border:none;box-shadow:none;}
.nav-md .dropdown-menu > li {padding-left:5px;padding-right:5px;padding-bottom:5px;}
.nav-md .dropdown-menu > li:first-child {padding-top:5px;border-radius:4px 4px 0 0}
.nav-md .dropdown-menu > li:last-child {padding-bottom:5px;border-radius:0 0 4px 4px}
.nav-md .dropdown-menu > li > a { padding:5px 15px; font-size:13px;border-radius:2px; }
.nav-md .dropdown-menu > li > a:hover,
.nav-md .dropdown-menu > li > a:focus,
.nav-md .dropdown-menu > .active > a,
.nav-md .dropdown-menu > .active > a:hover,
.nav-md .dropdown-menu > .active > a:focus { background:#252525; }

.nav-xs .nav > li > a { padding-top:10px !important; padding-bottom:10px !important;color:#333;border-bottom:1px solid #eee;}
.nav-xs .nav > li > a i,.nav-xs .dropdown-menu > li > a i { line-height:1.8;}
.nav-xs .dropdown-menu {border:none;background:#fff;}
.nav-xs .dropdown-menu > li > a {padding-top:7px !important; padding-bottom:7px !important;color:#666;border-bottom:1px dotted #eee;}
.nav-xs .nav > li:last-child > a,
.nav-xs .dropdown-menu.xs-login > li:last-child > a {border-bottom:none;}
.nav-xs .dropdown-menu.xs-login > li > a {padding-top:4px !important; padding-bottom:4px !important;}
.nav-xs .dropdown-menu > li.active > a {background:none;}
.nav-xs .dropdown-menu ul.dropdown-menu > li > a {padding-top:7px !important; padding-bottom:7px !important;}
.nav-xs .dropdown-menu ul.dropdown-menu {border:none;}
.nav-xs .dropdown-menu ul.dropdown-menu li a {padding-left:35px;}
.nav-xs #search-form {padding-top:5px;padding-bottom:5px;}
.nav-xs #search-form .form-control {padding:3px 6px;width:100%;height:28px;font-size:12px;}
.nav-xs .navbar-nav {margin-left:0;margin-right:0;}
.nav-xs .dropdown-menu {box-shadow:none;}

.navbar-nav > li > a.toggle-btn { position:absolute; right:0; top:0; width:50px; height:30px; background:#333; z-index:1001; }
.navbar-nav.mobile-nav { padding-bottom:0; }
.nav-xs .navbar-collapse2 { 
	max-height: 340px; padding-right: 15px; padding-left: 15px; 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
	-webkit-overflow-scrolling: touch; 
	overflow-x: visible; overflow-y: auto; 
}
.nav>li>a:hover, .nav>li>a:focus,
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background:none;}


/* header / top
----------------------------------------------*/
#top-bar { padding:5px 0;font-size:11px;}
#top-bar .top-area i {font-size:12px;}
#top-bar .nav>li>a {color:#fff;font-size:11px;}
.nav>li>a:hover,
#top-bar .nav>li>a:hover {background-color:none;}
#top-bar .nav > li > a { padding:0; padding-left:10px; padding-right:10px;}
#top-bar .dropdown-menu {z-index:1002;}
#top-bar .dropdown-menu li {background:#111;}
#top-bar .dropdown-menu li a {color:#ddd;font-size:12px;}
#top-bar .dropdown-menu:after {	left: 120px;border-bottom-color:#111;}

/* social icon */
#top-bar .social-icon .social { margin:0; padding:0; list-style:none; }
#top-bar .social-icon .social li { display:inline; text-indent:-9999em; }
#top-bar .social-icon .social li a { float:left; margin:0 3px 3px 0; width:33px; height:33px; background-position:0 -33px; transition:140ms; border-radius:2px; }
#top-bar .social-icon .social li a:hover { background-position:0 -33px; }
#top-bar .social-icon .social .facebook { background:#393E42 url(../img/icon_facebook.png) no-repeat; }
#top-bar .social-icon .social .twitter { background:#393E42 url(../img/icon_twitter.png) no-repeat; }

/* header 
----------------------------------------------*/
#header,#main-section-2,#main-section-3,#main-section-4,#main-section-5 {background:#fff;}
#header a.site-logo {padding:15px 0;margin:0 auto;width:250px;display:block;}
#header .top-left-area {margin-top:30px;margin-left:5px;font-size:11px;font-family:tahoma,arial;}
#header .top-right-area {margin-top:30px;margin-right:5px;font-size:13px;font-family:ng,arial;}
a.navbar-brand.site-logo {padding:5px 0;}
.navbar-toggle {padding-top:3px;padding-bottom:3px;}
.navbar { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.nav-md #search-form {padding-top:5px;padding-bottom:5px;}
.nav-md #search-form .form-control {padding:3px 6px;width:100%;height:28px;font-size:12px;}
.nav-xs .navbar-collapse.in,.nav-xs .navbar-collapse2.in {border-top:1px solid #eee;}


/* Main Section 1
----------------------------------------------*/
#main-section-1 { position:relative; width:100%;min-height:100px;overflow:hidden; /*background: url(../img/pattern2.png);*/}
#main-section-1 .slider-text { padding-top:3%; min-height:100px; }	
#main-section-1 .slider-text #slidecaption {margin: 0 20px 0 0; font-size:30px;line-height:1.2; letter-spacing:-1px;color: #fff;}	
#main-section-1 .slider-text #slidecaption .s-title { margin-bottom:10px;font: 18px ngBold,Helvetica, Arial, sans-serif; line-height:1; }
#main-section-1 .slider-text #slidecaption .slidedescription { margin: 0; font: 13px ngBold, 'NanumGothic', 'Malgun Gothic', Gulim, sans-serif; line-height:1.6;}	
#main-section-1 .slider-text #slidecaption .divice-img1,
#main-section-1 .slider-text #slidecaption .divice-img2,
#main-section-1 .slider-text #slidecaption .divice-img3,
#main-section-1 .slider-text #slidecaption .divice-img4,
#main-section-1 .slider-text #slidecaption .divice-img5 { position:absolute; right:0; top:0; width:400px; height:250px; background-repeat: no-repeat; background-position:right top; }

/* Main Section 2
----------------------------------------------*/
.iconBox { position:relative; padding-left:65px; margin-top:50px; margin-bottom:50px; }
.iconBox h3 { margin-top:0; font-family:ngBold,'NamunGothic','Malgun Gothic' !important;}
.iconBox .featured-icon { display:block; position:absolute; left:0; width:50px; height:50px; text-align:center; background:#f2f2f2; border-radius:50%; transition:0.2s; }
.iconBox .featured-icon i { position:relative; display:block; margin:10px 0;}
.iconBox:hover .featured-icon { color:#fff;}
.iconBox p { text-align: justify; }

.full-width {padding:30px 0; background:#f8f8f8;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.full-width h3 { margin:0 0 10px 0; font-family:ngBold,'NanumGothic' !important;letter-spacing:-1;}
.full-width p {margin:0;}
.full-width .block {padding-left:20px;border-left:3px solid #97B90B;}
.full-width .kso_button {margin-top:2%;}
.full-width .btn-block {margin-top:8%;} 

/* Main Section 4
----------------------------------------------*/
#main-section-4 { padding-top:50px;padding-bottom:30px;}

/* Main Section 5
----------------------------------------------*/
#main-section-5 {padding-bottom:30px;}
#main-section-5 .newArrivals h2 {margin:0 0 5px 0; font-family:ngBold,'NanumGothic' !important;letter-spacing:-1px;color:#444;}

/* Footer
----------------------------------------------*/
#footer { padding:50px 0;}
#footer .footer-block { min-height:150px; }
#footer .about-img {padding:1px;margin-right:10px;background:#353535;border:2px solid #252525;}
#footer .footer-area {font-size:12px;color:#666;}
#copyright { padding:15px 0 5px; font-family:'Trebuchet MS', tahoma, arial; background:#050505;border-top:1px solid;}

.vertical_footermenu { float:left; }
.vertical_footermenu .snb { margin:0; padding:0; list-style:none; overflow:hidden;}
.vertical_footermenu .snb li { margin:0 0 5px 0; padding:0; }
.vertical_footermenu .snb li.snb_0 { background:none; }
.vertical_footermenu .snb li a { display:inline-block; display/*\**/:inline; font:12px 'Trebuchet MS',tahoma,Arial; color:#777; text-transform:uppercase; }
.vertical_footermenu .snb li a:hover { color:#fff; }

.about-footer { margin-right:10px; }
.about-footer P { line-height:1.4; }
address { line-height:1.6; }

/* Sub Section 
----------------------------------------------*/
#sub-section { position:relative; background-repeat:repeat; background-position: center top; border-bottom:1px solid #eee; }
#sub-section h2 {margin-top:1em;margin-bottom:0;color:#333;text-transform:uppercase;}
#sub-section .path-wrap {display:block;}
#sub-section .path-wrap .bread_clumb {display:inline-block;padding:5px 8px;}
#sub-section .path-wrap .bread_clumb a {display:inline-block; font-size:12px;color:#666;}

#kso-content { position:relative; background:#fff;}
#sub-block { padding-bottom: 60px; height:100%; }
#sub-block .aside, #sub-block .kso-page { padding-top:50px; }

/* side search */
.side-form { margin-bottom:30px; }
.side-form .side-search { font-size:12px; border-radius:3px;}

/* side submenu */
.sub_nav li a { display:block;color:#666;-webkit-transition:0.2s; transition:0.2s;}
.sub_nav .list-group-item > ul > li {margin-top:5px; padding:10px 0 5px;}
.sub_nav li.on a { font-weight:bold; }
.sub_nav li.on a:hover,
.sub_nav li ul li.on a:hover { color:#555 !important; }

/* side checklist */
.checklist {  
  display: block; 
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
}

/*
** 5. Responsive
****************************************/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.nav-md .nav>li>a {padding-left:10px!important;padding-right:10px!important;}
}
/* 960 Grid */
@media screen and (min-width: 768px) {
	.modal-dialog { padding-top:100px; }
	.carousel-indicators { bottom:-40px; }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#header a.site-logo {padding:5px 0;}
	#sub-section{height:100px;}
	.navbar-brand { display:block; float:none;margin-right:auto; margin-left:auto;}
	.navbar-brand img { height:35px;}

	.dropdown-menu { display:block; position:static; float:none; width:auto; }
	#main-section-1 .slider-text {padding-top: 20%;min-height: 200px;}
	#main-section-1 .slider-text #slidecaption { font-size:40px; }
	#main-section-1 .slider-text #slidecaption .s-title { font-size:26px; }
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	#search-form {float:none;}
	.navbar-nav { padding-top:0; }
}
/* Large desktop */
@media (min-width: 1200px) {  
}