@charset "utf-8";

#header{z-index:999999; float:left; position: fixed; max-width: 720px; width:100%; background: rgba(255, 255, 255, 0.4);}
#header .bigmenu{float:left; padding: 5px 0 5px 0; width:100%; border-bottom: 1px solid #746d66;}
#header .bigmenu .navl{float: left; width:12.5%; cursor: pointer; }   /*width:90px;*/
#header .bigmenu .navc{padding-top: 15px; float: left; padding:0 16.25% 0 16.25%; width:42.5%; }  /* width:306px;  padding:0 117px 0 117px;*/
#header .bigmenu .navc a{display: block; width:100%; text-align: center;}
#header .bigmenu .navr{float: left; width:12.5%; cursor: pointer;}  /*width:90px;*/
#header .bigmenu .navr a{display:block; float:left; width:100%;}

#header .bigmenu img{width: 100%; text-align: center;}


.menu{position: absolute; top:100%; width:100%;}

.menu_dep2 {width:100%; overflow:hidden;}
.menu_dep2 li{width:50%; float:left;}


.menu_li{text-align:center; background-color:rgba(255, 255, 255, 0.9); font-size:18px; color:#746d66; border-bottom:1px solid #746d66; padding:10px 0;}
.menu_dep1 li {text-align:center; background-color:rgba(255, 255, 255, 0.9); font-size:16px; color:#746d66; border-bottom:1px solid #746d66; padding:5px 0;}
.menu_dep3 li {width:50%; float:left; text-align:center; background-color:rgba(255, 255, 255, 0.9); font-size:16px; color:#746d66; border-bottom:1px solid #746d66; padding:5px 0;}

.menu_li a{display: block; width: 100%; font-size:18px; color:#746d66; text-align: center;}


* subContainerInner */
.subContainerInner {
	width:100%;
}

.subcontents {
	max-width:720px;
	margin:0 auto;
	padding-top:25%;

  /*margin-top:150px;*/
	/*margin-top:25%;*/

	/*padding:0 5% 0 5%;*/
}

.subContent{position: relative; top:0px;}


.locationBox {
  max-width:720px;
	width:100%;
	position:relative;
}

.locationBox h2 {
	/*width:600px;*/
  width:100%;
	font-family: 'NanumSquare';
	font-size:28px;
	color:#403b3d;
	line-height:1.5;
  text-align: center;
  margin-bottom:30px;
}

.locationBox .location {
	position:relative;
  /*width:40%;*/
  float: right;
  padding-bottom: 15px;
	right:0;
	top:0;
}

.locationBox .location li {
	float:left;
	font-family: 'NanumSquare' !important;
	font-size:14px !important;
	color:#8e8e8e !important;
	line-height:1.5;
}

.locationBox .location li.loMain {
	font-family: 'NanumSquare' !important;
	font-size:14px !important;
	color:#4c4c4c !important;
}



#content{float:left; width:100%;}

section img {max-width:100%;}
section a{display: block; float left; }

#mainSlide{float:left; width:100%;}
#mainSlide .slide{float:left; width:100%;}

#special{float:left; width:100%;}
#natural{float:left; width:100%;}
#freckles{float:left; width:100%;}
#lifting{float:left; width:100%;}
#skin{float:left; width:100%;}
#intro{float:left; width:100%;}

#sns{float:left; width:100%; padding:50px 0 50px 0; background: #BCC1BA}
#sns .sns_in{margin: 0 auto; width:96%;}
#sns .sns_in .snsBox{float: left; max-width: 30%; width:100%; margin-right:5%}
#sns .sns_in .snsBox:last-child{margin-right: 0px;}

#sns .sns_in .snsBox a{float:left; display: block; width:100%;}

footer{float: left; width:100%; margin-bottom: 14.05%;}
footer img{width:100%;}


.bottom_underbar{float:left; max-width:720px; width:100%;}
.bottom_underbar .bottom_banner {z-index:99999; position:fixed; bottom:0px; width:100%; max-width:720px; overflow:hidden;}
.bottom_underbar .bottom_banner div{float:left; width:33.3%; max-width:360px;}
.bottom_underbar .bottom_banner img{width:100%;}


.subContent .conList{position: absolute; top:73.5%; width:100%;}
.subContent .conList2{position: absolute; top:53%; width:100%;}


/* interior */
.interiorBox {
	/*padding:657px 80px 0 81px;*/
	position: relative;
	top:0px;
}

.interiorBox .bx-wrapper {
	max-width:720px !important;
	width: 95%;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%;);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	/*
	margin:0;
	padding:0;
	*/
}

.interiorBox .bx-wrapper .bx-pager{
	position: absolute;
	z-index:99999;
	bottom: 77px;
	left: 190px;
}

.interiorBox .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager{
	position: relative;
	bottom:25px;
}

.interiorBox .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	position: absolute;
	/*width: 144px;*/
	height:13px;
	top:50%;
	left:50%;
  transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50, -50%);
}

.interiorBox .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	outline: 0;
	margin-bottom:4px;

	-moz-border-radius: 1px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.interiorBox .bx-wrapper .bx-pager .bx-pager-item{display: inline-block;}
.interiorBox .bx-wrapper .bx-controls-direction{display:none;}
.interiorBox .bx-wrapper .bx-controls-auto{display:none;}

.interiorBox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.interiorBox .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #352d5e;
}

.youtube{position: absolute; top: 73.9%; width: 100%}
.youtube .playbox{position:relative; padding-bottom:40%; padding-top:25px; height:0; overflow:hidden;}
.youtube iframe,
.youtube object,
.youtube embed {position:absolute; max-width: 720px; width:70%; height:100%;
	  top:50%; left:50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}
.youtube .playBox1{}
.youtube .playBox2{margin-top:2.4%;}


.subContent2{float:left; width:100%; margin-bottom: 6%;}

.load_mov{position:relative; float: left; width:100%;}
.load_mov .mov1, .load_mov .mov2, .load_mov .mov3{float: left; max-width:100%; width:100%; margin-bottom:5%;}
.load_mov div:last-child{margin-right: 0px;}