@import url('common.css');
@import url('navbar.css');
@import url('member.css');
@import url('board.css');
@import url('work.css');
@import url('shop.css');
@import url('main.css');
/*-- ==============================================================
 Font
 ============================================================== */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800");

body {
  font-family: 'Noto Sans KR', 'Noto Sans', 'Roboto', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.682;
  font-size: 16px;
}

body .font-eng {
  font-family: 'Playfair Display', serif;
}

body .font-sans {
  font-family: 'Montserrat', sans-serif;
}

.dropdown-item,
.navbar-nav .nav-link {
  font-family: 'Montserrat', sans-serif;
  /* font-weight: 500 */
}

p {
  font-weight: 300;
}

.btn {
  border-radius: 0;
}

/*-- ==============================================================
 Layout
 ============================================================== */
.navbar>.container,
#owl-intro .container,
section>.container {
  max-width: 1600px;
  width: 100%;
}

.product-detail>.container {
  max-width: 1140px;
}

/* Service */
.height-service {
  height: 700px;
}

@media (max-width:991px) {
  .height-service {
    height: 520px;
  }
}

/* Work */
.height-lg {
  height: 700px;
}

.height-md {
  height: 500px;
}

.height-sm {
  height: 300px;
}

@media (max-width:991px) {

  .height-lg,
  .height-md,
  .height-sm {
    height: 360px;
  }
}

/* Contact */
.height-400 {
  height: 400px;
}

.height-800 {
  height: 800px;
}

@media (max-width:991px) {
  .height-400 {
    height: 400px;
  }

  .height-800 {
    height: 500px;
  }
}

@media (max-width:574px) {
  .height-400 {
    height: 300px;
  }

  .height-800 {
    height: 420px;
  }
}

/*-- ==============================================================
 Sub Title
 ============================================================== */
.height-title {
  height: 500px;
}

.sub-title {
  color: #fff;
}

@media (max-width:991px) {
  .height-title {
    height: 300px;
    margin-top: 55px;
  }

  .height-title .content-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .sub-title {
    margin-top: 0;
  }
}

/*==============================
contact
==-=============================  */
.bg-dark.text-white h2 {
  color: #fff;
}

.bg-dark.text-white p {
  color: rgba(255, 255, 255, .6);
}

/*******************
/* Sub Tab navbar
*******************/
.sub-navbar-wrap {
  margin-top: -58px;
}

.sub-navbar-wrap .sub-navbar li {
  /* border-top: 1px solid #ccc; */
  border-left: 1px solid rgba(255, 255, 255, .15);
  height: 58px;
  background-color: rgba(0, 0, 0, .15)
}

.sub-navbar-wrap .sub-navbar li:first-child {
  border-left: none;
}

.sub-navbar-wrap .sub-navbar li:hover {
  background-color: rgba(0, 0, 0, .4)
}

.sub-navbar-wrap .sub-navbar li.active {
  background-color: #fff;
}

.sub-navbar-wrap .sub-navbar li a {
  display: blcok;
  color: rgba(255, 255, 255, .8);
  line-height: 58px;
  padding: 0;
  text-transform: uppercase;
}

.sub-navbar-wrap .sub-navbar li.active a {
  color: #1b1d1f;
  font-weight: 600;
}

@media (max-width:574px) {
  .sub-navbar-wrap .sub-navbar li a {
    font-size: 13px;
  }
}

/*  */
.service-01 li:not(:last-child) {
  margin-bottom: 25px;
}

.service-01 h5 {
  font-weight: 600;
  margin-bottom: 5px;
}

.list-icon {
  /* padding-left: 40px; */
}

.list-icon li {
  position: relative;
  padding-bottom: 20px;
  line-height: 1.45;
  padding-left: 36px;
}

.list-icon i {
  position: absolute;
  top: 5px;
  left: 0;
  margin-right: 10px;
}

.faq .card-header {
  border-bottom: 3px solid #fff;
  background-color: rgba(0, 0, 0, .04);
}

#owl-gallery .hero-wrap {
  height: 400px;
}

@media (max-width:991px) {
  .half-bg.half-about {
    background-color: #32b67a;
  }

  .text-md-white {
    color: #fff;
  }
}



