/* �ִϸ��̼� */
.koo-delay-3s {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
.koo-delay-6s {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.koo-delay-9s {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}
.koo-delay-12s {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
}
/* �ִϸ��̼� �� */


/* header */
#logo a{
	display:inline-block;
	width: 200px;
    height: 61px;
	background:url('/theme/koo_theme/image/logo.png') 0 0 no-repeat;
	background-size:cover;
	text-indent:-9999px;
	overflow:hidden;
}
/*pc ��� */
	#header-right-bt{position: absolute; right: 0; top: 0; transform: translateY(0); -webkit-transform: translateY(0); text-align: right; background: #85B200; padding: 1.4rem 2rem; }
	#header-right-bt .btnPcNav,#header-right-bt .btnMobileNav {display: inline-block; vertical-align: middle; cursor: pointer !important;}
	#header-right-bt .btnPcNav span {background-color: #fff; width: 35px; height: 2px; display: block; margin: 8px auto;transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s;}
		
	#header-right-bt .btnPcNav.close,#header-right-bt .btnMobileNav.close {    
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		transition-delay: 0.6s;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity:0.8;
	}


	#header-right-bt .btnPcNav.close span:nth-child(1), #header-right-bt .btnPcNav.close span:nth-child(3){    
		-webkit-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	#header-right-bt .btnPcNav.close span:nth-child(1){-webkit-transform: translateY(13px); -ms-transform: translateY(13px); -o-transform: translateY(13px); transform: translateY(13px);}
	#header-right-bt .btnPcNav.close span:nth-child(2){width:0;}
	#header-right-bt .btnPcNav.close span:nth-child(3){-webkit-transform: translateY(-13px) rotate(90deg); -ms-transform: translateY(-8px) rotate(90deg); -o-transform: translateY(-8px) rotate(90deg); transform: translateY(-8px) rotate(90deg);}

	#header-right-bt .btnMobileNav.close span:nth-child(1), #header-right-bt .btnMobileNav.close span:nth-child(3){    
		-webkit-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	#header-right-bt .btnPcNav.close span:nth-child(1){-webkit-transform: translateY(13px); -ms-transform: translateY(13px); -o-transform: translateY(13px); transform: translateY(13px);}

	#header-right-bt .btnMobileNav.close span:nth-child(1){-webkit-transform: translateY(7px); -ms-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px);}
	#header-right-bt .btnPcNav.close span:nth-child(2),#header-right-bt .btnMobileNav.close span:nth-child(2){width:0;}
	#header-right-bt .btnPcNav.close span:nth-child(3),#header-right-bt .btnMobileNav.close span:nth-child(3){-webkit-transform: translateY(-13px) rotate(90deg); -ms-transform: translateY(-8px) rotate(90deg); -o-transform: translateY(-8px) rotate(90deg); transform: translateY(-8px) rotate(90deg);}


/*���� �����̵�*/
#one-slide-txt{
	display:block;
}
.slide-txt-box{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-45%);
}
.slide-txt-box h3{
	font-size:50px;
	line-height:1.4em;
}

#api .swiper-wrapper {height:690px;}

/*�ε��� �����̵�*/
.section2{overflow: hidden; max-width:950px; margin-right:auto; margin-left:auto;}

.section2 .swiper-container.main-brand.slide1 {float: left;}

.section2 .swiper-container.main-brand {width: 50%;}

.section2 .swiper-wrapper {height:630px;}

.section2 .swiper-slide{height:630px; display:table; background:#eff1f2;}

.section2 .swiper-slide .box-image{position:absolute; left:0; top:0;}
.section2 .swiper-slide .box-image img{width:auto;}

.section2 .swiper-container.main-brand.slide2{position:relative; z-index:1; float:right;}

.section2 .box-body {
    display: table-cell;
	vertical-align:middle;
    margin: 0;
    /* margin: 0 0 0 860px; */
    width: 100%;
    /* padding: 100px 0 0 0; */
    
    box-sizing: border-box;
}

.section2 .box-body .brand {
    display: block;
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 32px;
    color: #1e314a;
    font-weight: 700;
}

.section2 .box-body .text {
    margin: 0 auto 20px auto;
    max-width: 300px;
	line-height:1.2;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #505050;
}

.section2 .swiper-pagination{background:rgba(0, 0, 0, 0);}

.section2 .swiper-button-next, .swiper-button-prev {
    bottom: 0; top:auto; z-index:999;
}


.section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:180px;}

.section2 .swiper-button-next, .swiper-container-rtl .swiper-button-next{right:180px;}

/**/



/**/
#api #content{
	vertical-align: top;
	font-size:13px;
	line-height:26px;
	color: #444!important;
	margin-right:auto;
	margin-left:auto;
}

