@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
	@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

	body{margin: 0; padding: 0; font-family:'nanumgothic', sans-serif; }
	a{text-decoration: none}
	#section_3 .title{font-family:'nanummyeongjo', sans-serif; color: #fff; font-size: 2em; line-height: 1.5em}
	#section_3 .sub{font-family:'nanummyeongjo', sans-serif; color: rgba(255,255,255,0.6); font-size: 0.9em; line-height: 1.8em}
	#section_7 .text{font-family:'nanummyeongjo', sans-serif; color:#999; font-size: 0.9em; line-height: 1.8em}
	#section_7 .title{font-family:'nanummyeongjo', sans-serif; color: #111; font-size: 1.5em; line-height: 1.5em letter-spacing-1px; padding: 0 30px 20px; border-bottom: 1px solid #111; display: table; margin:auto; font-weight: 600 }
	#section_1{display: table; position: relative; width: 100%;}
	#section_1 > .box{width:100%; position: absolute; height: 100%; }
	#main_slide > .bx-wrapper > .bx-viewport > ul >  li{width: 100%; height: 100%; text-align: center;}
	.banner_01{background:url(../images/main_bg.jpg) fixed; background-size: cover;}
	.banner_02{background:url(../images/main_bg_2.jpg)fixed; background-size: cover;}
	.banner_03{background:url(../images/main_bg_3.jpg)fixed; background-size: cover;}
	.banner_04{background:url(../images/main_bg_4.jpg)fixed; background-size: cover;}
	.bx-viewport{height: 100%}
	#main_slide{height: 100%}
	#main_slide img {margin: auto;}
	.bxslider_02{height: 100%; text-align: center;}
	.bxslider_02 li{height: 10%}
	.bx-wrapper{height: 100%; margin: 0}
	.bx-viewport{height: 100%}
	.bxslider_02 li img{display: table-cell; vertical-align: middle;}
	.bxslider_02 li{background-position: fixed}
	.slider_box{display: table; width: 100%; height: 100%}
	.slider_box_inner{display: table-cell; vertical-align: middle;}
	.point{position: absolute; top: -80px; left: 50%; margin-left: -11px}
	#section_2{text-align: center;}
	.copy_logo{float: right; padding-top: 35px}

	#section_3{background: url(../images/section_3.jpg)fixed; background-size: cover; padding: 200px 10px; text-align: center;}
	.color img{margin: auto;}

	#section_5{background: url(../images/section_5_bg.jpg)fixed; background-size: cover}
	#section_7{background: url(../images/section_7.jpg)center}
	#section_2{background: url(../images/section_2.jpg)center; background-size: cover;}
	#section_4{padding: 100px 0 0}
	.btn_area{width: 49.5%; display: inline-block;}
	.btn_area a{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
	.btn{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
	.btn_area a{display: block; padding:50px 0;}
	.btn_area a .more{padding: 10px 20px; color: #fff; font-size: 12px; border: 1px solid #fff; border-radius: 20px; display: table; margin: 20px auto 0}
	.btn_area a:hover{background:#371b0f}
	.btn_area a:hover .more{background: #371b0f}

	@media screen and (max-width: 800px) {
		  .gallery ul li{width: 50%; display: inline-block; list-style: none; margin-bottom: 20px}
		  .btn_area{width: 100%}
		  .copy{width: 100%; float: none; border-bottom: 1px solid #ccc}
		  .copy:last-child{border: 0}
		  .copy p{padding:0 20px}
		  .gallery ul li a{padding: 10px!important; display: block; text-decoration: none;}
		  .bx-controls-direction{display: none}
		  .pc{display: none!important;}
		  .mobile{display: table!important; width: 100%}
		  #section_7{padding: 80px 0!important}
		  .section_7_inner{padding: 50px 0!important}
		  #section_4{padding: 50px 0!important}
		  .copy_logo{float: none; padding-top: 35px; text-align: center; display: table; width: 100%}
		}
	.mobile{display: none;}
    .gallery ul{display: table; margin: 0; padding:0; }
  .gallery ul li{width: 20%; display: inline-block; list-style: none; margin-bottom: 20px}
	.gallery ul li a{padding: 40px; display:block; text-decoration: none}
  .gallery ul li a:hover .product_name{background:#111; color: #fff}
	.gallery ul li img{width: 100%}
      .full_gallery ul{display: table; margin: 0; padding:0; }
  .full_gallery ul li{width: 14%; display: inline-block; list-style: none;}
  .full_gallery ul li a{padding: 5px; display:block; text-decoration: none; position: relative;}
  .full_gallery ul li a:hover .product_name{background:#111; color: #fff}
  .full_gallery ul li img{width: 100%; border: 1px solid #ccc}
  .full_gallery_inner{position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0}
	.brand{
    margin: 20px 0 5px;
    font-size: 11px;
    font-weight: 900;
    color: #999;
}
	.product_name{
    font-size: 14px;
    font-weight: 900;
    color: #212121;
    border: 1px solid #111;
    padding: 5px 10px;
    margin: 0;
    letter-spacing: -1px;
    border-right:0;
    border-left:0;
}
.info{
    font-size: 11px;
    color: #999;
    text-align: left;
    letter-spacing: -1px;
}

.buy_btn{border: 1px solid #333; border-radius: 50px; padding: 10px 80px; display: table; font-size: 12px; font-weight: 900; margin: auto; color: #333}
.buy_btn:hover{background: #333; color: #ffcc33}
#section_7{background: url(../images/section_7.jpg)fixed; background-size: cover; padding: 200px 0}
.section_7_inner{background: rgba(255,255,255,0.9); padding: 200px 0;}
#section_8 p{font-size: 12px}
.copy{float: left; margin-right: 80px}
.full_view{position: fixed; background: #fff; left: 0; top: 0; height: 100%; overflow: scroll; z-index: 15; margin-left: -900px; width: 80%; max-width: 820px}
.tour_view{position: fixed; background: #fff; right: 0; top: 0; height: 100%; overflow: scroll; z-index: 15; margin-right: -900px; width: 80%; max-width: 820px}
.full_view img, .tour_view img{width: 100%}
.ani{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
.on{margin: 0}
.light_box{position: fixed; width: 100%; height: 100%; z-index: 14; display: none; background: rgba(0,0,0,0.9); cursor: pointer;}
.full_view_btn, .tour_view_btn {cursor:pointer;}
.section_5_inner{width: 100%; margin: auto; max-width: 1200px; display: table;}


.img-featured-container .description-container{font-size: 22px;}
.img-featured-container .description-container .caption{display: none;}

.col-md-4{display: inline-block;}
.icon-wrap > * {display: inline-block;}
.icon-wrap > span{font-size: 12px;}
.icon-wrap > span.likes{}





/* remove bootstrap gutter*/
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

/* the good stuff */

.img-featured-container {
  overflow: hidden;
  position: relative;
}

img.img-responsive {
  width: 100%;
  padding: 0.5px;
}

.img-featured-container .img-backdrop {
  background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}

.img-featured-container:hover > .img-backdrop {
  opacity: 1;
}

/* center text horizontally and vertically on image hover */
.img-featured-container .description-container {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 0 30px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  z-index: 2;
  opacity: 0;
  transition: all .2s ease;
}

.img-featured-container .description-container .fa-instagram {
  font-size: 40px;
}

.img-featured-container .description-container p {
  font-weight: 300;
  margin-bottom: 0;
}

.img-featured-container:hover .description-container {
  opacity: 1;
}

.img-featured-container .description-container .caption {
  display: none;
  margin-bottom: 10px;
}

.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments {
  margin: 0 5px;
}

/* load more button */
#btn-instafeed-load {
  color: #fff;
  background: #26a3ff;
  margin: 20px auto;
  padding: 8px 12px;
  display: block;
  border: none;
}

/* media queries  */
@media screen and (min-width:768px) {
  .img-featured-container .description-container .caption {
    display: block;
  }
}

.brand_01{background:url(../images/brand/main_img.jpg) fixed; background-size: cover;}
.brand_02{background:url(../images/brand/main_img_02.jpg) fixed; background-size: cover;}
.brand_03{background:url(../images/brand/main_img_03.jpg) fixed; background-size: cover;}
#brand_2{background: url(../images/brand/section_02_img.jpg)center; background-size: cover;}
#brand_2 .bg{background: rgba(255,255,255,0.97); padding: 200px 10px}
#brand_2 .bg .title{
    font-family: 'nanummyeongjo', sans-serif;
    color: #000;
    font-size: 3.5em;
    line-height: 1.5em;
    margin-bottom: 50px;
    font-weight:600;
}
#brand_2 .bg {
   text-align: center;
    font-family: 'nanummyeongjo', sans-serif;
    color: rgba(0,0,0,0.8);
    font-size: 0.9em;
    line-height: 1.5em;
    font-weight:400;
    letter-spacing: -1px
}

#brand_3{background: url(../images/brand/section_03_img.jpg)center fixed; background-size: cover; color: rgba(255,255,255,0.8); text-align: center; padding: 200px 10px; font-family: 'nanummyeongjo', sans-serif; font-size: 0.9em;
    line-height: 1.5em;
    font-weight:400;
    letter-spacing: -1px}
#brand_3 .title{
    font-family: 'nanummyeongjo', sans-serif;
    color: #fff;
    font-size: 3.5em;
    line-height: 1em;
    margin-bottom: 50px;
    font-weight:100;
}

#brand_4{padding: 50px 10px; text-align: center; font-family: 'nanummyeongjo', sans-serif; font-size: 1.7em; }

#brand_5{background: url(../images/brand/section_05_img.jpg)center fixed; background-size: cover; color: rgba(255,255,255,0.8); text-align: center; padding: 200px 10px; font-family: 'nanummyeongjo', sans-serif; font-size: 0.9em;
    line-height: 1.5em;
    font-weight:400;
    letter-spacing: -1px}
#brand_5 .title{
    font-family: 'nanummyeongjo', sans-serif;
    color: #fff;
    font-size: 3.5em;
    line-height: 1em;
    margin-bottom: 50px;
    font-weight:100;
}


#tour_3{font-family: 'nanummyeongjo', sans-serif; letter-spacing: -1px}
#tour_4{font-family: 'nanummyeongjo', sans-serif; letter-spacing: -1px; padding: 150px 10px; background: url(../images/tour/tour_4_img.jpg)left bottom no-repeat;}
#tour_6{font-family: 'nanummyeongjo', sans-serif; letter-spacing: -1px; padding: 150px 10px; background: url(../images/tour/tour_6_img.jpg)left bottom no-repeat;}
#tour_5{font-family: 'nanummyeongjo', sans-serif; letter-spacing: -1px; padding: 150px 10px; background: #e4dcda url(../images/tour/tour_5_img.jpg)right bottom no-repeat;}
#tour_7{font-family: 'nanummyeongjo', sans-serif; letter-spacing: -1px; padding: 150px 10px; background: #f3f3f3 url(../images/tour/tour_7_img.jpg)right bottom no-repeat;}
#full_2{font-family: 'nanummyeongjo', sans-serif; letter-spacing: -1px; padding: 150px 10px; background: #f4f4f4 url(../images/full/full_2_img.png)right bottom no-repeat;}
.title{font-size: 5em;}
.sub{width: 100%; max-width: 1000px; text-align: center; margin: 50px auto; line-height: 2em; font-size: 14px; font-weight: 600; color: #666}

    #instaShowGallery_1>a {
        display: none!important
    }

    .title {
        padding: 15px;
        border-bottom: 1px solid #111;
        display: table;
        margin: auto;
    }
    .skipMenu > a{
    display: block;
    list-style: none;
    text-decoration: none;
    color: #999;
    padding: 3px 10px;

    margin: 2px 0;

    /* background: rgba(255,255,255,0.7); */
}
.top_menu{position: fixed; top: 0; z-index:99; padding: 15px 0 ; text-align: right; width:100%; margin-top: -50px; background: rgba(255,255,255,0.5);}
.open_menu{margin-top: 0}
.top_menu a{display:inline-block; color: #333; font-size: 12px; font-weight: 900; padding: 0 10px}
  .skipMenu > a:hover{background: #111; color: #fc3;}
  .active{background: #111;color: #fce}
    .skipMenu{top: 45%; z-index: 99; position: fixed; right:0px; text-align: right; color: #666; font-size: 11px; font-weight: 600}