@charset "utf-8";

/*-------------------------------------------------------
** 
** Default 
** 
--------------------------------------------------------*/
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
body,button,dd,dl,dt,fieldset,form,hr,input,legend,li,ol,p,select,table,td,textarea,th,ul{font-family: 'Open Sans','Noto Sans KR',sans-serif;font-size: 15px;font-weight:400;letter-spacing: -1px;	color:#7e8082;}
h1,h2,h3,h4,h5 {font-weight: 700;color: #333;}
a:hover {text-decoration: none;-webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}

#kun-container {	overflow-x: hidden;background-color: #fff;}
button {cursor:pointer}

a {text-decoration: none;}
/*-------------------------------------------------------
** 
** header 
** 
--------------------------------------------------------*/
.kun-header {position: fixed;left: 0;top: 0;width: 100%;background-color: #fff;z-index: 101;-webkit-transition: all .3s;transition: all .3s;}

.navbar-collapse>.navbar-nav>.nav-item>.nav-link {padding: 0;line-height: 80px;	-webkit-transition: all .3s;transition: all .3s;}
.kun-header.kun-sticky .navbar-collapse>.navbar-nav>.nav-item>.nav-link {line-height: 60px;}

.nav-item.dropdown>.navbar-nav {padding: 10px 0;}
.nav-item.dropdown>.navbar-nav .nav-item .nav-link {padding: 0 20px;line-height: 40px;}
.navbar-nav .nav-item:hover>.nav-link {}
.navbar.bsnav {padding: 0;background: none;}

.bsnav-mobile {z-index: 102;}
.bsnav-mobile>.navbar {
	padding-top: 60px;    
	width: 300px;
}
.bsnav-mobile>.navbar>.navbar-nav {padding: 20px 0;}
.bsnav-mobile .navbar-nav {padding: 0;}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
	margin: 0;
	background: #f7f7f7;
}
.bsnav-mobile .navbar-nav .nav-item .nav-link {
	display: block;
	padding: 0 40px;
	line-height: 40px;
	border-top: 1px solid #f5f5f5;
}
.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav .nav-item .nav-link {padding-left: 50px;}
.bsnav-mobile.in .bsnav-mobile-overlay {background-color: rgba(0,0,0,0.3);}

.navbar-toggler {width: 20px;height: 20px;}
.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {height: 2px;}
.navbar-toggler.toggler-spring .navbar-toggler-icon::before {top: 7px;}
.navbar-toggler.toggler-spring .navbar-toggler-icon::after {top: 14px;}

.nav-item .caret, .dropdown-toggle::after {position: absolute;top: 50%;right: 25px;}

.credit-btn {-webkit-transition-duration: 500ms;transition-duration: 500ms;background-color: #ffbb38;position: relative;z-index: 1;display: inline-block;min-width: 175px;height: 48px !important;color: #ffffff;border-radius: 5px;padding: 0 30px;font-size: 14px;line-height: 48px !important;font-weight: 700;text-transform: uppercase; }
.credit-btn:hover, .credit-btn:focus {font-size: 14px;font-weight: 700;background-color: #003679;color: #ffffff; }
.credit-btn.btn-2 {background-color: #003679;color: #ffffff; }
.credit-btn.btn-2:hover, .credit-btn.btn-2:focus {background-color: #ffbb38;color: #ffffff; }
.credit-btn.btn-3 {background-color: transparent;color: #003679;border: 2px solid #003679;line-height: 44px; }
.credit-btn.btn-3:hover, .credit-btn.btn-3:focus {border: 2px solid #003679;background-color: #003679;color: #ffffff; }

.kun-header .top-header-area {position: relative; z-index: 1;width: 100%;height: 80px;background-color: #fff; }
.kun-header .top-header-area .top-contact-info {position: relative;z-index: 1; }
.kun-header .top-header-area .top-contact-info a {display: inline-block;color: #838383;font-size: 14px;margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;font-weight: 600; }
.kun-header .top-header-area .top-contact-info a img {margin-right: 10px; }
.kun-header .top-header-area .top-contact-info a:first-child {margin-right: 30px; }
.kun-header .top-header-area .top-contact-info a:hover, .kun-header .top-header-area .top-contact-info a:focus {color: #003679; }


/*-------------------------------------------------------
** 
** Section 
** 
--------------------------------------------------------*/
.sub-top {margin-top: 165px;}
.sub-top {background:url('../img/sub-top-bg.jpg') no-repeat;background-position:90% 155px;background-attachment: fixed;}
.kun-promotion{margin-top: 140px;}
.k-promotion {padding-top: 15.5rem;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../img/header-background.jpg') center center no-repeat;background-size: cover;}
.k-promotion .slider-container {position:relative;margin-bottom: 4rem;}
.k-promotion .swiper-container {position:static;width:86%;}
.k-promotion .image-container {margin-bottom: 2.5rem;}
.k-promotion .image-container img {border-radius: 4px;}
.k-promotion .text-container {}
.k-promotion h1 {margin-bottom: 1.5rem;text-align: center;}
.k-promotion .text-container p {margin-bottom: 2.5rem;}
.k-promotion .text-container ul {display:block;max-width:100%;height:auto;max-height:36px;padding:0}
.k-promotion .text-container ul li {float:left;max-width:33.333333%;padding-right:3px}
.k-promotion .btn-solid-lg {display: block;margin-bottom: 1.25rem;text-align: center;}
.k-promotion .btn-outline-lg {display: block;text-align: center;}
.k-promotion .swiper-button-prev,
.k-promotion .swiper-button-next {width:18px;}
.k-promotion .swiper-button-prev:focus,
.k-promotion .swiper-button-next:focus {outline: none;}
.k-promotion .swiper-button-prev {left:-10px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");
	background-size: 18px 28px;}
.k-promotion .swiper-button-next {right:-10px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E");
	background-size: 18px 28px;}
.k-promotion .partner-container {text-align:center;}
.k-promotion .partner-container .p-small {margin-bottom: 1.5rem;text-align: center;}
.k-promotion .partner-container img {display:block;max-width:100%;height:auto;max-height:36px;margin-right:auto;margin-bottom: 2.25rem;margin-left:auto;}

.btn-solid-lg {display: inline-block;padding: 1.625rem 2.625rem 1.625rem 2.625rem;border: 1px solid #f7a404;border-radius: 32px;background-color: #ffbb38;color: #ffffff;font-weight: 600;font-size: 0.875rem;line-height: 0;text-decoration: none;transition: all 0.2s;}
.btn-solid-lg:hover {background-color: transparent;color: #000; text-decoration: none;}
.btn-outline-lg {display: inline-block;padding: 1.625rem 2.625rem 1.625rem 2.625rem;	border: 1px solid #333;border-radius: 32px;background-color: transparent;color: #333;font-weight: 400;font-size: 0.875rem;line-height: 0;text-decoration: none;transition: all 0.2s;}
.btn-outline-lg:hover {	background-color: #ffffff;color: #0b0433;text-decoration: none;}

#section-icon [class*='col-'] {position: relative;}
#section-icon [class*='col-']:first-child:after {display: none;}
#section-icon .block {display: table;padding-right: 15px;padding-left: 15px;}
#section-icon .block i{display: table-cell;vertical-align: top;}
#section-icon .block>div {font-size: 0.9rem;}


/*section-parallax*/
#section-parallax {position: relative;background: url(../img/sub-top-bg.jpg) no-repeat;background-position: 90% 100%;}
#section-parallax:before {
	content: '';display: block;
	position: absolute;
	left: 0;top: 0;
	width: 100%;height: 100%;
}

#section-service figure {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
#section-service figcaption {
	padding: 1.5rem;
	min-height: 138px;
	background-color: #fff;
}



/*section-footer*/
#section-footer h5 {
	position: relative;
	padding-bottom: 20px;margin-bottom: 20px;
}
#section-footer h5:before {
	content: '';display: block;
	position: absolute;left: 0;bottom: 0;
	width: 30px;height: 1px;
	border-bottom: 1px solid #888;
}


/*-------------------------------------------------------
** 
** ETC 
** 
--------------------------------------------------------*/
.bg-gray {background-color: #f8f8f8;}
.review h2  {font-size:1.2em;padding-left:20px;}
.content_notice .widgetTableA td.title a {font-size:1em;letter-spacing:-0.5px;color:#333 !important;font-weight:bold}
.widgetTableA td.title a {font-size:0.8em;}
.widgetTableA td .date {font-size:0.8em;}
.widgetTableA td {padding:0 5px !important;}
.btn-kun {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 25px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	border-radius: 3px;
}
.btn-kun:hover {text-decoration: none;color: rgba(255,255,255,0.7);}

#topcontrol {width:46px;line-height:46px;text-align: center;color:#333;background-color:#eee;}

/* XE */
#kun-container .x input[type=color], 
#kun-container .x input[type=date], 
#kun-container .x input[type=datetime-local], 
#kun-container .x input[type=datetime], 
#kun-container .x input[type=email], 
#kun-container .x input[type=month], 
#kun-container .x input[type=number], 
#kun-container .x input[type=password], 
#kun-container .x input[type=search], 
#kun-container .x input[type=tel], 
#kun-container .x input[type=text], 
#kun-container .x input[type=time], 
#kun-container .x input[type=url], 
#kun-container .x input[type=week],
#kun-container .x .x_input-append a.x_add-on, 
#kun-container .x .x_input-prepend a.x_add-on {height: auto;line-height: inherit;}
#kun-container .x .x_input-append a.x_add-on, 
#kun-container .x .x_input-prepend a.x_add-on {width: 30px;}
.fc_pointer, .aqua {color:#0186d5;}
.bd .card {border: 0;}
#pageFo .btnArea {display: block !important;}
/*-------------------------------------------------------
** 
** mediaQuery 
** 
--------------------------------------------------------*/

@media (min-width: 992px) {
	.k-promotion .image-container {margin-bottom: 0;}
	.k-promotion .text-container p {margin-bottom: 1.875rem; font-size: 1.12rem; }
	.k-promotion .btn-solid-lg, 
	.k-promotion .btn-outline-lg {display: inline-block;}
	.k-promotion .btn-solid-lg {margin-right: 0.5rem;}
	.kun-section .txt_area { width:90%; margin:0 auto; border-top:0;}
	.kun-section .txt_area .txt01 span.tit {font-size:1.85em;}
}


@media (max-width: 991px) { 
	#section-footer .site-logo {display: block;margin: 0 auto;}
	.mb-xs-3 {margin-bottom: 1rem;}
	.mb-xs-4 {margin-bottom: 1.5rem;}
	.kun-section {padding-top: 30px;padding-bottom: 30px;}
}

@media (min-width: 768px) {
	.k-promotion .swiper-container {width:94.9%;}
	.k-promotion .swiper-button-prev {left:-22px;}
	.k-promotion .swiper-button-next {right:-22px;}
	.k-promotion .partner-container .p-small {margin-bottom: 1rem;}
	.k-promotion .partner-container img {display: inline-block;max-width: 200px;margin-right: 1.5rem;margin-left: 1.5rem;}
	.k-promotion .partner-container img:first-of-type {margin-left: 0;}
	.k-promotion .partner-container img:last-of-type {margin-right: 0;}
}

@media only screen and (max-width: 767px) {
	.kun-promotion {margin-top: 130px;}
	.sub-top {margin-top: 165px;background-position: 10% 155px;}
	.kun-header .top-header-area .top-contact-info a span {display:none;}
	.k-promotion .text-container ul {display:none;}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.kun-header .top-header-area .top-contact-info a { font-size: 13px; }
}