@charset "utf-8";

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

body{font-size:16px; line-height:1.7; color:#333}

body,
p, span, a,
ul, li, ol, dd, dl, dt,
table, th, td,
input, button, select, textarea. form, fieldset, hr{
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

h1, h2,
h1 a, h2 a,
h1 span, h2 span,
.content-title{
    font-family: "Escoredream", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

h3, h4, h5, h6,
h3 a, h4 a, h5 a, h6 a,
h3 span, h4 span, h5 span, h6 span{
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

h3.list-title{font-size:20px}


/*
 KSODESIGN LAYOUT 20140311
 http://ksodesign.com/
 
 Copyright 2010~2017 KSODESIGN	 
 Contributing author : KSJade (contact@ksodeisgn.com)
----------------------------------------------------------------*/
/*
** Default 
****************************************/
::-moz-selection {background: #44B39E;color: white}
::selection {background: #44B39E;color: white}
body {background-color:#fff}

/* header
****************************************/
#kso-nav {transition: transform .4s 0s, visibility 0s .4s;}
#kso-nav .kso-logo,
#kso-nav .kso-logo img,
#cssmenu > ul > li > a,
#kso-menu-press {
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}
#kso-nav .kso-logo {display: inline-block;}
#kso-nav .kso-logo img{display: inline-block; padding:13px 0 17px 0; width:auto; height:90px; vertical-align: middle}
#kso-nav .kso-logo h1{display: inline-block; margin:0; padding:36px 0 30px 10px; vertical-align: middle; line-height:1; font-size:24px; color:#000}
#cssmenu > ul > li > a {padding-top:38px;padding-bottom:35px;}
#kso-menu-press {height: 90px;}
.sticked #kso-nav .kso-logo img{height:70px}
.sticked #kso-nav .kso-logo span{padding:26px 0 20px 5px}
.sticked #kso-nav #kso-menu-press {height: 70px;}
.sticked #kso-nav #cssmenu > ul > li > a {padding-top:28px; padding-bottom:24px;}

#kso-nav-xs{text-align:center}
#kso-nav-xs .kso-logo img{display: inline-block; padding:10px 0; width:auto; height:60px; vertical-align: middle}
#kso-nav-xs .kso-logo-text span{display: inline-block; padding:19px 0 15px 0; vertical-align: middle; font-family:"Escoredream", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:16px; font-weight:700; letter-spacing: 3px}


/* section
****************************************/
.kso-grid {margin-left:-7px;margin-right:-7px;max-width: 1154px;height: 100%}
.kso-grid:after {content: '';display: block;clear: both;} /* clear fix */
.kso-grid .grid-item {float: left;padding:7px;background: none;overflow: hidden;}
.kso-grid .grid-item .item-block {position:relative;height: 100%;overflow: hidden;}
.kso-grid .gutter-sizer {width:0;}
.kso-grid .grid-sizer,
.kso-grid .grid-item {width: 25%;}
.kso-grid .grid-item--width2 {width: 50%;}
.kso-grid .grid-item--height2 {height: auto;}
.kso-grid .grid-item .item-block .item-overlay {
	position: absolute;left: 10px;top: 10px;bottom:10px;right:10px;
	/*width: 100%;height: 100%;*/
	background-color: rgba(255,255,255,.45);opacity: 0;
	-webkit-transition: opacity .5s ease-out;
     transition: opacity .5s ease-out;
}
.kso-grid .grid-item:hover .item-block .item-overlay {opacity: 1;}
.kso-video-wrapper {display: table;width:100%;height: 100%;background-color: #000}
.kso-video-wrapper .wrapper-middle {display: table-cell;vertical-align: middle;}
.embed-responsive-16by10 {padding-bottom: 48.76%;}
.video-text {padding-top:80px;text-align:center;color: #fff}
.kso-wow {visibility: hidden;}

/* parallax */
#kso-stellar {
	position: relative;
	background: url(../img/parabg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#kso-stellar .text-area {padding:80px 3em;min-height: 400px;}
#kso-stellar .text-area .btn-kso {margin-top:30px;font-weight: 700}
#kso-stellar i {color:#999;}
.overlay-cover1 {position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.overlay-cover2 {position: absolute;left: 0;top:0;right:0;width: 100%;height: 100%;}
.section-header {padding: 20px 30px 20px;margin:40px 0 50px 0;border-left: 2px solid #333;}
.kso-gallery {background-color: #fff}
.latest-cont {min-height: 100px}

/* sub */
.kso-subtop {background-image:url(../img/subtop.jpg);}
.side-nav .list-group-item {margin-bottom:0;padding-left:0;border:0;border-bottom:1px solid #f2f2f2}
.aside-full {border:none;}

/* footer */
.kso-footer h5 {font-size:15px; color: #4b4e53;}
.kso-footer .footer-logo{text-align:center}
.kso-footer .footer-logo img {display:inline-block; width:auto; height:190px; padding:15px 0}
.kso-footer .footer-text {min-height: 100px; font-size:14px}
.kso-footer .company-info {font-size:13px;}
.kso-footer .company-info li {margin-bottom:7px;}
.kso-footer .kso-social li {display: inline-block;}

.kso-contents {padding-top:30px;padding-bottom:0}
.kso-contents .content-wrapper {padding: 0 0 30px 0;min-height: 500px}
.kso-contents .aside-full {margin-top:-30px;}
.kso-subtop .sub-header .sub-caption h2 {margin-top:0;margin-bottom:0}
.kso-subtop .sub-header .sub-caption p {margin-top:4px;margin-bottom:0;font-weight:700;font-size:16px;color:#fff}

/* ETC
****************************************/
.scroll-top {color: #fff}
.btn-dark {color:#666;border-color:#666;}
.title-line-b {margin: 20px 0;width: 50px;height: 1px;background-color: #999;}
.deco-line {color: #4b4e53}
.summary-text {padding: 50px 0;margin-bottom:20px;line-height: 1.6}
.summary-text small {color: #888}
.member-btn {overflow: hidden;}
input:focus {outline: none;}
img.lazyload {opacity: 0; transition: opacity 0.6s ease-in-out; background:#f0f0f0;}
img.loaded{opacity: 1; transition: opacity 0.6s ease-in-out;}


/* mediaQuery
****************************************/
/* 960 Grid */
@media only screen and (min-width: 992px) {
    .overlay-cover2 {left: 50%;width:50%;}
    .col-md-9.col-md-push-3 {border-left: 1px solid #eee;}
  }
@media (min-width: 768px) {
}
@media (max-width: 991px) { 
	#kso-wrapper {padding-top: 60px}	
	.kso-logo {padding-left: 15px;}
	.kso-logo img{height:60px}
	.mb-xs {margin-bottom: 20px}
	.kso-subtop,.sub-header {height:200px}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#kso-nav-sticky-wrapper {display: none;}
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	.grid-item {width:100%;}
	#kso-stellar .text-area {padding-left: 10px;padding-right:10px;}
	.kso-footer img {margin: 0 auto;}
	.kso-copyright .pull-left,.kso-copyright .pull-right {float:none !important;text-align: center;}
	.kso-social {margin-bottom:40px;}
}