.main-box-text{
	position:absolute;
	left:0;
	top:0;
	right:0;
	z-index:99;
}
.main-box-over{
	overflow:hidden;
}
.main-box-text.main-2 {
	padding:12%;
}
.main-box-text.main-3, .main-box-text.main-4, .main-box-text.main-5, .main-box-text.main-7 {
	 top:50% !important;
	 -webkit-transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
}
.main-box-text.main-3, .main-box-text.main-4, .main-box-text.main-7 {
	text-align:center;
}
.main-box-text.main-7,
.main-box-text.main-7 h4,
.main-box-text.main-7 i {
	color:#4e87ce;
 }
.ribbon-inner.colored {
	background: #f15e71;
}
.main-box-text.main-2 h4 {
	font-weight:600;
}
.main-box-text.main-2 p {
	padding-bottom:20px;
}
.main-box-text.main-5 h4 {
	font-weight:400;
}
.main-box-text.main-5 h5 {
	margin-bottom:10px;
}
.main-box-text.main-5 p {
	margin-bottom:25px;
}
.main-box-text.main-5 p.last-child {
	margin-bottom:0px;
}


	/* font size */
	.main-box-text.main-2 h3 {
		font-size:33px;
		font-weight:400;
		letter-spacing:0.1em;
	}
	.main-box-text.main-2 h4 {
		padding:5px 0;
		font-size:16px;
		text-transform:none;
	}
	/* .main-box-text.main-3 i, .main-box-text.main-4 i, .main-box-text.main-7 i {
		font-size: 44px;
	}
	.main-box-text.main-3 h4, .main-box-text.main-4 h4, .main-box-text.main-7 h4 {
		font-size: 20px;
	} */

	.main-box-text.main-5 p {
		font-size:16px;
	}



	@media (min-width: 768px) {
		.main-box-text.main-2 h3 {
			font-size:50px;
		}
		.main-box-text.main-2 h4 {
			padding:20px 0;
			font-size:20px;
		}
		.main-box-text.main-2 p {
			padding-bottom:50px;
		}
		/* .main-box-text.main-3 i, .main-box-text.main-4 i, .main-box-text.main-7 i {
			font-size: 70px;
		}
		.main-box-text.main-3 h4, .main-box-text.main-4 h4, .main-box-text.main-7 h4 {
			font-size: 30px;
		} */

	}


/*
013 main
 */

.main-video {
	background-repeat:no-repeat;
	background-position:center 0;
	width:100%;
	padding:130px 0;
	overflow:hidden;
	position:relative;
}
.main-video video,
.main-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
.video-text {
	z-index:1;
	position:relative;
	min-height:1px;
	padding:0 20px;
}
.video-text h2 {
	/* font-size:44px; */
	line-height:1.4;
	letter-spacing:0;
	font-weight:100;
}
.video-overlay {
	background:rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1;
}

@media (max-width: 767px) {
	.main-video {
		padding:90px 0;
		background-position:center center;
	}
	.main-video video {
		width:auto;
		height:100%;
	}
	.video-text h2 {
		font-size:30px;
		line-height:1.4;
	}
}