.one-slide {
  background-image:url('../image/main_slider_01.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.two-slide {
  background-image:url('../image/main_slider_02.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.three-slide {
  background-image:url('../image/main_slider_03.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}



.swiper-pagination.swiper-pagination-bullets{bottom:0; right:0;  padding:8rem 0;}


.swiper-pagination-bullet:nth-child(1){
	opacity: .6;
}

.swiper-pagination-bullet-active:nth-child(1){
    opacity: 1;
}


.swiper-pagination-bullet:nth-child(2){
	opacity: .6;
}

.swiper-pagination-bullet-active:nth-child(2){
    opacity: 1;
}


.swiper-pagination-bullet:nth-child(3){
	opacity: .6;
}

.swiper-pagination-bullet-active:nth-child(3){
    opacity: 1;
}

.swiper-pagination-bullet:nth-child(4){
	opacity: .6;
}

.swiper-pagination-bullet-active:nth-child(4){
    opacity: 1;
}

.swiper-pagination-bullet:nth-child(5){
	opacity: .6;
}

.swiper-pagination-bullet-active:nth-child(5){
    opacity: 1;
}


#contrast .default{display:none;}


/* ���� */
#pc_hd_wrapper #logo a{line-height:48px; color:#111111; font-size:2em;}
.sub_hd_bg{width: 100%; max-width:1100px; /* overflow: hidden; */ margin: 0 auto; text-align: center; display: table; position: relative;}
.sub_hd_bg .con{width: 100%; height:300px; background-position: center center; vertical-align: middle; display: table-cell; background-size: cover;}
.sub_hd_bg .con h1{
	font-family:'S-CoreDream-3Light', sans-serif;
	font-size:2em;
	color:#ffffff;
	padding-top:80px;
}

#container{width:1100px; margin:3em auto;}
#container.middle {width:980px; }

@media screen and (max-width:900px) {
	#container{width:100%;}
    #container.middle {width:100%; }
}
.row{
	position:relative;
	overflow:hidden;
	margin:0 -15px;
}
.row:after{
	content:"";
	display:block;
	float:none;
	clear:both;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
	float:left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-1{
	width:8.33333333%;
}
.col-2{
	width:16.66666667%;
}
.col-3{
	width:25%;
}
.col-4{
	width:33.33333333%;
}
.col-5{
	width:41.66666667%;
}
.col-6{
	width:50%;
}
.col-7{
	width:58.3333%;
}
.col-8{
	width:66.66666667%;
}
.col-9{
	width:75%;
}
.col-10{
	width:83.33333333%;
}
.col-11{
	width:91.66666667%;
}
.col-12{
	width:100%;
}
.mn {
	margin: 0 !important;
}
.m5 {
	margin: 5px !important;
}
.m10 {
	margin: 10px !important;
}
.m15 {
	margin: 15px !important;
}
.m20 {
	margin: 20px !important;
}
.mtn {
	margin-top: 0 !important;
}
.mt1{
	margin-top: 1px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px; !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mrn {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr8 {
	margin-right: 8px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mbn {
	margin-bottom: 0 !important;
}
.mb3 {
	margin-bottom: 3px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mln {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mtb2 {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}
.mlr-auto {
	margin-left: auto;
	margin-right: auto;
}
.pn {
	padding: 0 !important;
}
.p5 {
	padding: 5px !important;
}
.p10 {
	padding: 10px !important;
}
.p15 {
	padding: 15px !important;
}
.p20 {
	padding: 20px !important;
}
.p30 {
	padding: 30px !important;
}
.p40 {
	padding: 40px !important;
}
.ptn {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt70 {
	padding-top: 70px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pt100 {
	padding-top: 100px !important;
}
.prn {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pbn {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pb100 {
	padding-bottom: 100px !important;
}
.pln {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.ptb50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.fs12{font-size:12px !important}
.fs14{font-size:14px !important}
.fs16{font-size:16px !important}
.fs18{font-size:18px !important}
.fs20{font-size:18px !important}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.text-primary{color:#0092D8 !important;}
.text-sky{color:#60C4DC !important;}
.text-highlight{color:#BFFF00 !important;}

.list-default{
	list-style:square;
	padding-left:20px;
}

/* ���� ���� */
#ctt_con .con_title{
	text-align:center;
	margin-bottom:50px;
	font-size:1.9em;
}
#ctt_con img{
	width:auto;
	height:auto;
	max-width:100%;
}

.movie {
	height: 620px;
}

@media screen and (max-width:1100px){
	#pc_hd_wrapper{display:none; overflow:hidden;}
	#mobile_hd_wrapper{display:block; /*position:fixed;*/ width:100%; top:0; z-index:9; zoom:1; padding:1.5em 0; background:#ffffff;}
	#mobile_hd_wrapper #logo{float:none; margin:5px 5px 0 5px}
	#mobile_hd_wrapper #logo a {line-height:48px; color:#fff; font-size:2em;}
	#mobile_hd_wrapper #gnb{/*position:absolute; top:0; width:100%; -webkit-transform: translateY(100%); transform: translateY(100%); text-align: center;*/}
	#mobile_hd_wrapper #gnb #gnb_1dul{display:none;}
	#mobile_hd_wrapper .btnMobileNav span{width: 28px; height: 2px; margin: 5px auto; background-color: #fff; display: block; transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s;}
	#mobile_hd_wrapper .gnb_wrap #gnb_1dul{border-top:1px solid #dddddd; margin-top:20px;}
	#mobile_hd_wrapper .gnb_wrap #gnb_1dul .gnb_1dli{position:relative; line-height:50px; text-align:center;}

	#mobile_hd_wrapper .gnb_wrap #gnb_1dul .gnb_1dli .gnb_2dul{position:relative; top:0; background-color:#eeeeee}
	#mobile_hd_wrapper .gnb_wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli a {color:#333333; text-align:center;}

	#mobile_hd_wrapper .gnb_1da:hover{color:#0092D8}
	#mobile_hd_wrapper .gnb_2da:hover{background:#dddddd;}

	#aside{display:none;}
	.movie {
		height: auto;
		min-height: 300px;
	}

	.sub_nav_home{display:none !important;}
	
	.sub_hd_bg .con{height:150px;}
	.sub_hd_bg .con h1{font-size:2em; padding:0;}
	
	#ft{text-align:center;}
	address{width: 100%; margin:20px 0;}
	
	
}



@media screen and (min-width:1100px){
	#header-right-bt{
		display:none;
	}
	#pc_hd_wrapper{display:block;position:fixed; width:100%; top:0; z-index:9; zoom:1; padding:0; z-index:88; background:#ffffff;;}

	#mobile_hd_wrapper{display:none; overflow:hidden;}

	#logo{width:22%;}
	#gnb{width:78%;}
	#gnb .gnb_wrap{position:relative; max-width:880px; margin:0 auto;}
	#gnb_1dul{display:inline-block; float:right; padding: 0; zoom: 1; -ms-flex-direction: row; table-layout: fixed; margin: 0;}
	#gnb_1dul .gnb_1dli{display:inline-block; vertical-align:middle; line-height:4.3; text-align:right; position:relative; padding:1.2em 0; padding-left:70px; margin-right:10px;}
	#gnb_1dul .gnb_1dli .gnb_1da:hover{color:#85B200}
	.gnb_2dul{margin-top:10px;right:0}
}



@media screen and (max-width:1024px){

	.swiper-pagination.swiper-pagination-bullets{width:100%; padding:0;}
	.swiper-pagination-bullet{display:inline-block; margin:0 .8rem;}
	
}





@media screen and (min-width:992px){
	#pc_hd_wrapper .hd-resize{width:100%; max-width:1200px; margin:0 auto; padding:0 50px;}
		.hd-resize{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between;}
		#gnb_1dul .gnb_2dul{top:100%;}
		#gnb_1dul .gnb_2dul .gnb_2dli .gnb_2da{line-height:3em; display:block; font-size:0.9em; text-align:right; }
		.nav-bg{position:absolute; left:0; top:100%; width:100%; background:#fff; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; z-index:400; height:270px;}


}





@media screen and (max-width:768px){
	#header-right-bt {padding: 0.5rem; right: 10px; top: 20px;}
	#mobile_hd_wrapper{padding:.5em 0}
	.api-box .swiper-wrapper{height:450px;}
	#one-slide-txt .slide-txt-box{padding:0 15%;}
	#one-slide-txt .slide-txt-box .top, #one-slide-txt .slide-txt-box .top-2, #one-slide-txt .slide-txt-box .hieroglyph{font-size:2rem; margin:0; line-height:1.3;}

	#wrapper{padding:0 10px;}

	#contrast{width:95%; height:27px; bottom:11%;}
	.swiper-scrollbar{bottom:14%; left:10%; right:0; width:80%;}
	
	.section2 .swiper-wrapper{height:100%}
	.section2 .box-body{padding:50px 0;}
	.section2 .swiper-container.main-brand.slide1, .section2 .swiper-container.main-brand.slide2{float:none;}
	.section2 .swiper-container.main-brand{width:100%;}
	.section2 .swiper-slide {line-height:100%; height:auto;}
	.section2 .swiper-slide .box-image{left:15%;}
	.section2 .swiper-slide .box-image img{width:100%; text-align:center;}

	.section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:30%;}
	.section2 .swiper-button-next, .swiper-container-rtl .swiper-button-next{right:30%;}
	
	#api .swiper-wrapper{
		height:200px;
	}
	.slide-txt-box h3{
		font-size:23px;
	}

	#ctt_con br{display:none;}

	address span{display:block;}
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
		width:100%;
	}
	
	.div_reg, .div_reg img{
		width:100% !important;
		height:auto !important;
	}
	.col-sm-6{
		width:50% !important;
	}
	.d-none {display: none;}
}


@media screen and (max-width:640px){
	
	.section2 .swiper-slide .box-image{position:static;}
	
	.ft_menu{float:none; padding:0; margin:0 auto;}

}


@media screen and (max-width:425px){
	#one-slide-txt .slide-txt-box{padding:0 10%;}
	.section2 .swiper-slide {line-height:100%; height:auto;}
	.section2 .swiper-slide .box-image{position:static;}
}