.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}


/* ¾Ö´Ï¸ÞÀÌ¼Ç */

.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;
}


.main-slider{position:relative; height:950px; min-width:1200px;}

.main-slider-inner {position: relative; overflow: hidden; display: none;}

.main-slider .main-slider-item {position: relative; outline: none; height: 950px; overflow: hidden;}

.main-slider .main-slider-image {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: transform 4s linear;
    -moz-transition: transform 4s linear;
    -o-transition: transform 4s linear;
    -ms-transition: transform 4s linear;
    transition: transform 4s linear;
	cursor:grab;
}

.main-slider .main-slider-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 900px;
    text-align: center;
    display: none;
}

.main-slider .slick-active .main-slider-caption {
    display: block;
}


.main-slider .main-slider-caption h4 {
    position: relative;
    margin: 0 0 30px;
    font-size: 3.5rem;
    letter-spacing: 2px;
    color: #fff;
    font-family: "'NotoSans', AppleGothic, sans-serif, Helvetica";
	font-weight:inherit;
}

.main-slider .main-slider-caption h5 {
    position: relative;
    margin: 0 0 30px;
    font-size: 2rem;
    letter-spacing: 2px;
    color: #fff;
    font-family: "'NotoSans', AppleGothic, sans-serif, Helvetica";
	font-weight:inherit;
}


