@charset "utf-8";
/* 서브페이지 공통 */
.contents h2,
.contents h3 { font-family: "NanumBarunGothic", Dotum; font-weight: 200;}
.contents .aside p { font-size: 14px; font-size: 0.875rem; color: #838383; line-height: 1.45; margin-top:-4px; }
.contents .title hr { margin: 0; border-top: 1px solid #999;}
.contents .title .deco { margin-top: -26px;}
.contents .aside .line { border-top: 0.5px solid #ddd; width: 26px; margin-top: 1rem;}
.sub-title h3 {
	font-family: "NanumBarunGothic", Dotum;
	font-weight: 400; /*line-height: 0.8em; line-height: 0.8rem;*/
	font-size: 1.250rem; letter-spacing: -0.05em;
	text-transform: uppercase;
	color: #a34b5a;
}
.sub-title p { }
.line { border-bottom: 1px solid #dad9d9;}
.sub-title-sales { display: inline-block; margin-left: 1em; }

/* 제품 */
#product h2 { background: #313131; padding: 16px 0; padding: 1.0rem 0; color: #fff; font-size: 26px; font-size: 1.625rem; font-weight: 700; text-transform: uppercase; text-align: center;}
#product h3 { font-size: 32px; font-size: 2.000rem;}
#product nav .col-sm-3 { padding: 0;}
.product-menu-wrap { font-size:0; text-align:center; }
.product-menu-2nd { margin: 46px auto; margin: 2.875rem auto; z-index: 100; display:inline-block; float:none; vertical-align:top; }
.product-menu-2nd > ul > li { /*height: 22rem;*/ height: 44px; height: 2.750rem; line-height: 40px; line-height: 2.55rem; background: #fff; border: 1px solid #b3b1b1; border-left: 0; text-align: center;}
.product-menu-2nd ul li.f { background: #f8f8f8; border-left: 1px solid #b3b1b1; color: #8f8f8f; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; font-weight: 700;}
.product-menu-2nd ul li.f br { display: none;}
.product-menu-2nd > ul > li a { display: block; color:#525252;}
.product-menu-2nd > ul > li a:hover { color:#000000; }
.product-menu-2nd > ul > li a.opened span { background-position: 0 0;}
.product-menu-2nd a { position: relative; font-size: 14px; font-size: 0.875rem;}
.product-menu-2nd span {
	position: absolute; right: 10%; top: 43%; display: inline-block; width: 12px; height: 6px;
	background: url(../../img/customer/btn_acco.png) no-repeat; background-position: 0 -6px;
}
.product-menu-2nd > ul > li .line { width: 80%; margin: 0 auto; display:none; }
.product-menu-3rd { overflow: hidden; background: #fff; padding: 5% 10%; display:none; }
.product-menu-3rd ul { float: left; overflow: hidden; width: 50%; background: #fff;}
.product-menu-3rd ul li { text-align: left; padding: 0 8px; padding: 0 0.5rem;}
.product-menu-3rd ul li a { color: #525252; border-bottom: 1px solid #fff; letter-spacing: -0.05rem; line-height: 32px; line-height: 2rem; }
.product-menu-3rd ul li a:hover { border-bottom: 1px solid #525252;}
.opened ul li.f { text-align: left; font-size: 24px; font-size: 1.500rem; padding: 10%; line-height: 1.0;}
.opened ul li.f br { display: block;}

.product-desc p { width: 90%; font-size: 18px; font-size: 1.125rem; line-height: 1.3;}
.product-desc dl { overflow: hidden; color: #525252; margin-top: 8px; margin-top: 0.5rem; font-size: 14px; font-size: 0.875rem; clear:both;}
.product-desc dl dt { float: left; padding: 0 11px 0 0; padding: 0 0.7rem 0 0; line-height: 1.0; border-right: 1px solid #dadada;}
.product-desc dl dd { overflow: hidden; padding: 0 0 0 11px; padding: 0 0 0 0.7rem; line-height: 1.2;}
.product-desc .color-area { clear:both; margin:15px 0 15px 45px;}
.product-desc .color-area .tooltip-color { width:60px; height:60px; display:inline-block; margin-right:10px; background-position:0 -60px;}
.product-desc .color-area .tooltip-color:hover { background-position:0 0;}
.tooltip-color + .tooltip > .tooltip-inner { background:#dadada; color:#313131;}
.tooltip-color + .tooltip > .tooltip-arrow { border-top-color:#dadada;}
.tooltip-color + .tooltip.in { opacity:1;}
.product-desc .btn { margin-top: 32px; margin-top: 2.0rem;}
.others .headline { overflow: hidden; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 12px 0; padding: 0.8rem 0;}
.others .headline img { display: block;}
.others .headline .control { float: right; line-height: 1.0;}
.others .headline .control li { float: left; padding: 0 8px; padding: 0 0.5rem;}
.others .slide { margin-top: 1em; font-size: 13px; font-size: 0.813rem;}
.others .slide .name { text-align: center;}
.channel-slide{ width:100%;}
.product-list .list-carousel ul { overflow: hidden; margin: 0 auto;}

/***** 0314 : 양명이벤트페이지 추가 *****/
.contents.ym-event { background:#e9dec5; font-family:"NanumBarunGothic", "Dotum", Arial;}
.contents.ym-event .article1 .visual, .contents.ym-event .cont, .contents.ym-event .img,
.contents.ym-event .article2,
.contents.ym-event .article3,
.contents.ym-event .article3 .row{ padding-right:0; padding-left:0; margin-left:0; margin-right:0;}
.contents.ym-event .article1 .visual { position:relative;}
.contents.ym-event .article1 .visual p { position:absolute; bottom:16%; right:10%; width:30.625%;}
/*.contents.ym-event .article1 .btn-go { margin-top:-16%; margin-left:-8.5%;}*/
.contents.ym-event .article1 .cont { position:relative; height:581px; background:#fff;}
.contents.ym-event .article1 .cont .con-top { position:absolute; padding:13% 26% 0; top:0; left:0;}
.contents.ym-event .article1 .cont2 .con-top {padding:13% 21% 0;}
.contents.ym-event .article1 .cont3 .con-top {padding:13% 13% 0;}
.contents.ym-event .article1 .cont4 .con-top {padding:13% 21% 0;}
.contents.ym-event .article1 .cont .con-bottom { position:absolute; padding:0 80px; font-size:18px; color:#434343; bottom:21%; left:0;}
.contents.ym-event .article1 .cont .con-bottom {}
.contents.ym-event .article1 .cont .tit { font-size:39px; color:#b2813b; line-height:1.25; font-weight:bold; font-family:"NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial;}
.contents.ym-event .article1 .cont .decoline { display:inline-block; width:115px; height:1px; background:#b2813b;}
/*.contents.ym-event .visual { position:relative; height:699px; background:url('../../img/brand/ym_event_visual.jpg') no-repeat;}
.contents.ym-event .visual > p { position:absolute; top:150px;; right:200px;font-size:26px; color:#000; line-height:1.230; font-family:"NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial; text-align: center;}*/
.contents.ym-event .article2 .container { background:#fff;}
.contents.ym-event .article2 .tit { font-size:32px; color:#353535; font-weight:bold; line-height:1.25; font-family:"NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial; margin-top:-15px;}
.contents.ym-event .article2 .item { overflow:hidden; padding:0 60px;}
.contents.ym-event .article2 .item li { float:left; /*margin-left:54px;*/}
/*.contents.ym-event .article2 .item li:first-child { margin-left:0;}*/
.contents.ym-event .article2 .item li.item2 { margin-left:3.5%;}
.contents.ym-event .article2 .item li.item3 { margin-left:6%;}
.contents.ym-event .article2 .item li.item4 { margin-left:6.5%;}
.contents.ym-event .article2 .item li.item5 { margin-left:4.3%;}
/*.contents.ym-event .article2 .item .item4 .alone { margin-left:31px;}*/
/*.contents.ym-event .article2 .item .item5 .alone { margin-left:40px;}*/
.contents.ym-event .article3 .container { overflow:hidden; background:url('../../img/brand/bg01.gif') ; background-size:cover;}
/*.contents.ym-event .article3 .container .area1 { width:48%; float:left;}*/
/*.contents.ym-event .article3 .container .area2 { width:48%; float:right;}*/
/*.contents.ym-event .article3 .panel { background:url('../../img/brand/bg01.gif') no-repeat; background-size:contain; min-height:697px; padding:110px 110px 0;}*/
.contents.ym-event .article3 .pan { margin:70px 30px 60px; /*padding:50px;*/ border-left:3px solid #bf7e19; border-right:3px solid #bf7e19; border-bottom:3px solid #bf7e19; }
.contents.ym-event .article3 .pan .deco-line { height:3px; background:#bf7e19;}
.contents.ym-event .article3 .pan .tit { margin-top:-1.5%; color:#fda51d; font-size:32px; font-family:"NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial; font-weight:bold; border-left:2px solid #bf7e19; border-right:2px solid #bf7e19; }
.contents.ym-event .article3 .pan ul li { font-size:20px; line-height:1.4; color:#fff; /*font-weight:bold;*/}
.contents.ym-event .article3 .pan .area2 { margin-top:25px; color:#fff; font-size:18px; padding-left:50px;}
.contents.ym-event .article3 .pan .area2 table th,
.contents.ym-event .article3 .pan .area2 table td { padding-top:35px;}
.contents.ym-event .article3 .pan .area2 table td label span { font-weight:400; margin-left:3%;}
.contents.ym-event .article3 .pan .area2 table .mid { margin:0 4%;}
.contents.ym-event .article3 .pan .area2 table input[type="text"],
.contents.ym-event .article3 .pan .area2 table input[type="tel"],
.contents.ym-event .article3 .pan .area2 table select { border:none; background:none; border-bottom:1px solid #fff;}
.contents.ym-event .article3 .pan .area2 table select { width:30%; -webkit-appearance: none; background: url('../../img/brand/arrow_down.png') no-repeat right;}
.contents.ym-event .article3 .pan .area2 table input[type="tel"] { width:30%; }
/*.contents.ym-event .article3 .panel .area2 table input[type="tel"]:first-child { margin:0 5%;}*/
.contents.ym-event .article3 .pan .area2 .privacy-box { height:135px; padding:25px; border:1px solid #fff; font-size:14px; overflow-y: scroll;}
/*.contents.ym-event .article3 .btn-event { margin-top:-146px;}*/
.contents.ym-event .article3 .pan .area2 .agree-check > label{ display:inline;}
.contents.ym-event .article3 .pan .area2 .agree-check input[type="checkbox"] { margin-top:5px;}

.inquiry_banner_wrap { margin-bottom: 2rem; }
.inquiry_banner_wrap img { width: 100%; display: block; }

/* --양명이벤트추가 미디어-- */
@media (max-width: 1280px) {
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 50px;}
	.contents.ym-event .article1 .cont { height:auto; /*padding-bottom:10%;*/}
	/*.contents.ym-event .article1 .cont .con-top { padding:8% 75px 0;}*/
	.contents.ym-event .article1 .cont .tit { font-size:28px;}
	.contents.ym-event .article1 .cont .con-bottom { bottom:15%;}
	.contents.ym-event .article1 .cont1 .con-top {padding:13% 30% 0;}
	.contents.ym-event .article1 .cont2 .con-top {padding:13% 26% 0;}
	.contents.ym-event .article1 .cont3 .con-top {padding:13% 19% 0;}
	.contents.ym-event .article1 .cont4 .con-top {padding:13% 26% 0;}
	.contents.ym-event .article3 .pan .area2 table .mid { margin:0 3%;}
}
@media (max-width: 1235px) {
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 26%;}
	/*.contents.ym-event .article2 .item li.item2 { margin-left:10.5%;}
	.contents.ym-event .article2 .item li.item3 { margin-left:16%;}*/
	.contents.ym-event .article2 .item li.item2 { margin-left:8.5%;}
	.contents.ym-event .article2 .item li.item3 { margin-left:13%;}
	.contents.ym-event .article2 .item li.item5 { margin-left:9.3%;}
}
@media (max-width: 1178px) {
	.contents.ym-event .article1 .cont .tit { font-size:26px;}
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 24%;}
	.contents.ym-event .article2 .tit { font-size:27px;}

}
@media (max-width: 1090px) {
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 21%;}
	/*.contents.ym-event .article1 .cont .tit { font-size:26px;}*/
	.contents.ym-event .article1 .cont .tit {font-size: 24px;}
	.contents.ym-event .article1 .cont .con-bottom { bottom:12%;}

	.contents.ym-event .article1 .cont1 .con-top {padding: 7% 30% 0;}
	.contents.ym-event .article1 .cont2 .con-top {padding: 7% 26% 0;}
	.contents.ym-event .article1 .cont3 .con-top {padding: 7% 19% 0;}
	.contents.ym-event .article1 .cont4 .con-top {padding: 7% 26% 0;}
	.contents.ym-event .article1 .cont .con-bottom {bottom: 16%;}
	.contents.ym-event .article1 .cont3 .con-bottom {bottom: 9%;}
	.contents.ym-event .article2 .tit {font-size: 26px;}
}
@media (max-width: 1024px) {
	/*.contents.ym-event .article1 .cont { padding-bottom:5.2%;}*/


	.contents.ym-event .article2 .item { overflow:hidden; padding:0 18%;}


}
@media (max-width: 991px) {
	.contents.ym-event .article1 .cont .con-top,
	.contents.ym-event .article1 .cont .con-bottom { position:relative;}
	/*.contents.ym-event .article1 .cont.fl-r { float:none;}
	.contents.ym-event .article1 .cont1 .con-top {padding:13% 33% 0;}
	.contents.ym-event .article1 .cont2 .con-top {padding:13% 31% 0;}
	.contents.ym-event .article1 .cont3 .con-top {padding:13% 26% 0;}
	.contents.ym-event .article1 .cont4 .con-top {padding:13% 31% 0;}
	.contents.ym-event .article1 .cont .con-bottom { position:absolute; padding:0 25%; font-size:18px; color:#434343; bottom:19%; left:0;}*/
	.contents.ym-event .article1 .cont { padding-bottom:6%;}
	.contents.ym-event .article1 .cont .con-top { padding:4% 75px 0;}

	/*.contents.ym-event .article3 .pan { background:url('../../img/brand/bg01_mo.jpg') no-repeat; background-size:contain; min-height:1500px; padding:110px 110px 0;}*/
	.contents.ym-event .article3 .pan .area1 { margin-top:13%; float:none; text-align: center;}
	.contents.ym-event .article3 .pan .area2 { margin-top:5%; padding:0 5%;}
	.contents.ym-event .article3 .pan .tit { margin-top:-2.5%;}
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 15%;}
	.contents.ym-event .article3 .pan .area2 .agree-check input[type="checkbox"] { vertical-align:top; margin-top:4px;}

}
@media (max-width: 824px) {
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 13%;}


}
@media (max-width: 768px) {
	/*.contents.ym-event .article1 .cont { width:640px; margin:auto 0;}*/

	.contents.ym-event .article1 .cont .tit { font-size:27px;}
	/*.contents.ym-event .article1 .cont1 .con-top {padding:13% 35% 0;}
	.contents.ym-event .article1 .cont2 .con-top {padding:13% 32% 0;}
	.contents.ym-event .article1 .cont3 .con-top {padding:13% 26% 0;}
	.contents.ym-event .article1 .cont4 .con-top {padding:13% 32% 0;}*/
	.contents.ym-event .article2 .tit { font-size:24px; margin-top:-9px;}
	.contents.ym-event .article1 .visual p { position:absolute; width:58.85%; bottom:8%; right:20%;}
	.contents.ym-event .article2 .item { overflow:hidden; padding:0 12%;}
	.contents.ym-event .article2 .item li { float:none; width:auto; text-align: center; margin-top:12%;}
	.contents.ym-event .article2 .item li.item2,
	.contents.ym-event .article2 .item li.item3,
	.contents.ym-event .article2 .item li.item4,
	.contents.ym-event .article2 .item li.item5 { margin-left:0;}
	.contents.ym-event .article2.pb30 { padding-bottom:0 !important;}
	.contents.ym-event .article3 .panel { padding: 5% 10% 0;}
	/*.contents.ym-event .article3 .panel { background:url('../../img/brand/bg01_mo.jpg') no-repeat; background-size:contain; min-height:1500px; padding:110px 110px 0;}*/
	.contents.ym-event .article3 .pan .tit { font-size:24px;}

}
@media (max-width: 590px) {
	.contents.ym-event .article3 .pan .tit { margin-top:-7.5%;}
	.contents.ym-event .article3 .pan .area2 { font-size:14px; }
	.contents.ym-event .article3 .pan .area2 .agree-check input[type="checkbox"] { margin-top:2px;}
	/*.contents.ym-event .article1 .cont1 .con-top {padding:13% 28% 0;}
	.contents.ym-event .article1 .cont2 .con-top {padding:13% 25% 0;}
	.contents.ym-event .article1 .cont3 .con-top {padding:13% 19% 0;}
	.contents.ym-event .article1 .cont4 .con-top {padding:13% 25% 0;}*/
	.contents.ym-event .article3 .pan .tit { font-size:25px;}
}
@media (max-width: 590px) {
	.contents.ym-event .article3 .pan .tit { font-size:22px;}
}
@media (max-width: 490px) {
	.contents.ym-event .article1 .cont { height:auto; padding-bottom:9%;}
	.contents.ym-event .article1 .cont .tit { font-size:25px;}
	.contents.ym-event .article1 .cont1 .con-top {padding:6% 23% 0;}
	/*.contents.ym-event .article1 .cont2 .con-top {padding:6% 20% 0;}
	.contents.ym-event .article1 .cont3 .con-top {padding:6% 23% 0;}
	.contents.ym-event .article1 .cont4 .con-top {padding:6% 20% 0;}*/
	/*.contents.ym-event .article1 .cont .con-bottom { position:absolute; padding:0 18%; font-size:16px; color:#434343; bottom:10%; left:0;}*/
	.contents.ym-event .article1 .cont .con-bottom { padding:0 40px;}
	.contents.ym-event .article2 .tit { margin-top:-15px; font-size:22px;}
	.contents.ym-event .article2 .item li { float:none; width:100%; text-align: center;}
	.contents.ym-event .article3 .panel ul li { font-size:15px;}
	.contents.ym-event .article3 .pan .area2 { font-size:12px; }
	.contents.ym-event .article3 .pan .area2 .agree-check input[type="checkbox"] { margin-top:1px;}
	.contents.ym-event .article3 .pan .area2 .privacy-box { font-size:12px;}
	/*.contents.ym-event .article3 .pan .tit {font-size: 21px;}*/
}

@media (max-width: 470px) {
	.contents.ym-event .article3 .pan .tit {font-size: 19px;}
}

@media (max-width: 440px) {
	.contents.ym-event .article1 .cont .tit { font-size:18px;}
	.contents.ym-event .article1 .cont .con-top {padding: 4% 66px 0;}
	.contents.ym-event .article2 .tit { font-size:17px;}
	.contents.ym-event .article3 .pan .tit {font-size: 18px;}
}

@media (max-width: 360px) {
	.contents.ym-event .article1 .cont .tit { font-size:21px;}
	/*.contents.ym-event .article2 .tit { font-size:18px;}*/
	.contents.ym-event .article1 .cont .con-top {padding: 4% 3% 0;}
	.contents.ym-event .article3 .pan .tit {font-size: 18px;}
}
@media (max-width: 350px) {
	.contents.ym-event .article3 .pan .tit {font-size: 14px;}
}


/* 20161128 추가 */
.product-desc .btn-black:focus { color:#fff;}
.product-desc .btn-black:hover { color:#313131;}
.store-link { overflow:hidden; width:50%; border:1px solid #313131; border-top:none; display:none;}
.store-link li { float:left; width:50%; text-align:center; background:#313131; }
.store-link li:first-child { border-right:1px solid #fff;}
.store-link li a { color:#fff; font-size:13px; padding:16px; display:inline-block; width:100%;}
.btn-black.active { background:#fff; color:#313131; border-bottom:none;}
.btn-black.active:focus { color:#313131;}

@media (max-width: 991px) {
	.store-link { width:100%; }
	.none991 { display: none;}
}
@media (max-width: 768px) {
	.product-desc .btn-black:hover { color:#fff;}
	.product-desc .btn-black.active:hover { color:#313131;}
	/* 양명이벤트페이지 */
	/*.contents.ym-event .article1 .cont { width:640px; margin:auto 0;}*/
}

/*.element-pict {
	border:0; padding: 0; width: 50%; height: 430px; height:26.875rem; display: inline-block; float: left;
	background: #b3a58e url(../../img/product/element_pict.jpg) no-repeat; background-size: contain;
}*/
.element-txt { /*width: 50%;*/ display: inline-block; height: 430px; height:26.875rem; padding: 0; /*float: left; background: #524342;*/}
.element-txt p{ /*color:#e8ddcc;*/ padding:32px; padding: 2rem; }

.nav-tabs { background: #f8f8f8 url(../../img/common/tab_line.gif) repeat-x; border-right: 1px solid #dadada; max-width: 1076px; }
.nav-tabs>li>a { margin-right: -1px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; z-index: 2; }
.nav>li>a { padding: 10px 58px; padding: 0.625rem 3.625rem; background: #fff; color: #828282; font-size: 14px; font-size: 0.875rem;}
.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover { background: #fff; color: #525252; border: 1px solid #dadada;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	z-index: 9; background: #fff url(../../img/common/arrow_b.png) no-repeat right 10% center; color: #000; border: 1px solid #525252; border-bottom: 1px solid #fff;}

.tab-con { padding: 48px 0; padding: 3rem 0;}
.tab-con h4 { color: #525252; margin-bottom: 13px; margin-bottom: 0.813rem; font-size: 20px; font-size: 1.250rem; letter-spacing: -0.07rem;}
#tab_con2 .graphic { padding: 0 1px;}
#tab_con2 .graphic img { border: 1px solid #dadada;}
.usage-txt p{ line-height: 20px; line-height: 1.3rem; padding: 16px; padding: 1rem;}
.bul-p { border-bottom: 1px solid #525252; width: 26px; width: 1.625rem; }

.acco dl,.acco ul { width: 100%; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; /*margin-top: 24px; margin-top: 1.5rem;*/}
.acco dl dt,.acco ul li { overflow: hidden; width: 100%; border-top: 1px solid #ececec; cursor: pointer; font-size: 14px; font-size: 0.875rem; color: #777;}
.acco dl dt.first { border-top: 0;}
.acco dl dt.selected { color: #000;}
.acco dl dt:hover,.acco dl dt:focus { background: #f7f7f7;}
.acco dl dt div,
.acco ul li div { float: left; padding: 16px; padding: 1rem;}
.acco .con3 span {
	display: block; width: 12px; height: 6px; margin-top: 5px;
	background: url(../../img/customer/btn_acco.png) no-repeat;
	background-position: 0 -6px;
}
.acco dl dt.first .con3 span { background-position: 0 0px;}
.acco dl dt.selected .con3 span { background-position: 0 0px;}
.acco dl dd { position: relative; margin-bottom: 24px; margin-bottom: 1.5rem; display:none;}
.acco dl dd.first{ display: block;}
.acco dl dd.selected{ display: block;}
.product-grid { padding-left:0px; padding-right:0px;  }
.best-icon, .new-icon { position:absolute; left:4.4%;; top:4.4%; width:17.91%; }

.product-ingredient {height:300px; overflow-y:auto;}

/*제품 - 라인별*/
ul.list01-menu { display:inline-block; font-size:14px; font-size:0.875rem; }
ul.list01-menu li{ float:left; margin-right:30px; margin-bottom:10px;}
ul.list01-menu li a { color: #525252; border-bottom: 2px solid #fff; padding-bottom:5px;}
ul.list01-menu li.l-active a { border-bottom: 2px solid #000;}
ul.list01-menu li a:hover {  border-bottom: 2px solid #000;}

.pd-0 { padding:0; }
.pd-0 .cheon-img img { width:100%; height:100%;}

.cheon-list dl { border-top: 1px solid #dadada; font-size:12px; font-size:0.750rem; width: 82%; margin: 0px auto;}
.cheon-list dl dt span { text-transform: uppercase; background: #fff; padding: 0 9px; color:#828282; position:relative; top:-9px; top:-0.6rem;}
.cheon-list dl dd { position:relative; top:-8px; top:-0.55rem; }

.product-visual.permentation { background:url(../../img/product/permentation_bg.jpg) no-repeat; }
.product-visual.glow { background:url(../../img/product/glow_bg.jpg) no-repeat; }
.product-visual.clear { background:url(../../img/product/clear_bg.jpg) no-repeat; }

.product-visual { min-height:600px; }
.product-visual.yangmyeong { background:url(../../img/product/product_line1_bg.jpg) no-repeat; }
.product-visual.hyoum { background:url(../../img/product/product_line2_bg.jpg) no-repeat; }
.product-visual.cheongaseon { background:url(../../img/product/product_line3_bg.jpg) no-repeat; }
.product-visual.special { background:url(../../img/product/product_line4_bg.jpg) no-repeat; }
.product-visual.cheongmyeong { background:url(../../img/product/product_line5_bg.jpg) no-repeat; }
.product-visual.yonghyeon { background:url(../../img/product/product_line6_bg.jpg) no-repeat; }
.product-visual.myeonghui { background:url(../../img/product/product_line7_bg.jpg) no-repeat; }
.product-visual.suncare { background:url(../../img/product/product_line8_bg.jpg) no-repeat; }
.product-visual.cleansing { background:url(../../img/product/product_line9_bg.jpg) no-repeat; }
.product-visual.daol { background:url(../../img/product/product_line10_bg.jpg) no-repeat; }
.product-visual.miche { background:url(../../img/product/product_line11_bg.jpg) no-repeat; }
.product-visual.saenggi { background:url(../../img/product/product_line12_bg.jpg) no-repeat; }
.product-txt-wrap { padding-left:55px; padding-left:3.438rem; padding-top:65px; padding-top:4.063rem; }
.product-txt-wrap p { color:#000; }
.product-txt-wrap.white p { color:#fff; }
.product-txt-wrap .title-eng { font-size:42px; font-size:2.625rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem;  line-height:1.09; }
.product-txt-wrap.white .title-eng { font-size:42px; font-size:2.625rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
.product-txt-wrap .title-kor { color:#414042; font-size:32px; font-size:2.000rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
.product-txt-wrap.white .title-kor { color:#fefefe; font-size:32px; font-size:2.000rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
.product-txt-wrap .title-line { width:35px; height:1px; background:#525252; margin-bottom:16px; margin-bottom:1rem; }
.product-txt-wrap.white .title-line { width:35px; height:1px; background:#d8d8d8; margin-bottom:16px; margin-bottom:1rem; }
.product-txt-wrap .title-desc { color:#323232; font-size:16px; font-size:1.000rem;  margin-bottom:16px; margin-bottom:1rem; line-height:20px; line-height:1.250rem; padding-right:40%; }
.product-txt-wrap.white .title-desc { font-size:16px; font-size:1.000rem; color:#fff; margin-bottom:16px; margin-bottom:1rem; line-height:20px; line-height:1.250rem; padding-right:40%; }

@media (max-width: 480px) {
	.product-txt-wrap .title-eng { font-size:35px; font-size:2.188rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
	.product-txt-wrap.white .title-eng { font-size:35px; font-size:2.188rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
	.product-txt-wrap .title-kor { color:#414042; font-size:27px; font-size:1.688rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
	.product-txt-wrap.white .title-kor { color:#fefefe; font-size:27px; font-size:1.688rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
	.product-visual .product-img { width:70%; }
}
.product-visual .product-img { position:absolute; bottom:0px; }

/*제품 - 유형별*/
ul.list02-menu { display:inline-block; font-size:14px; }
ul.list02-menu li{ float:left; margin-right:30px; margin-bottom:10px;}
ul.list02-menu li a { color: #666; border-bottom: 2px solid #fff; padding-bottom:5px;}
ul.list02-menu li.l2-active a { border-bottom: 2px solid #ddd;}
ul.list02-menu li a:hover {  border-bottom: 2px solid #ddd;}
.product-type-list .cleansing { background:url(../../img/product/product_type1_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .toner { background:url(../../img/product/product_type2_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .emulsion { background:url(../../img/product/product_type3_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .essence { background:url(../../img/product/product_type4_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .cream { background:url(../../img/product/product_type5_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .ampoule { background:url(../../img/product/product_type6_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .suncare { background:url(../../img/product/product_type7_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .bodyhair { background:url(../../img/product/product_type8_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .homme { background:url(../../img/product/product_type9_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }
.product-type-list .makeup { background:url(../../img/product/product_type10_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; background-size:cover; }

.product-type-list dl { border-top: 1px solid #dadada; font-size:12px;}
.product-type-list dl dt span { text-transform: uppercase; background: #fff; padding: 0 9px; color:#828282; position:relative; top:-0.6rem;}
.product-type-list dl dd { position:relative; top:-8px; top:-0.55rem; }
.product-type-txt-wrap { padding-left:25px; padding-left:1.563rem; padding-top:60px; padding-top:3.750rem; }
.product-type-txt-wrap p { color:#000; }
.product-type-txt-wrap.white p { color:#fff; }
.product-type-txt-wrap .title-eng { font-size:42px; font-size:2.625rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
.product-type-txt-wrap.white .title-eng { font-size:42px; font-size:2.625rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
.product-type-txt-wrap .title-kor { color:#414042; font-size:32px; font-size:2.000rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
.product-type-txt-wrap.white .title-kor { color:#fefefe; font-size:32px; font-size:2.000rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
.product-type-txt-wrap .title-line { width:35px; height:1px; background:#525252; margin-bottom:16px; margin-bottom:1rem; }
.product-type-txt-wrap.white .title-line { width:35px; height:1px; background:#d8d8d8; margin-bottom:16px; margin-bottom:1rem; }
.product-type-txt-wrap .title-desc { color:#323232; font-size:16px; font-size:1.000rem;  margin-bottom:16px; margin-bottom:1rem; line-height:20px; line-height:1.250rem; padding-right:50%; }
.product-type-txt-wrap.white .title-desc { font-size:16px; font-size:1.000rem; color:#d8d8d8; margin-bottom:16px; margin-bottom:1rem; line-height:20px; line-height:1.250rem; padding-right:50%; }
hr.product-line { display:none; margin: 0px 5%; border-top:1px solid #d4d0ca; }
@media (max-width: 480px) {
	.product-type-txt-wrap .title-eng { font-size:35px; font-size:2.188rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
	.product-type-txt-wrap.white .title-eng { font-size:35px; font-size:2.188rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
	.product-type-txt-wrap .title-kor { color:#414042; font-size:27px; font-size:1.688rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
	.product-type-txt-wrap.white .title-kor { color:#fefefe; font-size:27px; font-size:1.688rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
}

/*제품 - 기능별*/
.product-function-list .shining { background:url(../../img/product/product_function1_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .elasticity { background:url(../../img/product/product_function2_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .wrinklecare { background:url(../../img/product/product_function3_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .whitening { background:url(../../img/product/product_function4_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .nourishing { background:url(../../img/product/product_function5_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .moisture { background:url(../../img/product/product_function6_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .suncare { background:url(../../img/product/product_function7_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .cleansing { background:url(../../img/product/product_function8_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .bodyhair { background:url(../../img/product/product_function9_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }
.product-function-list .makeup { background:url(../../img/product/product_function10_bg.jpg) no-repeat; border-top:1px solid #000; overflow:hidden; }

.product-function-list dl { border-top: 1px solid #dadada; font-size:12px; font-size:0.750rem; }
.product-function-list dl dt span { text-transform: uppercase; background: #fff; padding: 0 9px; color:#828282; position:relative; top:-9px; top:-0.6rem;}
.product-function-list dl dd { position:relative; top:-8px; top:-0.55rem; }
.product-function-txt-wrap { padding-left:25px; padding-left:1.563rem; padding-top:60px; padding-top:3.750rem; }
.product-function-txt-wrap p { color:#000; }
.product-function-txt-wrap.white p { color:#fff; }
.product-function-txt-wrap .title-eng { font-size:42px; font-size:2.625rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
.product-function-txt-wrap.white .title-eng { font-size:42px; font-size:2.625rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
.product-function-txt-wrap .title-kor { color:#414042; font-size:32px; font-size:2.000rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
.product-function-txt-wrap.white .title-kor { color:#fefefe; font-size:32px; font-size:2.000rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
.product-function-txt-wrap .title-line { width:35px; height:1px; background:#525252; margin-bottom:16px; margin-bottom:1rem; }
.product-function-txt-wrap.white .title-line { width:35px; height:1px; background:#d8d8d8; margin-bottom:16px; margin-bottom:1rem; }
.product-function-txt-wrap .title-desc {
	color:#323232; font-size:16px; font-size:1.000rem;  margin-bottom:16px; margin-bottom:1rem;
	line-height:20px; line-height:1.250rem; padding-right:15%; letter-spacing: -0.05rem; padding-bottom: 1rem;
}
.product-function-txt-wrap.white .title-desc { font-size:16px; font-size:1.000rem; color:#d8d8d8; margin-bottom:16px; margin-bottom:1rem; line-height:20px; line-height:1.250rem; padding-right:50%; }
hr.product-line { display:none; margin: 0px 5%; border-top:1px solid #d4d0ca; }
@media (max-width: 480px) {
	.product-function-txt-wrap .title-eng { font-size:35px; font-size:2.188rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
	.product-function-txt-wrap.white .title-eng { font-size:35px; font-size:2.188rem; font-weight:100; margin-bottom:16px; margin-bottom:1rem; }
	.product-function-txt-wrap .title-kor { color:#414042; font-size:27px; font-size:1.688rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
	.product-function-txt-wrap.white .title-kor { color:#fefefe; font-size:27px; font-size:1.688rem; font-weight:300; margin-bottom:20px;  margin-bottom:1.250rem; }
}

/*제품 - 비주력 상세*/
#product .contents .p-detail { margin-bottom:77px; margin-bottom:4.813rem;}
#product .contents .p-detail .icon dt { text-align:center;}
#product .contents .p-detail .icon dd { text-align:center;}
#product .contents .p-detail-txt { border-left:1px solid #dadada; padding-left:60px; padding-left:3.750rem; float:right;}
#product .contents .p-detail-txt h5 { font-family:"Open Sans", Semibold; font-size:18px; font-size:1.125rem; color:#999999; text-transform: uppercase; font-weight:bold;}
#product .contents .p-detail-txt h3 { font-size:48px; font-size:3.000rem; color:#ab967f; margin-bottom:30px; margin-bottom:1.875rem; position:relative; left:-2px;}
#product .contents .p-detail-txt dl { margin-top:34px; margin-top:2.125rem;}
#product .contents .p-detail-txt dt { font-size:20px; font-size:1.250rem; color:#494949;}
#product .contents .p-detail-txt dd { color:#6c6c6c;}

/* 160711 제품 뷰 sns 추가 */
.sns-contents { margin-top:30px;}
.sns-contents a { margin-left:36px;}
.sns-contents a:first-child { margin-left:0;}

/*커뮤니티 - beauty talk*/
.b-list { display:none; }
.b-list dt { font-size:14px; font-size:0.875rem; padding:20px; padding:1.250rem; }
.b-list dd { font-size:12px; font-size:0.750rem; color:#9e9e9e; font-family:"Open Sans", Semibold; }
.b-list dd span { float:right; padding-right:30px; padding-right:1.875rem; padding-bottom:20px; padding-bottom:1.250rem;}
#b-col-gallery .item .img-wrap { position:relative; }
#b-col-gallery .item .over{ position:absolute;
							left:0px;
							top:0px;
							width:100%;
							height:100%;
							background:#fff;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
							opacity: .0;
}
#b-col-gallery .item .over .over-img { position:absolute; left:50%; top:50%; margin:-44px 0px 0px -44px; margin:-2.750rem 0px 0px -2.750rem; }
.tb { height:1px; width:100%; position:absolute; top:0px; left:0px; background:#dadada; z-index:10; }
.bb { height:1px; width:100%; position:absolute; bottom:-1px; left:0px; background:#dadada; z-index:10;}
.lb { height:100%; width:1px; position:absolute; top:0px; left:-1px; background:#dadada; z-index:10; }
.rb { height:100%; width:1px; position:absolute; top:0px; right:0px; background:#dadada; z-index:10; }
/*커뮤니티 - beauty talk view*/
.bt-view { /*border:1px solid #dadada;*/ margin-top:72px; margin-top:4.500rem; padding:0;}
.bt-view .bt-vt {  position:relative; }

.bt-view .bt-vt .coltrol-wrap { width:180px; width:11.250rem; float:right; margin-top: -57px; margin-top: -3.563rem; }
.bt-view .bt-vt .coltrol-wrap .coltrol-btn { float:left; }
.bt-view .bt-vt .vt01 { width:100%; font-size:18px; font-size:1.125rem; padding: 16px 196px 16px 16px; padding: 1rem 12.250rem 1rem 1rem; }
.bt-view .bt-vt .vt01 a { margin-right:38px; margin-right:2.375rem; }
.bt-view .bt-vt .vt01 span {color:#9e9e9e; font-size:14px; font-size:0.875rem; float:right;}
.bt-view .bt-vt .vt02, .vt03, .vt04 { position:relative; width:60px; width:3.750rem; /*border-left:1px solid #dadada;*/ text-align:center; height:57px; height:3.563rem;
line-height:57px; line-height:3.563rem;}
@media (max-width: 640px) {
	.bt-view .bt-vt .vt01 span {color:#9e9e9e; font-size:14px; font-size:0.875rem; float:none; padding-left:15px;}
	.bt-view .bt-vt .vt01 { width:100%; font-size:18px; font-size:1.125rem; padding: 16px 16px 16px 16px; }
}
.bt-view .bt-vcont h5{font-size:32px; font-size:2.000rem; color:#a34b5a; padding-top:72px; padding-top:4.500rem;}
.bt-view .bt-vcont h6{font-size:24px; font-size:1.500rem; color:#525252; padding-top:15px; padding-top:0.938rem;}
.bt-view .bt-vcont hr {width:5%; border-top:1px solid #000; display: inline-block;}
.bt-view .bt-vcont img {margin-top:21px; margin-top:1.313rem; padding:0 95px; padding:0 5.938rem;}
.bt-view .bt-vcont p {margin-top:35px; margin-top:2.5rem; padding:0 48px; padding:0 3.000rem; margin-bottom:35px; margin-bottom:2.5rem;}

.bt-view .bt-vt2 {/*border-top:1px solid #dadada;*/ overflow:hidden;}
.bt-view .bt-vt2 .coltrol-wrap { width:180px; width:11.250rem; float:right; margin-top: -57px; margin-top: -3.563rem; }
.bt-view .bt-vt2 .coltrol-wrap .coltrol-btn { float:left; }
.bt-view .bt-vt2 .vt01 { width:100%; font-size:18px; font-size:1.125rem; padding: 16px; padding: 1rem;}
.bt-view .bt-vt2 .vt01 span {margin-left:38px; margin-left:2.375rem;}
.bt-view .bt-vt2 .vt02, .vt03, .vt04 { position:relative; width:60px; width:3.750rem; /*border-left:1px solid #dadada;*/ text-align:center; height:57px; height:3.563rem;
line-height:57px; line-height:3.563rem;}

.bt-vlist {border-top:1px solid #848484; margin-top:49px; margin-top:3.063rem;}
.bt-vlist p { border-left:1px solid #848484; border-right:1px solid #848484; background:#fff; color:#525252; font-size:18px; font-size:1.125rem; width:124px; width:7.750rem;
display:inline; position:relative; top:-10px; top:-0.625rem; padding:0 30px; padding:0 1.875rem;}

.bt-vlist .bt-plist {  position: relative; /*padding: 40px 0 50px;*/ padding-top:40px; height:470px; overflow:hidden;}
.bt-vlist .list-carousel { position: relative; width: 90%; margin: 0 auto;}
.bt-vlist .list-carousel ul { overflow: hidden;}
.bt-vlist .list-carousel ul li { position: relative; float: left; text-align: center; padding: 0 25px; padding:0 0.5%;/*min-height: 250px;*/}
.bt-vlist .list-carousel ul li .img { padding-bottom: 20px;}
.bt-vlist .list-carousel ul li dl { /*position: absolute; width: 85%;*/ border-top: 1px solid #dadada;}
.bt-vlist .list-carousel ul li dt { margin-top: -9px; }
.bt-vlist .list-carousel ul li dt span { background: #fff; padding: 0 9px; text-transform: uppercase; color:#828282;}
.bt-vlist .list-carousel ul li dd { line-height: 1.8; overflow: visible; font-size:12px; font-size: 0.750rem;}

.bt-vlist .bt-plist .slide-navi { width: 100%; cursor: pointer;}
.bt-vlist .bt-plist .slide-navi .prev { position: absolute; top: 40%; left: 15px;}
.bt-vlist .bt-plist .slide-navi .next { position: absolute; top: 40%; right: 15px;}

/*통합검색*/
.search-pop .search-input > hr { width:90%; margin-top:0px; float:left;}
.search-pop input { background:none; border:none; color:#a34b5a; font-size:28px; font-size:1.750rem; line-height:45px; width:90%; font-weight:200; }
.search-pop .text-placeholder{color:#a34b5a; }
	::-webkit-input-placeholder{ color:#a34b5a; } /* 웹킷 전용 속성 */
.search-pop input:-moz-placeholder{ color:#a34b5a; } /* 파이어폭스 전용 속성 */
.search-pop .search-title { font-size:22px; font-size:1.375rem; color:#323232; margin-bottom:5px; }
.search-pop .search-desc { font-size:12px; font-size:0.750rem; color:#666; line-height:16px; }
.search-pop .search-result { padding:30px 10px; padding:1.875rem 0.625rem; background:#a44b5a; }
.search-pop .search-result p { text-align:center; color:#f6f6f6; font-size:14px; font-size:0.875rem; }
.search-pop .search-result .search-text { color:#fff; font-size:18px; font-size:1.125rem; }
.search-pop .search-result .search-num { color:#fff; }
@media (max-width: 520px) {
	.search-pop .search-input > hr { width:85%; margin-top:0px; }
	.search-pop input { background:none; border:none; color:#a34b5a; font-size:20px; font-size:1.250rem; line-height:37px; width:85%; font-weight:200; margin-top:20px;}
}

@media (max-width: 360px) {
	.search-pop .search-input > hr { width:80%; margin-top:0px; }
	.search-pop input { background:none; border:none; color:#a34b5a; font-size:20px; font-size:1.250rem; line-height:37px; width:80%; font-weight:200; margin-top:20px; }
}
.search-pop hr { border-top:1px solid #808080; }
.search-pop hr.light { border-top:1px solid #3f3f3f; }
.search-pop .search-title h3 { font-size:22px; font-size:1.375rem; font-weight:bold; color:#323232; letter-spacing:1px; }
.search-pop .search-title .search-num  { padding-left:20px; padding-left:1.250rem; font-size:14px; font-size:0.875rem; letter-spacing:1px; color:#a44b5a; }
.search-pop .search-title .search-num .search-num-txt { color:#323232; }
.search-product-list .post-thumb { background:#fff; }
.search-product-list dl { border-top: 1px solid #dadada; font-size:12px;}
.search-product-list dl dt span { text-transform: uppercase; background: #fff; padding: 0 9px; color:#828282; position:relative; top:-0.6rem;}
.search-product-list dl dd { position:relative; top:-0.55rem; }
.search-pop .search-borad-list { padding-top:30px; padding-top:1.875rem; }
.search-pop .search-borad-list .board-list { padding:0px 30px; }
.search-pop .title { font-weight:bold; font-size:16px; font-size:1rem; color:#fff; }
.search-pop .small-title { font-size:14px; font-size:0.875rem; color:#a8a8a8; }

/* 커뮤니티 - 광고갤러리 */
.ad-nav span { margin-left: 30px; margin-left: 1.875rem; padding-bottom:10px; padding-bottom:0.625rem; }
.ad-nav span:first-child { margin-left: 0px; }
.ad-nav span.active { border-bottom:2px solid #000;}
.ad-nav span.active a { color:#000; }
.ad-nav span a { display:inline-block; height:22px; height:1.375rem; color:#525252; }
.tv-list-wrap { border:1px solid #dadada; margin-top:35px; margin-top:2.188rem; padding:40px; padding:2.500rem;}
@media (max-width: 640px) {
	.tv-list-wrap { border:1px solid #dadada; margin-top:35px; margin-top:2.188rem;  padding:0;}
}
.video-wrap { position:relative; padding-bottom:56.224%; padding-top:25px; padding-top:1.563rem; height:0; }
.video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.poster-wrap { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; }
.tv-list-wrap .text-wrap { position:relative; margin-top: 32px;  margin-top: 2rem;}
@media (max-width: 640px) {
	.tv-list-wrap .text-wrap { position:relative; margin-top: 0; }
}
.sns-icon { position:absolute; right:10px; right:0.625rem; }
.sns-icon a { margin-left:25px; margin-left:1.563rem; }
.tv-list-wrap .text-wrap .first-text { color:#a34b5a; font-size:32px; font-size:2.000rem; line-height:45px; line-height:2.813rem; }
.tv-list-wrap .text-wrap .second-text { color:#525252; font-size:18px; font-size:1.125rem; }
@media (max-width: 640px) {
	.tv-list-wrap .text-wrap .first-text { color:#a34b5a; font-size:22px; font-size:1.375rem; line-height:45px; line-height:2.813rem; }
	.tv-list-wrap .text-wrap .second-text { color:#525252; font-size:14px; font-size:0.875rem; }
}
.thumb-wrap { padding:30px; padding:1.875rem; border-top:1px solid #dadada; margin-top:30px; }
#tv-thumb-slide { margin:0 0 0 0; }
#tv-thumb-slide li:first-child { margin:0; }
.thumb-wrap.list-carousel { position:relative; display:none; }
.thumb-wrap.list-carousel.responsive { width: auto; margin-left: 0; }
.thumb-wrap.list-carousel { width: 100%; }
.thumb-wrap.list-carousel ul:first-child { margin: 0; padding: 0; list-style: none; display: block; }
.thumb-wrap.list-carousel li { position:relative; color: #999; width: 170px; height: auto; padding: 0; display: block; float: left; margin:0px 10px; margin:0rem 0.625rem; }
/*.thumb-wrap.list-carousel li:first-child { margin: 0 !important; }*/
.thumb-wrap.list-carousel li.active .img-wrap { background:#000; }
.thumb-wrap.list-carousel li.active .img-wrap img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /* IE 7 and olders */
		opacity:.4;
}
.thumb-wrap.list-carousel li p { font-size:14px; font-size:0.875rem; color:#9e9e9e; line-height:1; }
.thumb-wrap.list-carousel li .title { color:#525252; line-height:25px; line-height:1.563rem; }
.image-wrap-sizer .control2 { width:100%; position:absolute; top:50%; margin-top:-5.5%; z-index:100; }
.thumb-wrap .control, .thumb-wrap .control2 { width:100%; position:absolute; top:40%; margin-left:-30px; margin-left:-1.875rem; }
.image-wrap-sizer .control2 #arrow-prev { width:40px; float:left; margin-left:50px;} /* arrow 추가 */
.image-wrap-sizer .control2 #arrow-next  { width:40px; float:right; margin-right:50px;}
.thumb-wrap .control #thumb-prev { float:left; }
.thumb-wrap .control #thumb-next { float:right; }
.bottom-deco hr { border-top:1px solid #dadada; margin:0 0 0 0; }
.bottom-deco .deco { margin-top:-25px; margin-top:-1.563rem; }

#print-thumb-slide { margin:0 0 0 0; }
.print-list-wrap { border:1px solid #dadada; margin-top:35px; margin-top:2.188rem; padding:40px; padding:2.500rem;}
@media (max-width: 640px) {
	.print-list-wrap { border:1px solid #dadada; margin-top:35px; margin-top:2.188rem;  padding:0;}
}
.image-wrap-sizer { width:100%; /*height:72.88%;*/ background:#000; position:relative; overflow:hidden; }
.print-list-wrap .image-wrap {

	position:absolute;
	left:50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE 7 and olders */
		opacity:1;
	/*
	-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	*/
}
.print-list-wrap .text-wrap { position:relative; }
.print-list-wrap .text-wrap .first-text { color:#a34b5a; font-size:32px; font-size:2.000rem; line-height:45px; line-height:2.813rem; }
.print-list-wrap .text-wrap .second-text { color:#525252; font-size:18px; font-size:1.125rem; }
.print-list-wrap .thumb-wrap.list-carousel li .title { color:#525252; margin-top:10px; margin-top:0.625rem; line-height:1.2; }
@media (max-width: 640px) {
	.print-list-wrap .text-wrap .first-text { color:#a34b5a; font-size:22px; font-size:1.375rem; line-height:45px; line-height:2.813rem; }
	.print-list-wrap .text-wrap .second-text { color:#525252; font-size:14px; font-size:0.875rem; }
}
/*커뮤니티 - 이벤트*/
.event-nav span { margin-left: 30px; margin-left: 1.875rem; padding-bottom:10px; padding-bottom:0.625rem; }
.event-nav span:first-child { margin-left: 0px; }
.event-nav span.active { border-bottom:2px solid #000;}
.event-nav span.active a { color:#000; }
.event-nav span a { display:inline-block; height:22px; height:1.375rem; color:#525252; }

.e-ing01, .e-ing02, .e-ing03{margin-bottom:20px; margin-bottom:1.250rem;}
.e-img { background:url('../../img/community/event_ing_bg.jpg') no-repeat; overflow:hidden;}
.e-ing-text {border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; padding:25px 30px; padding:1.563rem 1.875rem; width:100%; overflow:hidden;}
.e-ing-text dt {color:#9e9e9e;}
.e-ing-text .et-01 {border-right:1px solid #dadada; float:left; padding-right:57px; padding-right:3.563rem;}
.e-ing-text .et-01 dd{color:#525252; font-weight:bold;}
.e-ing-text .et-02 {float:left; padding-left:20px; padding-left:1.250rem;}
.e-ing-text .et-02 dl {float:left; }
.e-ing-text .e-btn { padding:16px 50px; padding:1.000rem 3.123rem; border:1px solid #000; background:#fff; float:right;}
.more hr { border-top:1px solid #000;}
.more img { background:#fff; margin-top:-68px; margin-top:-4.250rem; padding:0 14px; padding:0 0.875rem;}
.e-ing-text .down-xs { display: inline-block;}

.e-vcont img{width:100%;}
.ev-click { background:#e3dac4; padding:33px 0; padding:2.063rem 0;}
.ev-btn { padding: 16px 70px; padding: 1.000rem 4.375rem; background: #313131; color:#d2b28a; border:none;}

.er-img {padding:0; margin-bottom:20px; margin-bottom:1.250rem;}


/* 커뮤니티 - 공지사항 */
.notice-tb dl.selected { border-bottom: 1px solid #8c8c8c;}
.notice-tb dt { /*border-bottom: 1px solid #ececec;*/}
.notice-tb dd { border-top: 1px solid #ececec; padding: 2em 2.2em;}
.notice-tb .notice-img { border: 1px solid #dadada;}
.notice-tb dd h5 { font-size: 1.625rem; font-size: 26px; color: #a34b5a; margin-top: 1em;}
.notice-tb dd h6 { font-size: 1.000rem; font-size: 16px; margin-top: 0.5em;}
.notice-tb dd p { margin: 1em 0;}
.notice-tb .con1 { width: 77%; padding: 1rem 1rem;}
.notice-tb .con2 { width: 15%;}
.notice-tb .con3 { width: 8%;}
.notice-tb dl dd { margin-bottom: 0;}

/* 고객센터 - 구입처안내 */
.sales-tb .con1 { width: 20%; text-align: center;}
.sales-tb .con2 { width: 72%;}
.sales-tb .con3 { width: 8%;}
.sales-tb2 .con1 { width: 20%; text-align: center;}
.sales-tb2 .con2 { width: 55%;}
.sales-tb2 .con3 { width: 25%; text-align: center;}
.sales-tb dl {margin-top:24px; margin-top:1.5rem;}

/*20190819 격자 수정*/
.sales-tb dl dd > img { border: 1px solid #525252; }
.sales-tb dl dd iframe { width: 100%; height: 100%;}
.sales-tb dl dd .map-info { position: absolute; top: 60%; left: 0; overflow: hidden; width: 100%; max-width: 450px;z-index:10;}
.sales-tb dl dd .map-info div { height: 115px; padding: 1.5em; padding: 1.5rem; line-height: 1.2;}
.sales-tb dl dd .map-info div.s { float: left; background: #a34b5a; color: #fff; font-size: 18px; font-size: 1.125rem;}
.sales-tb dl dd .map-info div.a { overflow: hidden; width: 60%; background: url(../../img/customer/bg_b.png); color: #fff; font-size: 14px; font-size: 0.875rem;}
.sales-tb dl dd .map-info div.a a { color: #fff;}

.sales { margin-top:50px;}
.acco2 ul { width: 100%; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; margin-top: 24px; margin-top: 1.5rem;}
.acco2 ul li { overflow: hidden; width: 100%; border-top: 1px solid #ececec; font-size: 14px; font-size: 0.875rem; color: #777;}
.acco2 ul li div { float: left; padding: 16px; padding: 1rem;}
.sales-tb3 .con1 { width: 20%;}
.sales-tb3 .con2 { width: 55%;}
.sales-tb3 .con3 { width: 25%;}

/*sales*/
.sales_info_product { margin-top: 20px; margin-bottom: 64px; }
.sales_info_product .info_product_list { background-color: #d4aa83; padding-top: 40px; padding-bottom: 88px; padding: 20px 72px 88px 72px; margin: auto;}
.sales_info_product .info_product_list ul { width: 100%; overflow: hidden; }
.sales_info_product .info_product_list ul + ul { margin-top: 20px; }
.sales_info_product .info_product_list ul li { float: left; width: calc( 25% - 23px);}
.sales_info_product .info_product_list ul.num2 li.wide { width: calc( 75% - 7px); }
.sales_info_product .info_product_list ul li + li { margin-left: 30px; }
.sales_info_product .info_product_list ul li img { width: 100%; display: block; } 
.sales_info_product .info_product_list ul li p { color:#211e19; font-size: 16px; margin-top: 10px; word-break: keep-all; text-align: center; min-height: 48px; }
.sales_info_product .desc { background-color: #494036; color: #dabc9a; font-size: 24px; padding-top: 20px; padding-bottom: 20px; text-align: center; margin: auto; padding-left: 50px; padding-right: 50px;}

/* 20161128 추가 */
.btn-lotte { border:1px solid #8c8c8c; margin-top:20px; width:60%;}
.btn-lotte a { display:inline-block; width:100%; padding:15px 30px; color:#313130; font-size:20px; font-weight:300; background:#fff url(../../img/customer/img_btn_arrow.jpg) no-repeat 95%;}
.btn-lotte a img { padding-right:20px;}
.btn-lotte a span { color:#a34b5a; font-weight:400;}
@media (max-width: 768px) {
	.btn-lotte { width:100%;}
	.btn-lotte a { padding:8px 15px; font-size:18px;}

	.sales_info_product { margin-top: 20px; }
	.sales_info_product .info_product_list { padding-left: 50px; padding-right: 50px; padding-bottom: 50px; }
	.sales_info_product .info_product_list ul + ul { margin-top: 0; }
	.sales_info_product .info_product_list ul li { width: calc( 50% - 15px); margin-bottom: 20px; }
	.sales_info_product .info_product_list ul li:nth-child(3n) { margin-left: 0; }
	.sales_info_product .info_product_list ul.num2 { text-align: center; }
	.sales_info_product .info_product_list ul.num2 li { float: none; margin: auto;}
	.sales_info_product .info_product_list ul.num2 li.wide { width: 100%; margin-left: 0; margin-top: 20px; margin-bottom: 0; }
	.sales_info_product .desc { padding-left: 50px; padding-right: 50px; line-height: 32px; font-size: 20px; }
}
@media (max-width: 480px) {
	.sales_info_product .info_product_list { padding-left: 20px; padding-right: 20px; }
	.sales_info_product .info_product_list ul li { width: 100%;}
	.sales_info_product .info_product_list ul li + li { margin-left: 0 !important; } 
	.sales_info_product .desc { padding-left: 20px; padding-right: 20px; font-size: 18px; }
}
@media (max-width: 320px) {
	.btn-lotte a { font-size:15px;}
}

/* 고객센터 - 1:1 문의 */
.agree-box { height: 230px; padding: 1.0em 0.5em; padding: 1.0rem 0.5rem; border: 1px solid #e6e6e6; background: #f7f7f7; overflow-y: scroll; margin-top:24px; margin-top:1.5rem;}
.agree-area { text-align: center; margin-top: 18px; font-size: 12px; font-size: 0.750rem;}
.agree-area span { padding-right:1rem; }
.sub-title {margin-bottom:1.5rem; margin-bottom:24px; }
.inquiry-content { margin-top: 2em; margin-top: 2rem; padding: 0.4em 0 0 0; padding: 0.4rem 0 0 0; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c;}
.inquiry-content dl { overflow: hidden; padding: 0.4em 0; padding: 0.4rem 0; border-top: 1px solid #ececec;}
.inquiry-content dl.first { border-top: 0;}
.inquiry-content dl dt { float: left; width: 20%; height: 33px;	margin-bottom: 3px;}
.inquiry-content dl dt label { font-size: 14px; font-size: 0.875rem; font-weight: 400; padding: 0.3em 1.0em; padding: 0.3rem 1.0rem;}
.inquiry-content dl dd input { border: 1px solid #f2f2f2; background: #f2f2f2; padding: 0.2rem;}
.inquiry-content dl dd select { height: 31px; border: 1px solid #f2f2f2; background: #f2f2f2; font-size: 14px; font-size: 0.875rem;}
.inquiry-content dl dd textarea { height: 185px; border: 1px solid #f2f2f2; background: #f2f2f2;}
#file_src { float: left; width: 50%; height: 27px; border: 1px solid #dadada; margin-right: 5px; cursor: pointer;}
span.file-select {
	margin-left: 3px; height: 28px; padding: 7px 15px; text-align: center;
	line-height: 13px; background: #525252; color: #fff;
	letter-spacing: 0px; cursor: pointer; font-size: 12px; font-size: 0.750rem;
	border: 1px solid #525252; vertical-align:middle; display: inline-flex;
}
span.file-select:hover{ background: #636363; cursor: pointer;}
.file_input label input { overflow: hidden; position: absolute; width:0; height:0; vertical-align: middle;}
.file_input input[type=text] {
	display:inline-block; float: left;
	width: 35%; height: 27px;
	vertical-align: middle;
	font-size:12px; line-height: 28px;
	padding: 0; background: #f2f2f2; border: 1px solid #f2f2f2;
}
a.btn-file { display: inline-block; overflow: hidden; width: 19px; background: #525252; color: #fff; text-indent: -9999px;}
/* 20161010 loading popup */
.loading-layer { position:absolute;}
.loading-layer .layer-bg { background:#000; opacity:0.5; filter: alpha(opacity=50); z-index:998; position:fixed; top:0; left:0; width:100%; height:100%;}
.loading-layer .layer-cont { position:fixed; z-index:999; left:50%; top:50%; width:180px; height:132px; overflow:hidden; margin-left:-90px; margin-top:-66px; text-align:center; }
.loading-layer .layer-cont .loading-wrap { display:inline-block; border-radius:100%; overflow:hidden; }
.loading-layer .layer-cont p { font-size:16px; color:#fff; text-align:center;}



/*자주묻는질문*/
.faq-tb dl.selected { border-bottom: 1px solid #8c8c8c;}
.faq-tb dt { /*border-bottom: 1px solid #ececec;*/}
.faq-tb dd { border-top: 1px solid #ececec; padding: 2em 1.1em; overflow:hidden;}
.faq-tb dd h5 { font-size: 18px; color: #a34b5a; font-weight:700; float:left; width:8%;}
.faq-tb dd p { margin-bottom: 2em; float:left; width:92%; margin-top:-0.2rem; color:#3d3d3d;}
.faq-tb .con1 { width: 8%; font-size:18px; font-weight:700; color:#525252;}
.faq-tb .con2 { width: 84%; padding: 1rem 1rem; color:#3d3d3d;}
.faq-tb .con3 { width: 8%; float:right; }
.faq-tb dl dd { margin-bottom: 0;}

/* 대리점 안내 */
.korea-map { position: relative;}
.korea-map .pin { width: 21px; height: 32px; background: url(../../img/customer/pin.png);}
.korea-map .pin.l01 { position: absolute; top: 19%; left: 26%;} /* 서울 */
.korea-map .pin.l02 { position: absolute; top: 24%; left: 35%;} /* 경기 */
.korea-map .pin.l03 { position: absolute; top: 20%; left: 20%;} /* 인천 */
.korea-map .pin.l04 { position: absolute; top: 16%; left: 53%;} /* 강원 */
.korea-map .pin.l05 { position: absolute; top: 44%; left: 35%;}	/* 대전 */
.korea-map .pin.l06 { position: absolute; top: 38%; left: 34%;} /* 충청 */
.korea-map .pin.l07 { position: absolute; top: 68%; left: 23%;} /* 광주 */
.korea-map .pin.l08 { position: absolute; top: 63%; left: 30%;} /* 전라 */
.korea-map .pin.l09 { position: absolute; top: 67%; left: 71%;} /* 부산 */
.korea-map .pin.l10 { position: absolute; top: 54.5%; left: 60.5%;} /* 대구 */
.korea-map .pin.l11 { position: absolute; top: 61%; left: 75%;} /* 울산 */
.korea-map .pin.l12 { position: absolute; top: 47%; left: 63%;} /* 경상 */
.korea-map .pin.l13 { position: absolute; top: 87%; left: 57%;} /* 제주 */
.box-group { margin-top: 10%;}
.box-group .col-xs-4 { width: 30%; padding: 0; height: 40px; line-height: 40px; border: 1px solid #dadada; border-right: 0; border-bottom: 0;}
.box-group .col-xs-4.last-r { border-right: 1px solid #dadada;}
.box-group .col-xs-4.last-b { border-bottom: 1px solid #dadada;}
.box-group .col-xs-4 a { display: block; font-size: 14px; font-size: 0.875rem; color: #525252;}
.box-group .col-xs-4 a:hover,.box-group .col-xs-4 a.active { background: #313131; color: #fff;}
.office-tb .head { background: #fff; border-bottom: 1px solid #8c8c8c; cursor: auto;}
.office-tb ul li { background: #fafafa; cursor: auto;}

/*webzine*/
.webzine-img { position:relative; padding:3%; }
.webzine-img .img-wrap dl dt { font-size:16px; font-size:1rem; font-weight:bold; color:#525252; margin-top:15px; margin-top:0.938rem; }
.webzine-img .img-wrap dl dd { font-size:14px; font-size:0.875rem; font-weight:bold; color:#9e9e9e; margin:8px 0px; margin:0.5rem 0rem; }
.webzine-img .img-wrap dl dd a.mo_download { display: none; }
.tb { height:1px; width:100%; position:absolute; top:0px; left:0px; background:#dadada; }
.bb { height:1px; width:100%; position:absolute; bottom:-1px; left:0px; background:#dadada; }
.lb { height:100%; width:1px; position:absolute; top:0px; left:-1px; background:#dadada; }
.rb { height:100%; width:1px; position:absolute; top:0px; right:0px; background:#dadada; }

.btn-dark.btn-pdf-down{ width:100%; margin:0px auto; padding:10px 0px; padding:0.625rem 0rem; background:url(../../img/community/webzine/pdf_bul.png) no-repeat right 15px center; }



.btn-dark.btn-pdf-down::after {
  background:url(../../img/community/webzine/pdf_bul_on.png) no-repeat right 15px center #000;
  z-index: 200;
}
.btn-dark.btn-pdf-down::before{
  background:#000;
  content: '';
  position: absolute;
  top:-100%;
  z-index: -1;
}
.btn-dark.btn-pdf-down::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  background:url(../../img/community/webzine/pdf_bul_on.png) no-repeat right 15px center #000;
}
.btn-dark.btn-pdf-down:hover {
  color: #fff;
}

.btn-dark.btn-pdf-down:hover:after {
  height:100%;

}

/*한국화장품소개, 개인정보취급방침, 이메일무단수집거부*/
.footer-pop .modal-header { width:100%; height:59px; background:#474747; border-bottom:none; }
.footer-tab { text-align:center; }
.footer-tab a { margin-left:40px; position:relative; display:inline-block; font-size:14px; font-size:0.875rem; color:#bababa; }
.footer-tab a:first-child { margin-left:0px; }
.footer-tab a.active { color:#fff; }
.footer-tab a.active:after {
  content: '';
  position: absolute; left: 47%; top: 40px;
  width: 0px; margin-top: 2px;
  border-top: 7px solid #474747; border-right: 6px solid transparent; border-left: 6px solid transparent;
  z-index:2000;
}
.footer-content {  }
.footer-content.privacy { height:570px; overflow-y:auto; }
.footer-pop .modal-body { background:#fff; /*height:590px;*/ height:auto; }

.footer-pop .btn-dark { position:absolute; left:8.5%; bottom:13%; }

/* 스크롤 매직 */
[class *= 'effect-'] .obj {
    position:relative;  opacity:0;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
 }

[class *= 'effect-'].on .obj { margin-left:0; margin-top:0; opacity:1; }
.slide-left { margin-left:-20%; }
.slide-right { margin-left:20%; }
.slide-top { margin-top:-20%; }
.slide-bottom { margin-top:20%; }
.slide-center { margin-top:0; }
.ani-all {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.view-common .bg07 [class *= 'obj0'] {
	position:relative;  opacity:0;
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s; }

.view-common .bg07 [class *= 'obj0'].on { margin-left:0; margin-top:0; opacity:1; }

/* product_view */
.view-common { overflow:hidden; }
.view-common img { max-width:100%; }
.view-common .bg01 { background:url('../../img/product/view_bg01.jpg') no-repeat center top; background-size:cover; height:700px; position:relative; }
.view-common .bg01 .effect-wrap { position:absolute; right:0; display:table; height:100%; margin-right:14.47124304267%; }
.view-common .bg01 .effect-wrap .effect { display:table-cell; vertical-align:middle; }

.view-common .bg02 { background:url('../../img/product/view_bg02.jpg') no-repeat center top; background-size:cover; height:700px; position:relative; }
.view-common .bg02 .effect-wrap { display:table; height:100%; vertical-align:middle; padding-left:11.13172541744%; }
.view-common .bg02 .effect { display:table-cell; vertical-align:middle; }

.view-common .bg03 { background:url('../../img/product/view_bg03.jpg') no-repeat center top; background-size:cover; height:700px; position:relative; }
.view-common .bg03 p { color:#fff; }
.view-common .bg03 .effect-wrap { position:absolute; right:0; display:table; height:100%; margin-right:14.47124304267%; }
.view-common .bg03 .effect-wrap .effect { display:table-cell; vertical-align:middle; }
.view-common .bg03 .effect-wrap p { min-width:423px; }
.view-common p.exp { color:#948d8b; position:absolute; left:15px; bottom:15px; }

.view-common .bg04 { background:url('../../img/product/view_bg04.jpg') no-repeat center top; background-size:cover; height:700px; position:relative; }
.view-common .bg04 .effect-wrap { position:absolute; right:0; display:table; height:100%; margin-right:14.47124304267%; }
.view-common .bg04 .effect-wrap .effect { display:table-cell; vertical-align:middle; }

.view-common .bg05 { height:700px; position:relative; }
.view-common .bg05 .over-wrap { width:33.3%; float:left; height:100%; position:relative; overflow:hidden; }
.view-common .bg05 .over-wrap .over { position:relative; z-index:11; width:100%; height:100%; }
.view-common .bg05 .over-wrap .over > div { text-align:center; }
.view-common .bg05 .pattern-wrap { position:absolute; width:100%; height:100%; z-index:9; background:url('../../img/product/line-pattern.png'); }
.view-common .bg05 .over-wrap.first.on { background:#ffe8ea; }
.view-common .bg05 .over-wrap.second.on { background:#e3f0d0; }
.view-common .bg05 .over-wrap.third.on { background:#d1f5df; }
.view-common .bg05 .over-wrap img { position:absolute; bottom:0; left:50px; max-width:none; }
.view-common .bg05 .over-wrap img.on { display:none; opacity:0.7; }
.view-common .bg05 .over-wrap .title { font-family: "Open Sans", "NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial; font-weight:bold; font-size:30px; padding-top:30.42857142857%; }
.view-common .bg05 .over-wrap .sub-txt { display:inline-block; }

.view-common .bg06 { background:url('../../img/product/view_bg06.jpg') no-repeat center top; background-size:cover; height:700px; position:relative; }
.view-common .bg06 .effect-wrap { position:absolute; left:0; display:table; height:100%; margin-left:11.13172541744%; }
.view-common .bg06 .effect-wrap .effect { display:table-cell; vertical-align:middle; }

.view-common .bg07 { background:url('../../img/product/view_bg07.jpg') no-repeat center top; background-size:cover; height:700px; position:relative; }
.view-common .bg07 .effect { max-width:914px; margin:0 auto; font-size:0; padding:100px 0; }
.view-common .bg07 .effect > div { width:25%; display:inline-block; }

/* -------------- media --------------- */
@media (max-width:1213px) {
/*커뮤니티 - 이벤트*/
.e-ing-text .down-xs {display:inline;}
.view-common .bg07 .effect { max-width:500px; }
.view-common .bg07 .effect > div { width:50%; padding:0 20px; }
.view-common .bg07 .effect > div:nth-of-type(3), .view-common .bg07 .effect > div:nth-of-type(4) { margin-top:30px; }
.view-common .bg07 { height:auto; }

}

@media (max-width:991px) {
	.box-group { margin:0 15px 0 15px;}
	.box-group .col-xs-4 { width:33.33333%;}

	#tab_con2 .graphic { padding:0 0.1em;}
	#tab_con2 .usage-txt { width:100%;}
	#tab_con2 .usage-txt p{ padding:16px; padding:1rem; }

	.element-pict{ display:none; }
	.element-txt { width:100%; height:auto; }
	#tab_con2 .col-sm-9, #tab_con3 .col-sm-9 { width:100%; }
	.product-desc .btn-black { display:block; width:100%;}
	/*hr.product-line { display:block; margin:0px 3%; border-top:1px solid #d4d0ca; }*/

	.product-ingredient { margin-top:13px; margin-top:0.813rem;}

	/*제품 - 유형별 - */
	.c-list1, .c-list3, .c-list7, .c-list11 {border-left:1px solid #dadada;}

	/*제품 - 유형별 - 클렌징*/
	.clean-list .clean-img { background:url(../../img/product_list/clean_bg3.jpg) no-repeat; overflow:hidden;}
	.clean-list .clean-img .b-t { border-top:1px solid #d6d4d0; }

	.cl-list3, .cl-list7, .cl-list11{ border-left:1px solid #dadada;}
	.cl-list3, .cl-list4 { border-top:none;}
	.cl-list3 { border-left:1px solid #dadada;}

	/*커뮤니티 - beauty talk*/
	.b-list3, .b-list4 {border-top:none;}
	.b-list3 { border-left:1px solid #dadada;}

	/*커뮤니티 - 이벤트*/
	.e-img { background:url('../../img/community/event_ing_mo_bg.jpg') no-repeat; background-position:center top; overflow:hidden;}
	.e-img .e-t {border-bottom:1px solid #40342f;}
	.e-ing-text { margin:0 auto; }
	.e-ing-text { padding:35px; padding:2.188rem;}
	.e-ing-text dt {float:left; margin-right:30px; margin-right:1.875em;}
	.e-ing-text dd {float:left;}
	.e-ing-text .et-01 {border-right:0;}
	.e-ing-text .et-01 dl {margin-bottom:25px; margin-bottom:1.563rem;}
	.e-ing-text .et-01 dd { font-weight:none;}
	.e-ing-text .et-02 dl {margin-bottom:37px; margin-bottom:2.313rem;}
	.e-ing-text .et-02 {clear:both; padding-left:0;}
	.e-ing-text .e-btn {padding:20px 0; padding:1.250rem 0; float:none; width:100%;}
	.e-ing-text .down-xs { display:inline-block;}
	/* 1:1문의 */
	#inquiry_frm { margin-top:-1.5rem; margin-top:-24px; }



	.view-common .bg05 .over-wrap img { width:100%; }

}

@media (max-width: 768px) {
	.sales-tb .con1 { width: 20%; text-align: center;}
	.sales-tb .con2 { width: 70%;}
	.sales-tb .con3 { width: 10%;}
	/*nav { padding: 2.0em; padding: 2.0rem;}*/
	.product-menu-2nd { margin: 0; display:block; }
	.product-menu-2nd.tit { display: none;}
	.product-menu-2nd > ul > li { margin: 0.24em 0; margin: 0.24rem 0; border-left: 1px solid #b3b1b1; height:auto; /*height: 2.8rem !important;*/ }
	.product-menu-2nd > ul > li .line { width: 100%; display:none; }
	.product-menu-3rd { padding: 0; /*display:block;*/ display:none; }
	.product-menu-3rd ul li { background: #f8f8f8; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada;}
	.product-menu-3rd ul li a { border-bottom: 0; margin-left: 1em; margin-left: 1rem; line-height: 2.6rem; }
	.product-menu-3rd ul li a:hover { border-bottom: 0;}
	.product-menu-3rd ul.menu-group-2 li { border-right: 0;}
	.product-menu-3rd ul li.last { border-bottom: 0;}
	.product-desc p { width: 100%; margin: 2em 0; padding-top: 2em; border-top: 1px solid #dadada;}

	/*커뮤니티 - 이벤트*/
	.e-ing-text .down-xs {display: inline;}

	/*제품 - 비주력 상세*/
	#product .contents .p-detail-txt { border-bottom:1px solid #dadada; border-left:none; padding-bottom:60px; padding-bottom:3.750rem; padding-left:0;}

	/* 구입처안내 */
	.sales-tb dl { margin-top: 24px; margin-top: 1.5rem;}


	/* 제품 컬러 추가 */
	.product-desc .color-area .tooltip-color { width:30px; height:30px; display:inline-block; margin-right:5px; background-position:0 -30px; background-size: 30px 60px;}

	/* arrow */
	.image-wrap-sizer .control2 #arrow-prev { width:30px; margin-left:40px;}
	.image-wrap-sizer .control2 #arrow-next { width:30px; margin-right:40px;}

	/* webzine*/
	.webzine-img .img-wrap dl dd a { display: none; }
	.webzine-img .img-wrap dl dd a.mo_download { display: block; }


	.view-common .bg01 { background:url('../../img/product/view_bg01_mo.jpg') no-repeat center bottom; background-size:cover; height:960px; height:960px; position:relative; }
	.view-common .bg01 .effect-wrap { display:block; position:relative; margin-right:0; text-align:center; padding-left:20px; padding-right:20px; }
	.view-common .bg01 .effect-wrap .effect { display:block; padding-top:145px; }
	.view-common .bg02 { background:url('../../img/product/view_bg02_mo.jpg') no-repeat center top; background-size:cover; height:960px; position:relative; }
	.view-common .bg02 .effect-wrap { padding-left:0; width:100%; padding-left:20px; padding-right:20px; display:block; }
	.view-common .bg02 .effect-wrap .effect { display:block; padding-top:113px; }
	.view-common .bg02 .effect-wrap .effect img { width:52.5%; }
	.view-common .bg03 { background:url('../../img/product/view_bg03_mo.jpg') no-repeat center top; background-size:cover; height:960px; position:relative; }
	.view-common .bg03 .effect-wrap { margin-right:0; width:100%; padding-left:20px; padding-right:20px; display:block; }
	.view-common .bg03 .effect-wrap .effect { display:block; padding-top:200px; }
	.view-common .bg03 .effect-wrap .effect img { width:66.09%; }
	.view-common .bg03 .effect-wrap p { min-width:auto; }
	.view-common .bg04 { background:url('../../img/product/view_bg04_mo.jpg') no-repeat center top; background-size:cover; height:960px; position:relative; }
	.view-common .bg04 .effect-wrap { display:block; position:relative; margin-right:0; text-align:center; padding-left:20px; padding-right:20px; }
	.view-common .bg04 .effect-wrap .effect { display:block; padding-top:134px; }
	.view-common .bg05 { height:960px; }
	.view-common .bg05 .over-wrap { height:320px; }
	.view-common .bg05 .over-wrap .over > div { text-align:left; }
	.view-common .bg05 .over-wrap.first { background:url('../../img/product/view_bg05_1_mo.jpg') no-repeat right bottom; background-size:cover; position:relative; }
	.view-common .bg05 .over-wrap.second { background:url('../../img/product/view_bg05_2_mo.jpg') no-repeat right bottom; background-size:cover; position:relative; }
	.view-common .bg05 .over-wrap.third { background:url('../../img/product/view_bg05_3_mo.jpg') no-repeat right bottom; background-size:cover; position:relative; }
	.view-common .bg05 .over-wrap.first.on { background:url('../../img/product/view_bg05_1_mo.jpg') no-repeat right bottom; background-size:cover; position:relative; }
	.view-common .bg05 .over-wrap.second.on { background:url('../../img/product/view_bg05_2_mo.jpg') no-repeat right bottom; background-size:cover; position:relative; }
	.view-common .bg05 .over-wrap.third.on { background:url('../../img/product/view_bg05_3_mo.jpg') no-repeat right bottom; background-size:cover; position:relative; }
	.view-common .bg05 .over-wrap { width:100%; float:none; height:320px; }
	.view-common .bg05 .over-wrap img, .view-common .bg05 .over-wrap img.on { display:none !important; }
	.view-common .bg05 .over-wrap .title { text-align:left; padding-left:15.625%; padding-top: 15.42857142857%; font-size:24px; }
	.view-common .bg05 .over-wrap .over > div { text-align:left; padding-left:15.625%; }
	.view-common .bg06 { background:url('../../img/product/view_bg06_mo.jpg') no-repeat right bottom; background-size:cover; height:960px; position:relative; }
	.view-common .bg06 .effect-wrap { display:block; position:relative; margin-left:0; text-align:center; padding-left:20px; padding-right:20px; }
	.view-common .bg06 .effect-wrap .effect { display:block; padding-top:283px; }
	.view-common .bg06 .effect-wrap .effect img { width:88.125%; }
	.view-common .bg07 { height:auto; }
}

@media (max-width: 647px) {
	.sales-tb dl dd .map-info { position:relative; width:100%; max-width:none; bottom:0; top:inherit; background:url(../../img/customer/bg_b.png); }
	.sales-tb dl dd .map-info div.s { width:40%; max-width:150px; }
	.sales-tb dl dd .map-info div.a { width:60%; background:none; }
	.sales-tb dl dd .map-info div { /*height: 80px;*/ padding:1.0rem; }

}

@media (max-width: 640px) {
	.inquiry-content dl dt label { padding: 0.3em 0; padding: 0.3rem 0;}
	.notice-tb .con1 { width: 90%;}
	.notice-tb .con2 { display: none;}
	.notice-tb .con3 { width: 10%;}
	/*hr.product-line { display:block; margin: 0px 20px; border-top:1px solid #d4d0ca; }*/

	/*제품 - 유형별 - 클렌징*/
	.clean-list .clean-img { background:url(../../img/product_list/clean_bg4.jpg) no-repeat;}

	.bt-view .bt-vcont h5{font-size:24px; margin-top:30px; padding: 0 30px; }
	.bt-view .bt-vcont h6{font-size:18px; margin-top:10px; padding: 0 30px; }
	.bt-view .bt-vcont img {padding:0 30px; margin-top:10px; }
	.bt-view .bt-vcont p { padding:0 20px; margin-bottom:20px; margin-top:20px;}
	.footer-pop .btn-dark {padding:0.5rem 1.5rem;}

	/* 160711 제품 뷰 sns */
	.sns-contents { margin-top:15px;}
	ul.list02-menu { overflow:hidden; width:100%; }
	ul.list02-menu li { width:33.33%; text-align:center; margin-right:0; }

}

@media (max-width: 587px) {
	.nav>li { width: 33.3333%;}
	.nav>li>a { padding: 10px 0; text-align: center;}

	.view-common .bg01 .effect-wrap img { width:60.15%; }
	.view-common .bg01 .effect-wrap .effect { padding-top:80px; }
	/*.view-common .bg01 .effect-wrap .effect { padding-top:120px; }*/
	.view-common [class *= 'bg0'] { height:100vh; }
	.view-common .bg05 .over-wrap { height:33.3%; }
	.view-common .bg07 { height:auto; }
	.view-common .effect-wrap p { width:240px; display:inline-block; }
	.view-common .bg05 .over-wrap .title, .view-common .bg05 .over-wrap .over > div { padding-left:8.625%; }
}

@media (max-width: 480px) {
	.sales-tb dl dt div,
	.sales-tb2 ul li div { padding: 0.8em 0.5em; padding: 0.8rem 0.5rem;}
	.sales-tb .con1 { width: 30%; text-align: center;}
	.sales-tb .con2 { width: 60%;}
	.sales-tb .con3 { width: 10%;}
	.sales-tb2 .con1 { width: 35%; text-align: center;}
	.sales-tb2 .con2 { width: 65%;}
	.sales-tb2 .con3 { float: none; width: 100%; text-align: right;}
	/*.sales-tb dl dd .map-info { bottom: 0; top: inherit;}
	.sales-tb dl dd .map-info div { height: 80px; padding: 1.0rem;}*/
	.sales-tb dl dd .map-info div.s { font-size: 15px; font-size: 0.938rem;}
	.sales-tb dl dd .map-info div.a { width: 60%; font-size: 13px; font-size: 0.813rem;}
	/*hr.product-line { display:block; margin: 0px 0px; border-top:1px solid #d4d0ca; }*/

	.sales-tb3 .con1 { width: 20%;}
	.sales-tb3 .con2 { width: 40%;}
	.sales-tb3 .con3 { width: 40%;}
	.acco2 ul li div { padding: 10px;}

	/*beauty talk 20151110수정*/
	.bt-vlist .bt-plist { height:445px;}
	.bt-vlist .list-carousel ul li dt { display:none;}
	.bt-vlist .list-carousel ul li dl { border-top:none;}

	/*20151203 수정*/
	.footer-pop .btn-dark { padding:0.3rem 1.3rem;}
	.footer-pop .btn-dark { position: absolute; left: 10%; bottom: 10%;}

	/* arrow */
	.image-wrap-sizer .control2 #arrow-prev { width:20px; margin-left:15px;}
	.image-wrap-sizer .control2 #arrow-next { width:20px; margin-right:15px;}
}
@media (max-width: 380px) {
	.bt-vlist .bt-plist { height:375px;}
}

@media (max-width: 360px) {
}
@media (max-width: 320px) {
	.bt-vlist .bt-plist { height:340px;}
}

/*브랜드*/
.contents.brand { background:#000; }
.container-1280 { position:relative; width:1280px; height:720px; overflow:hidden; margin:0px auto; }
.contents.brand .container { padding:0; position:relative; width:100%; max-width:100%; height:720px; overflow:hidden; margin:0px auto; }
.brand .visual-wrap { position:absolute; width:100%;  }
.brand .slider-pagintion li a {
  width: 26px;
  height: 26px;
  background: url(../../img/brand/control2_off.png) no-repeat left top;
  text-indent: -9999px;
  display:inline-block;
}
.brand .slider-pagintion { position:absolute; top:294px; left:5%; }

.brand .slider-pagintion li { margin-top:10px; }
.brand .slider-pagintion li:first-child { margin-top:0; }
.brand .slider-pagintion li:first-child:before { display:none; }
.brand .slider-pagintion li.on a {
  width: 26px;
  height: 26px;
  background: url(../../img/brand/control2_on.png) no-repeat left top;
  text-indent: -9999px;
  display:inline-block;
}
.brand .brandvisual { width:100%; height:720px; }
.brand .brandvisual .title { font-family: "Open Sans", "NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial; font-size:28px; font-size:1.65rem; letter-spacing: -0.07rem; word-spacing: 0.05rem; color:#323232; padding:442px 0 30px 0; padding: 28rem 0 1rem 0; line-height:1.3; }
.brand .brandvisual .desc { letter-spacing:-0.05rem; word-spacing: 0.05rem;  font-size:18px; font-size:1.125rem; color:#323232; padding:0px; line-height: 1.5;}
@media (max-width: 640px) {
	.brand .brandvisual .title { font-family: "Open Sans", "NanumMyeongjo", "NanumBarunGothic", "Dotum", Arial; font-size:22px; font-size:1.375rem; color:#323232; padding:400px 0 30px 0; padding: 25rem 0 1.875rem 0; line-height:1.2; }
	.brand .brandvisual .desc {  font-size:14px; font-size:0.845rem; color:#323232; padding:0px 2%; padding:0rem 2%; font-weight:100; }
}
.brand .brandvisual.brandstory1 { background:url(../../img/brand/brandstory_visu1.jpg) center top no-repeat; background-size:cover; }
.brand .brandvisual.brandstory2 { background:url(../../img/brand/brandstory_visu2.jpg) center top no-repeat; background-size:cover; }
.brand .brandvisual.brandstory3 { background:url(../../img/brand/brandstory_visu3.jpg) center center no-repeat; background-size:cover; }
.brand .brandvisual.brandstory3 .title { padding-top:407px; padding-top:25.438rem; }
.brand .brandvisual.brandstory3 .exp-box { padding:15px 20px; font-size:14px; letter-spacing:-0.5px; margin:0 auto; width:210px; }
.brand .brandvisual.brandstory4 { background:url(../../img/brand/brandstory_visu4.jpg) center top no-repeat; background-size:cover; }
.down-btn-wrap { width:100%; position:absolute; bottom:78px; left:0px; }
.down-btn { position:relative; width:18px; margin:0px auto; }
.down-btn img { position:absolute; /*left:14px;*/ left:0px; top:0px; }
.down-btn img.off {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE 7 and olders */
		opacity:1;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.down-btn img.on {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
		opacity:0;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.down-btn:hover img.on{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); /* IE 7 and olders */
		opacity:1;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.down-btn:hover img.off{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
		opacity:0;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.rawmaterial-nav { position:absolute; width:200px; height:auto; right:80px; top:25px; background:#000; font-size:14px; }
.rawmaterial-nav .current-tab { padding:15px;}
.rawmaterial-nav .current-tab a { display:block; color:#fff; line-height:14px; /*padding:15px 23px 15px 15px;*/ background:url(../../img/common/brand_btn_pattern.jpg) no-repeat center right; }
.rawmaterial-nav ul { position:relative; padding:10px 30px 10px 10px; }
.rawmaterial-nav ul li { margin-bottom:6px; width:160px; border-bottom:1px solid #222222; }
.rawmaterial-nav ul li a { color:#828282; font-size:14px; font-size:0.875rem; padding:10px; line-height:14px; display:block; }
/*.rawmaterial-nav ul li.on a { color:#828282; }*/
.rawmaterial-nav ul li:hover a { color:#828282; background:#222222; }
.rawmaterial-nav.type2 ul li a { color:#888888; font-size:14px; font-size:0.875rem; padding-bottom:10px; padding-bottom:0.625rem; }
.rawmaterial-nav.type2 ul li.on a { color:#000; border-bottom:2px solid #000; }


.brand .brandvisual.rawmaterialstory1_1 { background:url(../../img/brand/rawmaterialstory1_visu1.jpg) center top no-repeat; background-size:cover; }
.brand .brandvisual.rawmaterialstory1_1 .title { color:#472f05; }
.brand .brandvisual.rawmaterialstory1_1 .desc { color:#494848; }
.brand .brandvisual.rawmaterialstory1_2 { background:url(../../img/brand/rawmaterialstory1_visu2.jpg) center top no-repeat; background-size:cover; }
.brand .brandvisual.rawmaterialstory1_2 .wrap-1280 .img-right { display:inline-block; padding-right:13%; }
.brand .brandvisual.rawmaterialstory1_3 { background:url(../../img/brand/rawmaterialstory1_visu3.jpg) center bottom no-repeat; background-size:cover; }
.brand .brandvisual.rawmaterialstory1_3 .title { color:#3a2f21; }
.brand .brandvisual.rawmaterialstory1_3 .desc { color:#3a2f21; }
.brand .brandvisual.rawmaterialstory1_4 { background:url(../../img/brand/rawmaterialstory1_visu4.jpg) center top no-repeat; background-size:cover; }
.brand .brandvisual.rawmaterialstory1_4 .wrap-1280 .img-right { display:inline-block; padding-right:13%; }


.brand.rawmaterialstory .brandvisual .title { font-size:35px; font-size:2.2rem; padding: 250px 45% 20px 20%; line-height:1.2; }
.brand.rawmaterialstory  .brandvisual .desc { font-size:16px; font-size:1rem; padding: 0px 45% 0px 20%;  font-weight:400; }
.brand.rawmaterialstory  .brandvisual .desc.type-right { position:relative; padding:0px; float:right; }
.brand.rawmaterialstory  .brandvisual .desc.type-left { position:relative; padding:0px; float:left; }
@media (max-width: 1077px) {
	/*.brand.rawmaterialstory  .brandvisual .desc.type-right { padding:10% 0px; }	*/
	.brand.rawmaterialstory  .brandvisual .desc.type-right { position:relative; padding:0px; }
	.brand.rawmaterialstory  .brandvisual .desc.type-left { position:relative; padding:0px; float:none; }
	.rawmaterial-nav { position:relative; width:200px; height:auto; right:0; margin:0 auto; top:25px; background:#000; }
}
@media (max-width: 640px) {
	.brand .brandvisual.brandstory2 { background: url(../../img/brand/brandstory_visu2_mo.jpg) center top no-repeat; }
	.brand .brandvisual.brandstory3 { background:url(../../img/brand/brandstory_visu3_mo.jpg) center top no-repeat; }
	.brand .brandvisual.brandstory3 .title, .brand .brandvisual.brandstory3 .desc, .brand .brandvisual.brandstory3 .exp-box  { color:#fff; }

	.brand .brandvisual.rawmaterialstory1_1 { background:url(../../img/brand/rawmaterialstory1_visu1_mo.jpg) center top no-repeat; }
	.brand .brandvisual.rawmaterialstory1_2 { background:url(../../img/brand/rawmaterialstory1_visu2_mo.jpg) center top no-repeat; }
	.brand .brandvisual.rawmaterialstory1_3 { background:url(../../img/brand/rawmaterialstory1_visu3_mo.jpg) center bottom no-repeat; }

	.brand .brandvisual.rawmaterialstory1_1 .title { padding-top:360px !important; }
	.brand .brandvisual.rawmaterialstory1_3 .wrap-1280 .txt-wrap { padding-top:230px !important; }

	.brand.rawmaterialstory .brandvisual .title { font-size:28px; font-size:1.750rem; padding: 80px 10% 20px 10%; line-height:1.2; text-align:center; }
	.brand.rawmaterialstory  .brandvisual .desc { font-size:14px; padding: 0px 10% 0px 10%;  font-weight:400; text-align:center; }
	.brand .brandvisual.rawmaterialstory1_4 { background:url(../../img/brand/rawmaterialstory1_visu4_mo.jpg) center top no-repeat; }
	.brand .slider-pagintion { left:3%; }
}
.brand .brandvisual.rawmaterialstory2_1 { background:url(../../img/brand/rawmaterialstory2_visu1.jpg) center top no-repeat; }
.brand .brandvisual.rawmaterialstory2_2 { background:url(../../img/brand/rawmaterialstory2_visu2.jpg) center top no-repeat; }
.brand .brandvisual.rawmaterialstory2_3 { background:url(../../img/brand/rawmaterialstory2_visu3.jpg) center top no-repeat; }
.brand .brandvisual.rawmaterialstory2_4 { background:url(../../img/brand/rawmaterialstory2_visu4.jpg) center top no-repeat; }
.brand.rawmaterialstory2 .brandvisual .title { font-size:35px; font-size:2.2rem; color:#472f05; padding: 320px 50% 20px 10%; line-height:1.2; }
.brand.rawmaterialstory2  .brandvisual .desc { font-size:18px; font-size:1.125rem; color:#676767;   padding: 0px 50% 0px 10%;  font-weight:400; }
.brand.rawmaterialstory2  .brandvisual .desc.type-right { position:relative; padding:0px; float:right; }
.brand.rawmaterialstory2  .brandvisual .desc.type-left {  position:relative; padding:0px; float:left; }

@media (max-width: 1077px) {
	.brand .brandvisual.rawmaterialstory2_2,.brand .brandvisual.rawmaterialstory2_3,.brand .brandvisual.rawmaterialstory2_4 { background:#ffffff; }
	.brand.rawmaterialstory2  .brandvisual .desc.type-right { position:relative; padding:0px; float:none; }
	.brand.rawmaterialstory2  .brandvisual .desc.type-left {  position:relative; padding:0px; float:none; }
	/*.brand.rawmaterialstory2  .brandvisual .desc.type-right {  padding:10% 0px; }*/
	/*.brand.rawmaterialstory2 .brandvisual.rawmaterialstory1_2 .desc { text-align:center; }*/

}

@media (max-width: 768px) {
	.brand .brandvisual.rawmaterialstory1_2 .wrap-1280.ta-r, .brand .brandvisual.rawmaterialstory1_4 .wrap-1280.ta-r { text-align:center; }
	.brand .brandvisual.rawmaterialstory1_2 .wrap-1280 .img-right, .brand .brandvisual.rawmaterialstory1_4 .wrap-1280 .img-right { padding:0; }
}

@media (max-width: 640px) {
	.brand .brandvisual.rawmaterialstory2_1 { background:url(../../img/brand/rawmaterialstory2_visu1_mo.jpg) center top no-repeat; }
	.brand.rawmaterialstory2 .brandvisual .title { font-size:28px; font-size:1.750rem; color:#472f05; padding: 410px 10% 20px 10%; line-height:1.2; text-align:left; }
	.brand.rawmaterialstory2  .brandvisual .desc { font-size:18px; font-size:1.125rem; color:#676767;   padding: 0px 10% 0px 10%;  font-weight:400; text-align:left; }
	.brand .slider-pagintion { top:222px; }
	.brand .slider-pagintion li.on a, .brand .slider-pagintion li a { width:20px; height:20px; background-size:20px; }
	.brand .slider-pagintion li:before { left:9px; height:33px; top:-27px; }
	.brand.rawmaterialstory  .brandvisual .desc.type-right { float:none; }
	.brand .brandvisual.rawmaterialstory1_3 .wrap-1280 .txt-wrap { padding:130px 10% 0 10%; max-width:100%; }
	.view-common .bg05 .pattern-wrap { display:none; }


}

#vertical-scrollbar { height: 0px; width: 200px; display:none; }