/**
	Ribbon
**/
.ribbon {
	width: 140px;
	height: 140px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.ribbon-inner {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;

	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
		 -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	background: #4c4c4c;
	letter-spacing: 3px;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 0;
	width: 100px;
	color: #fff;
	z-index: 1;
	left: 3px;
	top: 6px;
	 text-transform:uppercase;

}

.ribbon.right {
	right: -2px;
	top: -2px;
}
.ribbon.right .ribbon-inner {
	width: 200px;
	left: -5px;
	top: 23px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

.ribbon.left {
	left: 0px;
	top: 0px;
}
.ribbon.left .ribbon-inner {
	width: 200px;
	left: -50px;
	top: 25px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}


		@media (max-width: 767px) {
			.ribbon {
				width: 130px;
				height: 130px;
			}
			.ribbon.left .ribbon-inner {
				width: 130px;
				left:-40px;
				top:10px;
				padding: 5px 0;
				font-size: 12px;
				letter-spacing:0px;
			}
		}


    .text-light{
    	color:#fff !important;

    }

    .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6{
    	color:#fff !important;
    }

    .text-light a{
    	color:rgba(255, 255, 255, 1);
    }

    .text-light a:hover{
    	color:#fff;
    }


    /* ==========================================================================
      socialicon
    ============================================================================= */

    .social-icon {
    	margin: 0 5px 5px 0;
        width: 80px;
        height: 80px;
    	/*text-shadow: 1px 1px 1px rgba(0,0,0,.3);*/
        border-color: transparent;
        overflow: hidden;
    	display:inline-block;
    	text-decoration:none !important;
    	text-align: center;
    	cursor: pointer;
    	font-style: normal;
    	letter-spacing: 0em !important;
    	color: #eaeaea !important;

    	-webkit-border-radius: 3px;
    	   -moz-border-radius: 3px;
    			border-radius: 3px;
    }
    	.social-icon:hover>i {
    		color:#fff;
    	}
    .social-icon i {
    	display: block;
    	position: relative;
        width: 80px;
        height: 80px;
    	margin-top:6px;
    	font-size: 40px;
    }

    /* rounded social icons */
    a.social-icon.social-icon-round {
    	-webkit-border-radius: 50%;
    	   -moz-border-radius: 50%;
    			border-radius: 50%;
    }




    /* light social icons */
    a.social-icon.social-icon-light {
    	background-color:rgba(0,0,0,0.1);
    	text-shadow:none;
    	color:#888 !important;
    }
    a.social-icon.social-icon-light:hover>i {
    	color:#fff !important;
    }
    	section.dark a.social-icon.social-icon-light {
    		background-color:rgba(255,255,255,0.3);
    		color:#fff !important;
    	}
    	section.dark a.social-icon.social-icon-light:hover>i {
    		color:#fff !important;
    	}


    /* transparent social icons */
    a.social-icon.social-icon-transparent {
    	background-color:transparent;
    	text-shadow:none;
    	color:#666 !important;
    }
    a.social-icon.social-icon-transparent:hover>i {
    	color:#fff !important;
    }
    	section.dark a.social-icon.social-icon-transparent {
    		color:#999 !important;
    	}
    	section.dark a.social-icon.social-icon-transparent:hover>i {
    		color:#fff !important;
    	}




    body:not(.device-touch) .social-icon {
    	-webkit-transition: all .3s ease;
    	-o-transition: all .3s ease;
    	transition: all .3s ease;
    }

    body:not(.device-touch) .social-icon i {
    	-webkit-transition: all .3s ease;
    	-o-transition: all .3s ease;
    	transition: all .3s ease;
    }


    /* medium */
    a.social-icon>i[class*=" icon-"],
    a.social-icon>i[class^=icon-] {
    	font-size:20px;
    }

    /* small */
    a.social-icon.social-icon-sm,
    a.social-icon.social-icon-sm>i {
    	width:50px;
    	height:50px;
    	margin-top:0px;
    	font-size: 28px;
    	line-height:38px;
    	color:#4c4c4c;
    }
    a.social-icon.social-icon-sm>i:last-child {
    	padding-top:7px;
    }
    a.social-icon.social-icon-sm>i[class*=" icon-"],
    a.social-icon.social-icon-sm>i[class^=icon-] {
    	font-size:17px;
    }


    .social-facebook:hover { background-color: #3B5998 !important; }
    .social-facebook { background-color: #3B5998; }
    .social-twitter:hover { background-color: #00ab33 !important; }
    .social-twitter { background-color: #00ab33; }
    .social-youtube:hover { background-color: #C4302B !important; }
    .social-youtube { background-color: #C4302B; }
    .social-vimeo:hover { background-color: #86C9EF !important; }
    .social-vimeo { background-color: #86C9EF; }
    .social-googleplay:hover { background-color: #DD4B39 !important; }
    .social-googleplay { background-color: #DD4B39; }
    .social-instagram:hover { background-color: #a57d60 !important; }
    .social-instagram { background-color: #a57d60; }

    .main-navbar .navbar-dark .navbar-nav .nav-link {
  color: #000;
}


.btn-main {
  padding: 8px 20px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn-main,
.btn-main.disabled {
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  background-color: #000;
  color: #fff;
}
.btn-main:hover,
.btn-main.disabled:hover {
  background-color: #f15e71;
}
.btn-main.active, .btn-main:active, .btn-main:focus,
.btn-main.disabled.active,
.btn-main.disabled:active,
.btn-main.disabled:focus {
  color: #ffffff !important;
  background: #f15e71;
  border-color: #fff;
}

.btn-main-2,
.btn-main-2.disabled {
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  background-color: #f15e71;
  color: #fff;
}
.btn-main-2:hover,
.btn-main-2.disabled:hover {
  background-color: #000;
}
.btn-main-2.active, .btn-main-2:active, .btn-main-2:focus,
.btn-main-2.disabled.active,
.btn-main-2.disabled:active,
.btn-main-2.disabled:focus {
  color: #ffffff !important;
  background: #000;
  border-color: #fff;
}



/* 20196-04-17 */
.owl-thumb-item {
  display: inline-block;
  padding: 0 2px 4px;
}