.container{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
.container:after, .container:before{display:table; content:''; clear:both;}


.sub-top{position: relative; width: 100%; height: 420px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: table;}
.sub-top h2 {display: table-cell; vertical-align: middle; text-align: center; line-height:2;}
.sub-top h2 > p{font-size:2.5rem; color:#fff;}
.sub-top h2 > span {color: #fff; position: relative;font-size:1.7rem}




@media screen and (min-width:992px){
	
	#container_title {font-size: 3rem; letter-spacing:-0.25rem; margin: 0 auto; font-weight: 300; text-align: center; margin-top: 2em;}
	.company-image{position:relative; float:left; width:30%;}
	.company-content{float:right; width:57%;}

	.company-content h4{font-size:1.5rem; line-height:1.2; letter-spacing:-0.83px; font-weight:600; color:#008a7d; position:relative; padding:1em 0;}
	.company-content h4:before{content:''; width:50px; height:2px; background:#008a7d; position:absolute; top:0;}
	.company-content h4:after{content:''; width:50px; height:2px; background:#008a7d; position:absolute; bottom:0;}

	.company-content .guide-content{margin-top:2em;}
	.company-content .guide-content > dl {line-height: 2.2; font-size:1rem; font-weight: lighter; letter-spacing:-0.73px;}

}

@media screen and (max-width:992px){
	#container_title {font-size: 1.3rem; margin: 0 auto; font-weight: 300; text-align: center; margin-top: 2em;}

	.company-image{position:relative;}
	.company-content{margin:1.7em 0;}

	.company-content h4{font-size:1.5rem; line-height:1.2; letter-spacing:-0.83px; font-weight:600; color:#008a7d; position:relative; padding:1em 0;}
	.company-content h4:before{content:''; width:50px; height:2px; background:#008a7d; position:absolute; top:0;}
	.company-content h4:after{content:''; width:50px; height:2px; background:#008a7d; position:absolute; bottom:0;}

	.company-content .guide-content{margin-top:2em;}
	.company-content .guide-content > dl {line-height: 2.2; font-size:1.1rem; font-weight: lighter; letter-spacing:-0.54px;}
}



/*¼­ºê_navi*/
#sub_nav {
	margin-top:0;
	background:#008a7d;	
	position:relative;
	width:100%;
	bottom:0;
	left:0;
}
.sub_nav_inner {
	display:flex;
	justify-content:left;
	width:100%;
	max-width:1150px;
	margin:0 auto;
}
.sub_nav_elmt {
	position:relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items:center;
	width:28%;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c5c5c5;
}
.sub_nav_home {
	width:auto !important;
	border-left:1px solid #c5c5c5;

} 
.sub_nav_elmt a {
	display:block;
	color:#000;
	cursor:pointer;
}

.sub_nav_elmt a i{color:white;}

.sub_nav_elmt a.sub_nav_toggle {
	width:100%;
	padding-left:1em;
	color:#fff;
}
.sub_nav_home a {
	padding:11px 19px;
	font-size:20px;
}
.sub_nav_elmt a.sub_nav_toggle i {
	position:absolute;
	right:30px;
	top:50%;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.sub_nav_elmt a.sub_nav_toggle i.open {
	-ms-transform:translateY(-50%) rotate(180deg);
	-webkit-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg);
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.sub_nav_elmt a:hover {
	color:#ddd;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.sub_nav_elmt ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;right:0;
	z-index:9;
	border:1px solid #008a7c;
}
.sub_nav_elmt ul li {
	position:relative;
	padding:10px;
	border-top:1px solid #fff;
	background:white;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.sub_nav_elmt ul li.active a{	
	color:#0d9347;
}
.sub_nav_elmt ul li a i {	
	position:absolute;
	right:20px;
	top:50%;
	font-size:10px;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}




#latest-product, #latest-gallery{max-width:1200px; width:100%; margin:3rem auto 0; text-align:center;}
#latest-product h4, #latest-gallery h4 {margin:1.5em 0;}
#latest-product h4 strong, #latest-gallery h4 strong{font-size:2.5rem;}
#latest-product span, #latest-gallery span{font-size:1.2rem; color:#666666;}


#main-long-bar {}
#main-long-bar .long-bar-content{max-width:1200px; width:100%; margin:0 auto; position:relative;}
#main-long-bar .long-bar-content h4{font-size:2.2rem; color:#fff; font-weight:lighter; padding:1.5em 0; text-align:center;}

#main-long-bar .long-bar-content .pdf-dw-bt{position:absolute; top:0; right:0;}


#container_wr .row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }


.gallery-item{overflow:hidden;}
.gallery-item:hover{transition:all 0.3s ease}

.gallery-item a{position:relative; display:block; background:#232323; transition:all 0.3s ease}

.gallery-item a .post-info{
	text-align: center; 
	position: absolute; 
	top: 50%; 
	transform: translateY(-30%); 
	-webkit-transform: translateY(-30%); 
	-moz-transform: translateY(-30%); 
	-ms-transform: translateY(-30%); 
	-o-transform: translateY(-30%); 
	left: 0; 
	width: 100%;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease;
    padding: 0 3rem;
	}

.gallery-item a img{transition: all 0.5s ease;}

.gallery-item:hover a img{opacity:0.2; transition: all 0.5s ease; transform: scale(1.2) rotate(0deg);}

.gallery-item:hover a .post-info{    
	opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.3s ease;
	}




/*ÇÏ´Ü*/
#ft_wr{max-width:1200px; width:100%;}
	#ft_wr .ft-right{position:absolute; top:0; right:0; color:#fff; line-height:1.5;}
	#ft_wr .ft-right .tel{border:1px solid #656565; padding:1.5rem;}
	#ft_wr .ft-right .tel strong {font-size:1.2rem; font-weight:400;}
	#ft_wr .ft-right .tel h3 a {font-size:2rem; color:#fff;}
	#ft_wr .ft-right .tel span {font-size:1rem;}



/* ¾Ö´Ï¸ÞÀÌ¼Ç ³¡ */


/*pc Åä±Û */

	
	#header-right-bt{position: absolute; right: 0; top: 0; transform: translateY(-4px); -webkit-transform: translateY(-4px); text-align: right; padding: 1rem 1.6rem; }
	#header-right-bt .btnPcNav,#header-right-bt .btnMobileNav {display: inline-block; vertical-align: middle; cursor: pointer !important;}
	#header-right-bt .btnPcNav span {background-color: #333; 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);}









@media screen and (max-width:768px){
	.m_gnb_dul{display:none;}
	.btn_gnb_op{
		background-image:url('/theme/koo_theme/img/gnb_bg2.png');     
		background-repeat: no-repeat;
		width: 30px;
		height: 35px;
		font-size: 0;
		text-indent: -9999;
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0px;
		padding: 0;
		border:0;
		background-color:transparent;
		background-position: center center;
	}

	.btn_gnb_cl{background-image:url('/theme/koo_theme/img/gnb_bg.png'); background-repeat:no-repeat;}

	#header-right-bt {padding: 0.5rem; right: 10px; top: 27px;}
	#mobile_hd_wrapper #logo{background:#fff;}

	#mobile_hd_wrapper .gnb_1dli{border-bottom:1px solid #ddd; position:relative;}
	#mobile_hd_wrapper .gnb_1dli .gnb_1da{color:#000; font-size:1rem; font-weight:300; line-height:35px;}

	#mobile_hd_wrapper .m_gnb_dul{}
	#mobile_hd_wrapper .m_gnb_dul > li {border-top:1px solid #ddd; padding-left:1em; background: #f1f1ef;}
	#mobile_hd_wrapper .m_gnb_dul > li > a {text-align:center; color:#000; font-weight:300; padding-left:10px; position:relative;}
	#mobile_hd_wrapper .m_gnb_dul > li > a:after{position:absolute; top:48%; left:0; right:15%; background:#333; width:5px; height:1px; margin:0 auto;}

	#mobile_hd_wrapper{padding:0;}
	#mobile_hd_wrapper #logo{padding:.5em}
	.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;}

	#contrast{width:30px; height:27px; bottom:11%;}
	.swiper-scrollbar{bottom:14%; left:35%; right:20%;}


	
	.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%;}


	#ft_wr{padding:1rem;}
	#ft_wr #copyright{font-size:0.75rem;}
	#ft_wr .ft-right{position:relative; top:0; right:0; color:#fff; line-height:1.5; margin-top:1rem;}
	#ft_wr .ft-right .tel{border:1px solid #79797b; padding:1.5rem;}
	#ft_wr .ft-right .tel strong {font-size:1.2rem; font-weight:400;}
	#ft_wr .ft-right .tel h3 a {font-size:2rem; color:#fff;}
	#ft_wr .ft-right .tel span {font-size:1rem;}


}




@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;}
}



@media screen and (max-width:640px){
	
	.section2 .swiper-slide .box-image{position:static;}

}


@media (min-width:768px){
	.container{width:750px}
}




@media screen and (min-width:992px){
	#pc_hd_wrapper .hd-resize{width:100%; max-width:1200px; margin:0 auto; padding:0 15px;}
		.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_2dev{top:86px;}
		#gnb_1dul .gnb_2dul .gnb_2dli .gnb_2da{line-height:4.5; display:block; text-align:center; color:#333; font-size:13px; letter-spacing:-0.0em; word-break:keep-all;}
		.nav-bg{position:absolute; left:0; top:100%; width:100%; background:#fff; z-index:400; height:500px;}

	.container{width:970px}
	
	.col-lg-2{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-lg-3{-ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%;}
	.col-lg-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.col-lg-5{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}

}






@media screen and (max-width:1024px){
	.main-slider{min-width:inherit;}
	.main-slider, .main-slider .main-slider-item {height: 430px;}

	.main-slider .main-slider-caption h4{font-size:1.3rem;}
	.main-slider .main-slider-caption h5{font-size:1rem;}

	.slick-prev{left:0px;}
	.slick-next{right:0px;}

	.slick-prev:before, .slick-next:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		width: 25px;
		height: 25px;
		margin-top: -15px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		display:none;
	}



	#main-long-bar .long-bar-content .pdf-dw-bt{position:relative; text-align:center; padding-bottom:2rem;}

	.sub_nav_elmt {width: 43%;}


	.slick-dots li{width:15%;}
	.slick-dots li button:before{width:100%;}
}










@media screen and (max-width:1200px){
	#pc_hd_wrapper{display:none; overflow:hidden;}
	#mobile_hd_wrapper{display:block; position:fixed; width:100%; top:0; z-index:9; zoom:1; padding:0em 0;}
	#mobile_hd_wrapper #logo{float:none;}
	#mobile_hd_wrapper #gnb{position:relative; top:0; width:100%; text-align: center; background:#fff;}
	#mobile_hd_wrapper #gnb #gnb_1dul{display:none;}
	#mobile_hd_wrapper .btnMobileNav span{width: 28px; height: 2px; margin: 5px auto; background-color: #333; display: block; transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s;}

	.main-slider .main-slider-caption
	.main-slider .main-slider-caption h4{font-size:1.3rem;}
}



@media screen and (min-width:992px){
	#pc_hd_wrapper{display:block; position:relative; width:100%; top:0; z-index:9; zoom:1; padding:0; z-index:88; background:#fff;}
	#pc_hd_wrapper.pc-header{position:fixed;}

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

	#gnb{width:80%;}
	#gnb .gnb_wrap{ max-width:980px; margin:0 auto;}
	#gnb_1dul{padding: 0; zoom: 1; -ms-flex-direction: row; display: table; width: 95%; table-layout: fixed; margin: 0; margin-left:auto;}
	#gnb_1dul .gnb_1dli{display:table-cell; vertical-align:middle; line-height:3.5; padding:0; text-align:center; position:relative;}

	#gnb_1dul .gnb_1dli .gnb_2dul_box{padding: 0; zoom: 1; -ms-flex-direction: row; display: table; width: 100%; table-layout: fixed; margin: 0; margin-left: auto;}
	#gnb_1dul .gnb_1dli .gnb_2dul_box .gnb_2dli{display:table-cell; vertical-align:middle; text-align:center; position:relative;}
	
	#gnb_1dul .gnb_1dli .gnb_2dul{overflow:hidden;}

	#gnb_1dul .gnb_1dli:nth-child(1) .gnb_2dul{width:300px; right:-75px;}
	#gnb_1dul .gnb_1dli:nth-child(2) .gnb_2dul{width:1024px; left:-33em;}
	#gnb_1dul .gnb_1dli:nth-child(3) .gnb_2dul{width:1024px; left:-33em;}
	#gnb_1dul .gnb_1dli:nth-child(4) .gnb_2dul{width:300px; right:-75px;}
	#gnb_1dul .gnb_1dli:nth-child(5) .gnb_2dul{width:300px; right:-75px;}

	#pc_hd_wrapper #gnb_all_bg{position: absolute; width: 100%; z-index: 70; background: #fff; border-top: 1px solid #cacaca; display: none; height: 58px !important;}
	

	.gnb_all_box{position: relative; max-width: 1000px; padding: 2em 0; zoom: 1; -ms-flex-direction: row; display: table; width: 100%; table-layout: fixed; margin: 0; margin-left: auto; margin-right: auto;}
	.gnb_al_ul .gnb_al_li{display: table-cell; padding: 0 1em; width:150px;}
	.gnb_al_ul .gnb_al_li:nth-child(2), .gnb_al_ul .gnb_al_li:nth-child(3){width:275px;}
	.gnb_al_ul .gnb_al_li .gnb_al_a{display: block; margin-bottom: 10px; padding-bottom: 10px; color: #008a7d; font-size: 18px; line-height: 1.5em; font-weight: 500; border-bottom: 1px solid #008a7d;}

	.gnb_al_ul .gnb_al_li > ul li a{line-height:2.5; font-size:14px;}

	.slick-initialized .slick-slide.slick-active img{max-height:1000px; height:100%;}
	.slick-initialized .slick-slide .gy_cotent{font-size: 27px; line-height: 1; position: absolute; top: 50%; display: block; width: 96px; height: 85px; padding: 9px; cursor: pointer; color: black; border: none; outline: none; background: transparent; right: 0; left: 0; margin: 0 auto;}

	.container{width:1170px}


	.ft-left{width:calc(100% - 370px);}
}