@charset "utf-8";
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

#login-alert,.btn-kso,.scroll-top,.skip>a{text-align:center}
@font-face {
	font-family:ng;font-style:normal;font-weight:400;
	src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src:local(¡Ø),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype')
}
@font-face {
	font-family:ng;font-style:normal;font-weight:700;
	src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src:local(¡Ø),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype')
}
@font-face {
	font-family:ng;font-style:normal;font-weight:800;
	src:url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
	src:local(¡Ø),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
	url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype')
}

body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul,pre {
	font-family:Nanum Barun Gothic,"Apple SD »êµ¹°íµñ Neo",Apple SD Gothic Neo,"³ª´®°íµñ",NanumGothic,ng,"¸¼Àº °íµñ",Malgun Gothic,sans-serif!important;
	font-weight:400;
	color:#111;
}
body,html { margin:0; padding:0; width:100%; height:auto;}
body { 
	position:relative;
	background-color:#fff;
	padding:0;
	font-size:14px;
	line-height:1.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
h1,h2,h3,h4,h5,h6,.btn-kso { font-weight:700;}
.h1,.h2,.h3,.h4,.h5,.h6 { margin-top:0;}
.h1,.h2,.h3,.h4,.h5,.h6,a,h1,h2,h3,h4,h5,h6 {
	color:#4b4e53;
	line-height:1.6;
	font-family:Open Sans,Nanum Barun Gothic,"Apple SD »êµ¹°íµñ Neo",Apple SD Gothic Neo,"³ª´®°íµñ",NanumGothic,ng,"¸¼Àº °íµñ",Malgun Gothic,sans-serif!important;
}

.h1 { font-size:26px;}
.h2 { font-size:22px;}
.h3 { font-size:18px;}
.h4 { font-size:16px;}
.h5, h5 {font-size: 15px;}
.h6,.btn-kso { font-size:13px;}
.mt-10 { margin-top:10px;}
.mt-20 { margin-top:20px;}
.mt-30 { margin-top:30px;}
.mb-10 { margin-bottom:10px;}
.mb-20 { margin-bottom:20px;}
.mb-30 { margin-bottom:30px;}
.mb-40 { margin-bottom:40px;}
.mb-50 { margin-bottom:50px;}
.mb-60 { margin-bottom:60px;}
.mb-70 { margin-bottom:70px;}
.mb-80 { margin-bottom:80px;}
.word-break { word-break:break-all; word-wrap:break-word;}

a,a:active,a:focus,a:hover {
	text-decoration:none;
	outline:0;
	-webkit-transition:all .2s ease 0s;
	-moz-transition:all .2s ease 0s;
	-o-transition:all .2s ease 0s;
	-ms-transition:all .2s ease 0s;
	transition:all .2s ease 0s;
}
a { color:#4b4e53;}
::-moz-selection { background:#44B39E; color:#fff;}
::selection { background:#44B39E; color:#fff;}

.point-color, .point-hover:hover, a.point-hover:hover { color:#2a60a7 !important;}
.point-bgcolor { background-color:#2a60a7 !important;}
.point-bghover:hover { color:#fff; background-color:#2a60a7 !important;}
.active>a, .aside .side-nav .list-group-item.on { color:#2a60a7 !important;}
.red-hover:hover, a.red-hover:hover { color:#ff0000 !important;}
.yellow-hover:hover, a.yellow-hover:hover { color:#ffd300 !important;}

#loader>span { border-top-color:#2a60a7 !important;}
.relative { position:relative;}
.display-table{ display:table; width:100%;}
.table-cell { display:table-cell; vertical-align:middle;}
.radius-none { border-radius:0;}
.line-point-top { position:relative; padding-top:10px;}
.line-point-bottom { position:relative; padding-bottom:20px;}
.line-point-bottom:after,
.line-point-top:before { 
	display:block;
	content:'';
	position:absolute;
	left:0;
	background-color:#ddd;
	-webkit-transition:all .5s cubic-bezier(.3,.61,.355,1);
	-moz-transition:all .5s cubic-bezier(.3,.61,.355,1);
	-o-transition:all .5s cubic-bezier(.3,.61,.355,1);
	transition:all .3s cubic-bezier(.3,.61,.355,1);
}
.line-point-top:before { top:0; width:1em; height:2px;}
.line-point-bottom:after { bottom:0; width:2em; height:1px;}
.line-bottom { position:relative; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.line-bottom.line-span { padding-bottom:0;}
.line-span span { display:inline-block; padding-bottom:10px; margin-bottom:-1px; border-bottom:1px solid #666;}
.line-circle span { display:inline-block; position:relative; bottom:-1px;}
.line-circle span:after {
	display:block;
	content:"";
	position:absolute;
	left:0;
	bottom:-13px;
	width:8px;
	height:8px;
	background-color:#fff;
	border:1px solid #ddd;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}
.line-bottom.line-middle { border-bottom:0;}
.line-middle:after { display:block; content:''; position:absolute; left:0; top:10px; width:100%; border-bottom:1px solid #ddd;}
.line-middle span { position:relative; padding-right:10px; background-color:#fff; z-index:1;}
.line-middle span.text-right { padding-left:10px;}
.line-middle.text-center span { padding-left:10px; padding-right:10px;}
.btn-kso { display:inline-block; padding:11px 23px; color:#fff; background-color:#34495e; border:0; border-radius:2px;}
.btn-kso:hover, .btn-kso:focus { color:#fff; background-color:#273645}
.btn-small { padding:8px 18px; font-size:12px}
.btn-large { padding:8px 24px; font-size:19px}
.btn-xlarge { padding:15px 30px; font-size:21px}
.btn-radius-0 { border-radius:0;}
.btn-line { background:0 0; color:#273645; border:1px solid #273645; border-radius:0;}
.btn-line:hover { border-color:#2a60a7 !important;}
.btn-color-b { background-color:#3498db;}
.btn-color-r { background-color:#e64c66;}
.btn-color-g { background-color:#1abc9c;}
.btn-color-s { background-color:#bdc3c7;}
.btn-more { margin:7px 5px 0 0;}

#login-alert .alert,.skip { margin:0;}
.skip>a:focus{height:auto}.kso-enigma,.skip>a{height:0;overflow:hidden}
.skip>a{display:block;line-height:28px}
#login-alert{position:fixed;left:0;padding:0;width:100%;background-color:rgba(59,61,66,.61);z-index:100}
#login-alert .alert>p,
#login-alert .alert>ul { color:#fff;}
#login-alert .close { top:1px; float:none;}
.fixed-content{position:relative;margin-left:auto;margin-right:auto}
.fixed-row{margin-right:0;margin-left:0}
#kso-container.header-space, .header-space { padding-top:80px !important;}

@keyframes rotate {
	0% { transform:rotate(0)}
	100% { transform:rotate(360deg)}
}
#spot input,
.kso-wrapper .board .iText,
.kso-wrapper .xm input,
.localNavigation li a,
.localNavigation li.on a,
.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] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.x .x_input-append a.x_add-on,
.x .x_input-prepend a.x_add-on {
	min-width:26px!important;
	height:26px!important;
}
.localNavigation li a { font-size:12px;}
.extraVarsList tr td a span { padding:0; background:0 0; 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;
}
.xe-widget-wrapper .icon>img { display:inline; width:auto;}
.scroll-top{ display:none; position:fixed; right:20px; bottom:200px; z-index:999; width:40px; height:40px; font-size:18px; color:#213f67; background-color:#e0e0e0; border-radius:3px;}
.scroll-top:hover{ background-color:#2a60a7; color:#fff; text-decoration:none; border-radius:50%;}
.scroll-top i{ line-height:40px}

/* Çì´õ header
=================================*/
.kso-wrapper .fixed-bar { position:fixed; top:0; bottom:0; background-color:#fff; z-index:11;}
.kso-wrapper .left-space {left:0;}
.kso-wrapper .right-space {right:0;}
.kso-wrapper .left-space .social-left {
	position: absolute;top: 50%;left: 0;
	margin-top: -20px;width: 50px;height: 40px;
	text-align: center;
}
.kso-wrapper .left-space .social-left>.block {position: relative;width: 50px;height: 40px;}
.kso-wrapper .left-space .social-left>.block>.line {
	position: absolute;top: 0;left: 50%;
	width: 1px;height: 40px;
	background-color: #ccc;
}
.kso-wrapper .left-space .social-left>.block>span.title {
	position: absolute;left: -10px;top: -60px;
	font-size: 12px;font-weight: 700;letter-spacing: 1px;
	color: #333;
	white-space: nowrap;
	-ms-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg); 
	transform: rotate(-90deg);    
}
.kso-wrapper .left-space .social-left>.block>span.so {
	position:absolute; left:0; top:50px; width:50px;
}
nav.navbar.bootsnav .active>a { color:#97d7f2 !important;}

/* pannel-wrapper
=================================*/
.pannel-wrapper .padding-none { padding-left:0; padding-right:0;}
.pannel-wrapper .form-control {
    border:0; border-bottom:1px solid #ccc;
    border-radius:0;
    box-shadow:none;
}
.pannel-wrapper .keep-sign,
.pannel-wrapper .find-account { font-size:12px;}
.pannel-wrapper .pannel-search { position:relative;}
.pannel-wrapper .pannel-search .search-ico { position:absolute; left:10px; top:6px;}
.pannel-wrapper .pannel-search input { padding:7px 7px 7px 35px; width:100%; line-height:1.4; border:1px solid #dcdcdc;}
input:-webkit-autofill { background:none !important;}

body.on-side {margin: 0;}
.side-pannel {}
.side-pannel-base {
    position: absolute;left: 0;top: 0;right: 0;bottom: 0;        
    opacity: 0;z-index: -1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s 
}
body.on-side .side-pannel-base {
    background-color:rgba(100,100,100,.7);
    cursor:url(../img/cursor-close.png), auto;
    opacity:1; z-index:11;
}
body.on-side .side-pannel { z-index:12;}

/* °¢ ¼½¼Ç ¿µ¿ª section
=================================*/

/* ¼½¼Ç °øÅë */ 
.kso-promotion,
.parallaxer { position:relative; background-color:#222;}
.section-header { position:relative; margin-top:0; margin-bottom:30px; font-size:36px; font-weight:normal; text-align: center;}

/* video caption */
.kso-player { 
	background-color:#181818;
	background-image:url(../img/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.player-caption { position:absolute; left:0; top:0; width:100%; z-index:1;}
.player-caption>.item-caption {
    position: absolute;left: 50%;top: 35%;
    margin-left: -30%;width: 60%;
    text-align: center;
}
.player-caption>.item-caption>h1 { font-size:50px; font-weight:normal; margin-top:0;}
.player-caption>.item-caption>h4 { font-size:20px; font-weight:normal;}

/*  ÇÁ·Î¸ð¼Ç promotion */
#slider_owl .item-caption img { display:inline-block !important;}
#slider_owl .item-caption .btn-line { color:#ffffff; border:2px solid #ffffff; border-radius:0; margin:0 15px;}
#slider_owl .background-position-left { background-position: center top !important;}

/* ¼­ºê sub */
.submenu-horizontal { margin-top:-40px;}
.aside .side-nav { margin-bottom:30px;}
.aside .side-nav .list-group-item { margin-bottom:0; padding-left:3px; font-size:13px; border:0; border-bottom:1px solid #f2f2f2;}
.aside .side-nav .list-group-item:hover { background:0 0; padding-left:10px;}
.aside .side-nav .list-group-item.on { color:#333;}
.aside .side-nav .list-group-item.on:hover { padding-left:3px;}
.aside .side-nav .list-group-item {
	transition: all 0.2s ease;
}
.sub-header { background-color:#222} /* ¼­ºê Çì´õ */
.sub-header .table-cell { vertical-align:middle;}
.sub-header .sub-header-caption { text-align: center;}
.sub-header .sub-header-caption h1 { color:#fff; line-height:1.4;} /* ¼­ºê Çì´õ ÆùÆ® */
.sub-header .sub-header-caption h1>small { color:#fff; font-size:60%;}
.bread-crumb-submenu a,
.bread-crumb-top a { display:inline-block; font-size:13px;}   /* ¼­ºê Çì´õ ÇöÀçÀ§Ä¡ ÆùÆ® */
.bread-crumb-submenu a{ padding:10px 0;}
.bread-crumb-top a { color:#fff;}
.submenu-xs { padding:30px 15px 0 15px;}
.submenu-md { font-size:13px; background-color:#f2f2f2;}
.submenu-md .nav-pills>li+li { margin:0;}
.submenu-md .nav-pills>li>a { border-radius:0;}
.submenu-md .nav-pills>li.active>a,
.submenu-md .nav-pills>li.active>a:focus,
.submenu-md .nav-pills>li.active>a:hover { color:#444; background-color:#eee;}
.submenu-md>ul { display:table; float:none; margin:0 auto;}
.submenu-md .nav>li>a:focus, 
.submenu-md .nav>li>a:hover,
.submenu-md .nav-pills>li.active>a, 
.submenu-md .nav-pills>li.active>a:focus, 
.submenu-md .nav-pills>li.active>a:hover { background-color:transparent;}
.submenu-md .nav-pills>li>a:after {
	display: block;content: '';
	position: absolute;left: 0px;top: 50%;
	margin-top: -7px;width: 1px;height: 14px;
	background-color: #ccc;
	transform: rotate(30deg);
}
.submenu-md .nav-pills>li:first-child>a:after {display: none;}
.kso-contents { min-height:500px;}
.kso-contents { padding-top:40px; padding-bottom:40px} /* ¼­ºê ÄÜÅÙÃ÷¿µ¿ª »óÇÏ ¿©¹é */

/* ¼½¼Ç ƼÀú teaser */
.main-section-teaser { padding-top:50px; padding-bottom:0px; background-color:#ffffff;}
.main-section-teaser .h5 i { padding: 6px 10px 0 5px;}

/* ¼½¼Ç Æз²·¢½º parallaxer */
.kso-parallaxer { padding-top:50px; padding-bottom:50px;}
.kso-parallaxer .section-header { margin-bottom:30px; color: #fff;}
.parallaxer { display:block; min-height:100px; width:100%; overflow:hidden;}
.parallaxer img { display:none;}
.parallaxer img:first-child {
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	min-width:100%;
	min-height:100%;
	opacity:0;
	-webkit-transition:opacity 250ms ease-out;
	-moz-transition:opacity 250ms ease-out;
	-o-transition:opacity 250ms ease-out;
	transition:opacity 250ms ease-out;
}
.parallaxer-not-supported { display:none;}
.bg-transparent { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.25);}
.parallaxer h2, .parallaxer h3, .parallaxer { color: #fff;}
.parallaxer .btn-line { margin-left:auto; margin-right:auto; color: #fff; border-color: #fff;}
#video-gallery i {color: #fff;}

/* ¼½¼Ç Æ÷½ºÆ® post */
.main-section-post { padding-top:20px; padding-bottom:50px;}
.main-section-post .post-section { border:3px solid #e6e6e6; overflow:hidden;}
.main-section-post .post-section .post-bg { background-color: #e6e6e6;}
.main-section-post .post-section .post-body { padding: 1em 1em;}
.main-section-post .post-header { padding: 2em 1em;}
.main-section-post .post-header h2 { margin-top:0; margin-bottom:20px; font-size:24px; line-height:1.4;}
.main-section-post .post-header h2.line-point-bottom:after { width:1em; height:2px; background-color:#777;}
.main-section-post .post-header .box-summary { position:relative; font-size:13px; text-align:justify; word-break:break-all;}

/* ¼½¼Ç ÇÁ·ÎÁ§Æ® project */
.main-section-project { padding-top:0px; padding-bottom:50px;}
.main-section-project .section-header { margin-bottom:30px;}
.main-section-project .project-block img { margin-top:10px;}
.main-section-project .project-block span { font-size:16px; line-height:1.4;}
.main-section-project .project-block>div { text-align:justify;}
.main-section-project .slider-owl .owl-item img { width:100%;}

/* ¼½¼Ç Âü°¡½Åû contact */
.main-section-contact { padding-top:80px; padding-bottom:50px; background-color:#2d375e;}
.main-section-contact .section-header { margin-bottom:30px; color:#fff;}
.main-section-contact #request_page { overflow:visible; margin:0; padding:0; height:435px;}

/* ǪÅÍ footer */
.section-footer .footer-content { padding-top:40px; padding-bottom:10px; background-color:#f2f2f2;}
.section-footer { font-size:13px; color:#333;}
.section-footer .line-bottom { margin-bottom:20px;}
.section-footer .line-span span { padding-bottom:15px;}
.section-footer .h5 i { padding:6px 10px 0 5px;}
.section-footer .footer-logo { margin:0 0 25px 0; padding:0;}
.section-footer .footer-kakao { margin:0; padding:0;}
.section-footer .footer-socialicon ul { margin:0; padding:0;}
.section-footer .footer-socialicon ul li { float:left; margin:0; padding:0 10px 10px 0;}
.section-footer .about-info div { line-height:1.7;}
.section-footer .footer-copyright { padding:20px 10px 10px; color:#fff; background-color:#213f67;}
.section-footer .footer-copyright ul li { height:24px !important; font-size:12px; line-height:8px;}

/* ±âŸ ETC
=================================*/
#subpage-container h2 {
	font-family:Nanum Barun Gothic,"Apple SD »êµ¹°íµñ Neo",Apple SD Gothic Neo,"³ª´®°íµñ",NanumGothic,ng,"¸¼Àº °íµñ",Malgun Gothic,sans-serif!important;
	font-weight:600;
	line-height:1.4;
	font-size:21px;
	margin:0 0 25px 0;
	word-break:break-all;
}
#subpage-container .word-break { word-break:break-all;}
pre {
	overflow: hidden;
	word-wrap: break-word;
	word-break: normal;
	white-space: normal;
	padding:15px 20px;
	line-height:1.6 !important;
}

/* ¹Ìµð¾îÄõ¸®
=================================*/
@media (min-width: 768px) {
	.container { width: 750px;}
	.padding-none { padding-left:0; padding-right:0;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0;}
}
@media (min-width: 992px) {
	.container { width: 880px;}
	.kso-wrapper .fixed-bar { width: 50px;}
	.fixed-content { padding-left:50px; padding-right:50px;}
	.main-section-post .post-header { min-height:330px;}
}
@media (min-width: 1200px) {
	.container { width: 1080px;}
}
@media (min-width: 1300px) {
	.container { width: 1170px;}
}
@media (max-width: 991px) { 
	#kso-wrapper .fixed-bar { display:none;}
	#slider_owl .background-position-left { background-position: left top !important;}
	#slider_owl .text-left { text-align: center !important;}
	#slider_owl .text-right { text-align: center !important;}
	.player-caption>.item-caption>h1 {font-size: 30px;}
	.player-caption>.item-caption>h4 {font-size: 14px;}
	.sub-header {height: 200px;}
	.mb-sm-20 { margin-bottom:20px;}
	.mb-sm-30 { margin-bottom:30px;}
	.mb-sm-40 { margin-bottom:40px;}
	.main-section-contact #request_page { height:790px;}
}
@media (max-width: 767px) { 
	.kso-section { padding-top: 50px !important; padding-bottom: 50px !important;}
	.player-caption>.item-caption { top: 20%;}
	.section-footer .footer-logo { margin-bottom:20px;}
	.section-footer .footer-logo>img, .section-footer .footer-kakao>img { margin:auto; }
	.section-footer .footer-socialicon { text-align:center; padding:0 0 10px 8px;}
	.section-footer .footer-socialicon ul li { float:none !important; padding:0 8px 0 0;}
	.section-footer .footer-copyright .pull-left,
	.section-footer .footer-copyright .pull-right { float:none !important; text-align:center;}
	.line-box:after { display: none;}
	.scroll-top { right:10%; bottom:20px; margin-right:-20px; line-height:30px; color:#fff; background:0 0;}
	.scroll-top i { border-radius:40px;}
}
@media (max-width: 480px) { 
	#slider_owl .item-caption .container>div.owl-p {
		margin: 0 auto;width:300px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	}
	h1.section-header { font-size:30px;}
	.main-section-teaser { padding-top:30px; padding-bottom:0px;}
	.main-section-1,
	.main-section-2,
	.main-section-3,
	.main-section-4,
	.main-section-post { padding-top:40px; padding-bottom:40px;}
	.footer-content { padding-top:30px; padding-bottom:30px;}
}