/*@charset "utf-8";*/

/* MainPage Default */

header { position:relative; width:100%; min-width: 1270px; height: 120px;  margin-bottom: 9px; padding-bottom: 16px;  border-bottom: 1px solid #4dafb0; z-index:100;}
header .headerInner {position:relative; width: 1170px; height: 112px;  margin: 0 auto; padding-top:30px; }
header .headerInner h1 { width:373px; height: 67px; margin: 0 auto;  font-size: 0; text-indent: -999px; background: url('/common/images/index/logo.png') no-repeat top / contain; }
header .headerInner h1 > a{ display:block; width:100%; height:100%;}
header .headerInner .Util { position:absolute; top: 40px;  right: 0;}
header .headerInner .Util li { float: left; text-align: center; width: 30px; }
header .headerInner .Util li > a { display:block;  font-size:11px; color:#7d7d7d; height:25px;}
header .headerInner .Util li.on > a { display:block; color:#4dafb0;}
header .headerInner .Util li.on > a:after { content: ""; position: absolute;  width: 15px;  height: 1px;  margin: 20px 0px 0px -14px; background:#4dafb0;}
header .headerInner .Util li:hover > a { display:block; color:#4dafb0;}
header .headerInner .Util li:hover > a:after { content: ""; position: absolute;  width: 15px;  height: 1px;  margin: 20px 0px 0px -14px; background:#4dafb0;}
header .headerInner .Util li.locator { width: 130px; letter-spacing:0.3px; }
header .headerInner .Util li.locator:hover > a:after  {content: ""; position: absolute;  width: 14px;  height: 1px;  margin: 20px 0px 0px -15px; background:#fff; }
header .headerInner .Util li.locator > a > span { display: inline-block; width: 10px; height: 13px; margin: -10px 3px  -3px 0;  background: url('/images/index/locator_icon.png') no-repeat; }


/*gnb start*/

header .headerInner nav {}
header .headerInner nav .navarea{}
header .headerInner nav .gnb{overflow:hidden;}
header .headerInner nav .gnb > li{ float:left; width:166px; height:30px; }
header .headerInner nav .gnb > li > a{ display:block; height:100%; text-align:center; letter-spacing:0.7px; font-size:15px; /*color:#4dafb0;*/}
header .headerInner nav .gnb > li > a:after{ content: "";  float: right; width: 1px; height: 17px; margin-top: 4px; background:#dddddd;}
header .headerInner nav .gnb > li:last-child > a:after{ display:none;}
header .headerInner nav .gnb > li:hover > a {color:#4dafb0;}
header .headerInner nav .gnb h2{font-size:0; text-indent:-999px;}
header .headerInner nav .gnb > li.on > a {color:#2a9091;}
header .headerInner nav .gnb > li .snb{ display:none; position:absolute; top:99px; left:50%; width:1170px; margin:25px 0 0 -585px; z-index:1000;}
header .headerInner nav .gnb > li .snb.bg1{ height:334px; background: url('/images/index/gnbmenu_1re.png') no-repeat;}
header .headerInner nav .gnb > li .snb.bg2{ height:446px; background: url('/images/index/gnbmenu_2re.png') no-repeat;}
header .headerInner nav .gnb > li .snb.bg3{ height:446px;  background: url('/images/index/gnbmenu_3re.png') no-repeat;}
header .headerInner nav .gnb > li .snb.bg4{ height:389px;  background: url('/images/index/gnbmenu_4re.png') no-repeat;}
header .headerInner nav .gnb > li .snb.bg5{ height:390px;  background: url('/images/index/gnbmenu_5re.png') no-repeat;}
header .headerInner nav .gnb > li .snb.bg6{ height:301px; background: url('/images/index/gnbmenu_6re.png') no-repeat;}
header .headerInner nav .gnb > li .snb h3{ width:160px; height:30px;  margin-bottom:10px;  font-weight:500; font-size:14px; letter-spacing:-0.2px; color:#2d2d2d; border-bottom:1px solid #999999; }
header .headerInner nav .gnb > li .snb h3.ef{ width:220px; }
header .headerInner nav .gnb > li .snb h3 a{font-family:'Noto Sans KR', sans-serif; color:#2d2d2d;}
header .headerInner nav .gnb > li .snb h3 a:hover{color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg1 .bginner1-1{ position:absolute; top:55px; left:410px;}
header .headerInner nav .gnb > li .snb.bg1 .bginner1-1:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg1 .bginner1-2{ position:absolute; top:55px; left:730px;}
header .headerInner nav .gnb > li .snb.bg1 .bginner1-2:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-1{ position:absolute; top:55px; left:310px;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-1:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-2{ position:absolute; top:55px; left:522px;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-2:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-3{ position:absolute; top:55px; left:737px;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-3:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-4{ position:absolute; top:55px; left:960px;}
header .headerInner nav .gnb > li .snb.bg2 .bginner1-4:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-1{ position:absolute; top:55px; left:310px;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-1:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-2{ position:absolute; top:55px; left:522px;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-2:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-3{ position:absolute; top:55px; left:737px;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-3:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-4{ position:absolute; top:55px; left:960px;}
header .headerInner nav .gnb > li .snb.bg3 .bginner1-4:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-1{ position:absolute; top:55px; left:330px;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-1:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-2{ position:absolute; top:55px; left:590px;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-2:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-3{ position:absolute; top:55px; left:850px;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-3:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-4{ position:absolute; top:195px; left:330px;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-4:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-5{ position:absolute; top:195px; left:590px;}
header .headerInner nav .gnb > li .snb.bg4 .bginner1-5:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-1{ position:absolute; top:55px; left:330px;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-1:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-2{ position:absolute; top:55px; left:590px;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-2:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-3{ position:absolute; top:55px; left:850px;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-3:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-4{ position:absolute; top:195px; left:330px;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-4:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-5{ position:absolute; top:195px; left:590px;}
header .headerInner nav .gnb > li .snb.bg5 .bginner1-5:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-1{ position:absolute; top:55px; left:410px;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-1:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-2{ position:absolute; top:55px; left:730px;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-2:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-3{ position:absolute; top:55px; left:737px;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-3:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-4{ position:absolute; top:55px; left:960px;}
header .headerInner nav .gnb > li .snb.bg6 .bginner1-4:hover h3 a{ color:#2a9091;}
header .headerInner nav .gnb > li .snb .sbox > li{ line-height:25px; }
header .headerInner nav .gnb > li .snb .sbox > li.ef{ line-height:20px; }
header .headerInner nav .gnb > li .snb .sbox > li a{ font-family:'Noto Sans KR', sans-serif;  font-size:12.5px; color:#5d5d5d;}
header .headerInner nav .gnb > li .snb .sbox > li a:hover{ color:#2a9091;}
/*gnb end*/


.Wrap{ position: relative; width:100%; min-width: 1270px;}
.Wrap .Mainvisual{ width:100%; padding-bottom:130px;}
.Wrap .Mainvisual .visualWrap { position: relative; width: 100%; height: 100%; margin: 0 auto;}
.Wrap .Mainvisual .visualWrap .visual { overflow: hidden;  width: 100%;  height: 540px; margin: 0 auto; }
.Wrap .Mainvisual .visualWrap .visual ul{ position: relative; width: 100%; height: 540px; margin: 0 auto;}
.Wrap .Mainvisual .visualWrap .visual ul li { display: none; position: absolute; top: 0; left:50%; margin-left:-960px; max-width: 1170px; }
.Wrap .Mainvisual .visualWrap .visual ul li:first-child { display: block; }
.Wrap .Mainvisual .visualWrap .visual ul li  > a{ display:block; width:100%; height:100%;}
.Wrap .Mainvisual .visualWrap .visual ul li  > a > img { }
.Wrap .Mainvisual .visualWrap .icon { position: absolute; top: 560px; left: 50%; transform: translateX(-50%); }
.Wrap .Mainvisual .visualWrap .icon a { display: inline-block; width: 60px; height: 4px; margin: 0 3px; font-size: 0; background: #dddddd; /*box-shadow:1px 1px 1px #000 inset; */ }
.Wrap .Mainvisual .visualWrap .icon a.on { background: #4dafb0; }
.Wrap .B_product{ width: 100%;  }
.Wrap .B_product .productinner { width: 1170px; margin: 0 auto; padding: 75px 0 50px; border-bottom:1px solid #dddddd;}
.Wrap .B_product .productinner h2 { width: 1170px; height: 21px; margin-bottom: 15px; font-size: 0; text-indent: -999px; background: url('/images/index/product_t.png') no-repeat; }
.Wrap .B_product .productinner .bestwrap { width: 1102px; margin-bottom: 30px; padding: 0 34px; }
.Wrap .B_product .productinner .bestwrap ul {overflow: hidden; }
.Wrap .B_product .productinner .bestwrap ul li{ float: left; width: 272px;  }
.Wrap .B_product .productinner .bestwrap ul.seond, ul.third { display: none; margin-top:25px; }
.Wrap .B_product .productinner .bestwrap > a { display:inline-block;  }
.Wrap .B_product .productinner .morebtn { margin: 0 auto;; cursor:pointer; width: 45px; height: 46px; background: url('/images/index/more.png') no-repeat;}
.Wrap .B_product .productinner .morebtn.on{ background: url('/images/index/upicon.png') no-repeat; }

.Wrap .M_contents { width: 100%; }
.Wrap .M_contents .contentsinner {overflow: hidden; width: 1170px; margin: 0 auto; padding:60px 0 80px; }
.Wrap .M_contents .contentsinner .Mleft { float: left; width:285px; height:450px; padding-right: 30px; }
.Wrap .M_contents .contentsinner .Mleft .subject { overflow: hidden; }
.Wrap .M_contents .contentsinner .Mleft .subject h2{ float: left; width: 108px; height: 18px; font-size: 0; text-indent: -999px; background: url('/images/index/new_issue_t.png') no-repeat; }
.Wrap .M_contents .contentsinner .Mleft .subject > a { float: right; }
.Wrap .M_contents .contentsinner .Mleft .subject > a > img{ float: right; }
.Wrap .M_contents .contentsinner .Mleft .new_issueWrap{  position: relative; width: 234px; margin: 40px auto 0; }
.Wrap .M_contents .contentsinner .Mleft .new_issueWrap .new_issuevisual { overflow: hidden; width: 234px; margin: 0 auto;}
.Wrap .M_contents .contentsinner .Mleft .new_issueWrap .new_issuevisual li { float: left; width: 234px; }
.Wrap .M_contents .contentsinner .Mleft .new_issueWrap .arrow a { overflow: hidden; display: block; position: absolute; top: 50%; width: 26px; height: 37px; margin-top: -12.5px; text-indent: -999px;}
.Wrap .M_contents .contentsinner .Mleft .new_issueWrap .arrow .left { left: -20px; background: url('/images/index/leftarrow.png') no-repeat; }
.Wrap .M_contents .contentsinner .Mleft .new_issueWrap .arrow .right { right: -20px; background: url('/images/index/rightarrow.png') no-repeat; }
.Wrap .M_contents .contentsinner .Mleft:after { content: ""; float:right;  width: 1px;  height: 423px;  margin: -390px -30px 0 0; background:#dddddd;}
.Wrap .M_contents .contentsinner .Mcenter { float: left;  width:460px; height:450px;  padding: 0 40px; }
.Wrap .M_contents .contentsinner .Mcenter .subject { overflow: hidden; }
.Wrap .M_contents .contentsinner .Mcenter .subject h2{ float: left; width: 50px; height: 20px; font-size: 0; text-indent: -999px; background: url('/images/index/news_t.png') no-repeat; }
.Wrap .M_contents .contentsinner .Mcenter .subject > a { float: right; }
.Wrap .M_contents .contentsinner .Mcenter .subject > a > img { float: right;  }
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con { overflow: hidden;  margin-top: 7px;}
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con > a { float: left; width:180px; }
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con > a > img { float: left; width:180px; }
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con dl { float: left; width: 269px; margin:38px 0 0 10px; }
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con dl > a {display:block;}
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con dl > a dt { margin-bottom:8px; font-weight: 500; font-size: 14px; color: #2d2d2d; letter-spacing: -0.7px; }
.Wrap .M_contents .contentsinner .Mcenter .Mcenter_con dl dd { overflow: hidden; height:34px;line-height: 17px; letter-spacing: -0.7px; font-size:12px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }
.Wrap .M_contents .contentsinner .Mcenter .story_T { float: left; width: 101px; height: 20px; margin:43px 0 7px; font-size: 0; text-indent: -999px; background: url('/images/index/brandsotry_t.png') no-repeat;}
/*.Wrap .M_contents .contentsinner .Mcenter:after { content: ""; float:right;  width: 1px;  height: 423px;  margin: -423px -40px 0 0; background:#dddddd;}*/
.Wrap .M_contents .contentsinner .Mright { float: left; width:274px; height:450px; padding-left:40px  }
.Wrap .M_contents .contentsinner .Mright:before { content: ""; float:left;  width: 1px;  height: 423px;     margin: 27px -40px 0px;   background:#dddddd;}
.Wrap .M_contents .contentsinner .Mright .subject { overflow: hidden; } 
.Wrap .M_contents .contentsinner .Mright .subject h2{ float: left; width: 108px; height: 20px; font-size: 0; text-indent: -999px; background: url('/images/index/insta_t.png') no-repeat; }
.Wrap .M_contents .contentsinner .Mright .subject > a { float: right; }
.Wrap .M_contents .contentsinner .Mright .subject > a > img { float: right;  }
.Wrap .M_contents .contentsinner .Mright .Mright_con {margin-top:8px; }
.Wrap .M_contents .contentsinner .Mright .Mright_con > p { }
.Wrap .M_contents .contentsinner .Mright .Mright_con > p.tt { margin-top:15px; font-weight: 400; font-size: 14px; color: #4dafb0; letter-spacing: -0.3px; }
.Wrap .M_contents .contentsinner .Mright .Mright_con > p.info { margin-top:7px; letter-spacing: -0.7px; font-size:12px; color: #666666;  }
.Wrap .M_contents .contentsinner .Mright .story_T { float: left; width: 50px; height: 20px; margin:43px 0 7px; font-size: 0; text-indent: -999px; background: url('/images/index/video_t.png') no-repeat;}

.Wrap .siteMap {width: 100%; padding: 50px 0 60px; background: #f5f5f5; }
.Wrap .siteMap .siteMap-in { overflow: hidden; width: 1170px;  margin: 0 auto;  }
.Wrap .siteMap .siteMap-in .gnbWrap{ overflow:hidden;  font-weight: 400; letter-spacing: -0.7px; font-size: 12px; color: #7d7d7d; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb { float:left; width:199px; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb:last-child { float:left; width:171px; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb h2 { width: 171px; height: 27px; margin-bottom: 20px; letter-spacing:0.4px; font-weight:400; font-size:14.5px; color:#2d2d2d; border-bottom:1px solid #7d7d7d;}
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu > li {padding-bottom: 5px; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu > li > a{ display: block ; width:195px; margin-bottom: 10px; font-size: 13px; color: #505050; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu > li > a:hover{color:#2a9091;}
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu > li a.arrow { background:url('/images/index/toggle_off.png') 87% no-repeat; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu > li a.arrow.on {  background:url('/images/index/toggle_on.png') 87% no-repeat; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu .gnb-sub {  display:none;  }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu .gnb-sub > li{ height:22px; }
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu .gnb-sub > li > a { font-size:12px; color:#707070;}
.Wrap .siteMap .siteMap-in .gnbWrap .gnb .gnbmenu .gnb-sub > li > a:hover{ color:#2a9091; }


/* footer start*/
footer { position: relative; width: 100%; min-width: 1270px;}
footer .snsWrap {  width: 100%;  padding: 13px 0 10px ; background: #4dafb0; }
footer .snsWrap .snsInner { position: relative; width: 1170px;  margin: 0 auto; }
footer .snsWrap .snsInner > ul { overflow: hidden; display: inline-block; float: left:}
footer .snsWrap .snsInner > ul > li { overflow: hidden; float: left;  width: 55px; text-align: center; }
footer .snsWrap .snsInner > ul > li.first { width: 70px; margin-top: 10px; text-align: left; }
footer .snsWrap .snsInner > ul > li.first > a { line-height: 25px; color: #fff; letter-spacing: 0.3px;}
footer .snsWrap .snsInner #family_select {  position:absolute; top: 15px;  right: 0;  width: 130px;  height: 30px; }
footer .snsWrap .snsInner #family_select .select_on {  position:relative; line-height: 18px;   cursor: pointer;  }
footer .snsWrap .snsInner #family_select .select_on span { margin-left: 5px;letter-spacing: 0.3px;  color: #fff; }
footer .snsWrap .snsInner #family_select .select_on:after {  content:""; width: 0px;height: 0px; position:absolute; right:0; top:5px;
  border-top:7px solid #fff;
  border-bottom:7px solid none;
  border-right:6px solid transparent;
  border-left:6px solid  transparent;}
footer .snsWrap .snsInner #family_select.on > ul { display: block; }
footer .snsWrap .snsInner #family_select > ul {display: none;   top: 20px;   left: 0;   width: 120px; margin-left: 4px; border-right: 1px solid #4dafb0;    border-bottom: 1px solid #4dafb0;    border-left: 1px solid #4dafb0;    background: #fff;}
footer .snsWrap .snsInner #family_select > ul > li { float: none; height: 20px; margin-left: 4px;  line-height: 20px;  }
footer .snsWrap .snsInner #family_select > ul > li > a { display: block; color:#7d7d7d; }
footer .snsWrap .snsInner #family_select > ul > li > a:hover{ color:#4dafb0;}

footer .address { width: 100%; padding: 30px 0 60px; background: #fff;  }
footer .address .addressInner {  width: 1170px;  margin: 0 auto; }
footer .address .addressInner ul { overflow: hidden; margin-left: 123px; text-align: center;  }
footer .address .addressInner ul li { position:relative; float: left; padding:0 14px;color: #7d7d7d;  }
footer .address .addressInner ul li:after{ content: ""; position:absolute; right:0; top:3px; width: 1px;  height: 13px;  background:#dddddd; }
footer .address .addressInner ul li:last-child:after{ display: none; }
footer .address .addressInner ul li > a{ display:inline-block; padding:0 8px; letter-spacing:-0.3px; text-align:center; color:#7d7d7d;}
footer .address .addressInner .f-bottom{overflow: hidden; }
footer .address .addressInner .f-bottom .f-logo { float: left; display: inline-block; width: 112px; height: 43px; margin-top: 43px;  }
footer .address .addressInner .f-bottom .f-address { float: left;  display: inline-block; margin: 40px 0 0 30px; line-height: 18px; letter-spacing:-0.3px;  color: #7d7d7d; }
footer .address .addressInner .f-bottom .f-wellkin { float: right; display: inline-block; width: 269px; height: 96px; }
/* footer end*/

/* BRAND start*/
/* brandstory start*/
.Wrap .BrandStory { position: relative; height:9105px;}
.Wrap .BrandStory #slider { position: fixed; width:100%; height:920px; background:url('/images/brand/brandstory_bg.jpg') repeat-x center center;}
.Wrap .BrandStory #slider > #storytitle { position:absolute; top:150px; left:50%; margin-left:-347.5px;}
.Wrap .BrandStory #overflow { position: absolute; top: 0; width:100%; }
.Wrap .BrandStory #overflow .story1 { position:relative; width:100%; height:920px; background-color: rgba( 0, 0, 0, 0.8 );}
.Wrap .BrandStory #overflow .story1 > img { position:absolute; top:150px; left:50%; margin-left:-347.5px;}
.Wrap .BrandStory #overflow .story2 { position:relative; width:100%; height:920px; background-color: rgba( 0, 0, 0, 0.8 );}
.Wrap .BrandStory #overflow .story2 > img { position:absolute; top:150px; left:50%; margin-left:-400px;}
.Wrap .BrandStory #overflow .story3 { position:relative; width:100%; height:350px; background:#f5f5f5;}
.Wrap .BrandStory #overflow .story3 > img { position:absolute; top:0; left:50%; margin-left:-586.5px;}
.Wrap .BrandStory #overflow .story4 { position:relative; width:100%; height:1712px; background:#fff;}
.Wrap .BrandStory #overflow .story4 > img { position:absolute; top:0; left:50%; margin-left:-586px;}
.Wrap .BrandStory #overflow .story5{ position:relative; width:100%; height:1712px; background:#fff;}
.Wrap .BrandStory #overflow .story5 > img { position:absolute; top:0; left:50%; margin-left:-587px;}
.Wrap .BrandStory #overflow .story6{ position:relative; width:100%; height:1117px; background:#fff;}
.Wrap .BrandStory #overflow .story6 > img { position:absolute; top:0; left:50%; margin-left:-586.5px;}
.Wrap .BrandStory #overflow .story7 { position:relative;  width:100%; height:680px; background:#fff;}
.Wrap .BrandStory #overflow .story7 > img { position:absolute; top:0; left:50%; margin-left:-586.5px;} 
.Wrap .BrandStory #overflow .story7 ul { overflow:hidden; width:1170px; margin: 0 auto;}
.Wrap .BrandStory #overflow .story7 ul li { float:left;}
.Wrap .BrandStory #overflow .story7 ul li.value1 {  width:234px; height:234px; background:url('/images/brand/value1.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value1:hover { background:url('/images/brand/value1_on.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value2 { width:468px; height:234px; background:url('/images/brand/value2.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value3 { width:234px; height:234px; background:url('/images/brand/value3.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value3:hover { background:url('/images/brand/value3_on.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value4 { width:234px; height:468px; background:url('/images/brand/value4.jpg') no-repeat;} 
.Wrap .BrandStory #overflow .story7 ul li.value4:hover { background:url('/images/brand/value4_on.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value5 { width:234px; height:234px; margin-top: -234px; background:url('/images/brand/value5.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value5:hover { background:url('/images/brand/value5_on.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value6 { width:234px; height:234px; margin: -234px 0 0 234px; background:url('/images/brand/value6.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value6:hover { background:url('/images/brand/value6_on.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value7 { width:468px; height:234px; margin: -234px 0 0 468px; background:url('/images/brand/value7.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story7 ul li.value7:hover { background:url('/images/brand/value7_on.jpg') no-repeat;}
.Wrap .BrandStory #overflow .story8{ position:relative; width:100%; height:776px; background:#fff;}
.Wrap .BrandStory #overflow .story8 > img { position:absolute; top:0; left:50%; margin-left:-586.5px;}
/* brandstory end*/

/* brandhistory start*/
.TitleW.ef{ width: 1170px; margin: 50px auto;}

.top_img{ position:relative;width: 1170px; margin:0 auto 71px;}
.top_img .topimgbg{  position:relative;}
.top_img .point{ position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-100px; animation-duration: 2.5s;  animation-name: effect;  }
@keyframes effect {
  from { opacity:0; }
  to {  opacity:1;}
}
.ani_box{ position: relative; width: 1170px; height:1850px; margin: 0 auto;}
.ani_box .img1{ position:absolute; top:0; left:0;}
.ani_box .ment1{  position:absolute; top:77px; right:0;}

.ani_box .ment2{  position:absolute; top:495px; left:0; z-index:5;}
.ani_box .img2{  position:absolute; top:410px; right:0; z-index:1;}

.ani_box .img3{  position:absolute; top:880px; left:0;}
.ani_box .ment3{  position:absolute; top:900px; right:0;}

.ani_box .img4{  position:absolute; top:1350px; right:0; z-index:1;}
.ani_box .ment4{  position:absolute; top:1400px; left:0; z-index:5;}



.social_w{ padding-top:40px;}
.social_w .social_list{display:table; margin:0 auto; }
.social_w .social_list li{ overflow: hidden;  float:left; position:relative; margin-right:10px;}
.social_w .social_list li:last-child{ margin-right:0;}
.social_w .social_list li .hover_text{  position:absolute; bottom:0; left:0; width:100%; padding:30px 0; text-align:center; font-size:15px; color:#fff; background-color:rgba(0,0,0,0.6);transition:0.2s ease-in-out; transform:scale(1,1); opacity:1; }
.social_w .social_list li.max .hover_text{ padding:19px 0;}
.social_w .social_list li:hover .hover_text{background-color:rgba(37,179,188,1);}

/* brandhistory end*/

/* BRAND end*/

/* COMMUNITY start*/
/* event start*/
.contentW{ position:relative; width: 1170px; margin: 50px auto 200px;}
.contentWL{ position:relative; width: 100%; margin: 0 auto ;}
.contentWL .contentWLinner{ margin:0 auto;}
.TitleW{ width:100%; margin-bottom:50px; }
.TitleW h2{ font-size:30px; color:#2d2d2d;}
.TitleW .bar{ width:40px; height:2px; margin:3px 0 10px; background-color:#999;  }
.TitleW .bar.ex{ width:1170px; height:1px; margin:3px 0 10px; background-color:#999;  }

.TitleW .subT{font-size:14px; color:#7d7d7d; letter-spacing:-0.5px;}
.eventlist{ overflow:hidden; }
.eventlist li{ float:left; position:relative; width:384px; height:630px;  margin-right:9px; }
.eventlist li:nth-child(3n){ margin-right:0; }
.eventlist li > a { display: block; position:relative; }
.eventlist li > a .e-imgW { width:384px; height:440px; z-index:1 }
.eventlist li > a .e-imgW > img { width:100%; height:100%; }
.eventlist li > a .e-detail { position:absolute; top:380px; left:17px;  width:280px; height:170px; padding:20px 35px; background-color:#fff;  border:1px solid #ddd; z-index:2;}
.eventlist li > a .e-detail h3{text-align:center; font-weight:400; font-size:25px; color:#2d2d2d; line-height:30px;}
.eventlist li > a .e-detail .e-dateW{ overflow:hidden; margin:13px 0;  font-size:16px; color:#2d2d2d;}
.eventlist li > a .e-detail .e-dateW .date { float:left; margin-top: 3px;}
.eventlist li > a .e-detail .e-dateW .ing { float:right; display:inline-block; width:80px; height:30px; margin-right:10px;  text-align:center; line-height:30px; font-size:14px; color:#fff;background-color:#4dafb0;}
.eventlist li > a .e-detail .e-dateW .end { float:right; display:inline-block; width:80px; height:30px; margin-right:10px;  text-align:center; line-height:30px; font-size:14px; color:#fff;background-color:#9d9d9d;}
.eventlist li > a .e-detail .contents{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height: 60px; font-size:15px; color:#9d9d9d;}
.viewT{ overflow:hidden; position:relative; width:100%; margin-bottom: 35px; text-align:center;}
.viewT h3{ display: inline-block; vertical-align: middle; font-weight:400; font-size:25px; color:#2d2d2d;}
.viewT .ing { display:inline-block; width:80px; height:30px; margin:3px 0 0 10px; text-align:center; vertical-align: middle; line-height:30px; font-size:14px; color:#fff;background-color:#4dafb0;}
.viewT .date{ font-weight:300;  font-size:16px; color:#7d7d7d;}
.viewT a{ display:block; float:right;}
.viewT .n-btn{ position:absolute; top:0; right:0; }
.viewT .p-btn{  position:absolute; top:0; left:0;}
.conTs{ width:100%; margin-top:50px;}
.n-view-conts{ text-align:center; line-height:22px;}
.n-view-conts img{ margin:10px 0; }
/* event end*/
/* sns start*/
.snsList{ width:100%;}
.snsList .tab{ overflow:hidden;}
.snsList .tab li{ float:left;}
.snsList .con_wrap{ margin-top:35px;}
.snsList .con_wrap .instaBox{ overflow:hidden; width:100%; }

.snsList .con_wrap .instaBox .instalist{ display:inline-block; width:282px; vertical-align:top; margin-right: 9.9px; margin-bottom:15px; }
.snsList .con_wrap .instaBox .instalist:nth-child(4n){ margin-right:0;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .sns-imgW{ width:282px; /*height:330px;*/}
.snsList .con_wrap .instaBox .instalist .instalist-inner .sns-imgW.long{ width:282px; height:376px;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .sns-imgW > img{ width:100%; height:100%; border:1px solid #ddd; border-bottom:none; box-sizing:border-box; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .contsbox{ padding:25px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .contsbox .type{ font-size:16px; color:#5d5d5d;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .contsbox .title{ margin:2px 0 13px; font-weight:400; font-size:24px; line-height:30px; color:#5d5d5d; letter-spacing:-1.5px;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .contsbox .sub{overflow: hidden; margin-bottom:10px;font-size:15px; color:#5d5d5d; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height: 40px; font-size:15px; color:#9d9d9d;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .contsbox .date{ font-size:12px; color:#9d9d9d; letter-spacing:0;}
.snsList .con_wrap .instaBox .instalist .instalist-inner .morebox{ display:inline-block;width:282px; height:61px; margin-top:-10px; background: url('/images/community/see.png') no-repeat;}
.snsList .con_wrap .instaBox .instalist .instalist-inner:hover .morebox{background: url('/images/community/seehover.png') no-repeat;}


.snsList .con_wrap .fbookBox .fbooklist{ display:inline-block; width:282px; vertical-align:top; margin-right:11.5px; margin-bottom:15px; }
.snsList .con_wrap .fbookBox .fbooklist:nth-child(4n){ margin-right:0;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .sns-imgW{ width:282px; /*height:330px;*/}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .sns-imgW.long{ width:282px; height:376px;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .sns-imgW > img{ width:100%; height:100%; border:1px solid #ddd; border-bottom:none; box-sizing:border-box; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .contsbox{ padding:25px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .contsbox .type{ font-size:16px; color:#5d5d5d;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .contsbox .title{ margin:2px 0 13px; font-weight:400; font-size:24px; line-height:30px; color:#5d5d5d; letter-spacing:-1.5px;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .contsbox .sub{overflow: hidden; margin-bottom:10px;font-size:15px; color:#5d5d5d; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; height: 40px; font-size:15px; color:#9d9d9d;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .contsbox .date{ font-size:12px; color:#9d9d9d; letter-spacing:0;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner .morebox{ display:inline-block;width:282px; height:61px; margin-top:-10px; background: url('/images/community/see.png') no-repeat;}
.snsList .con_wrap .fbookBox .fbooklist .fbooklist-inner:hover .morebox{background: url('/images/community/seehover.png') no-repeat;}


.snsList .con_wrap .pageW{overflow:hidden; width:100%;  padding-top:20px ;}
.snsList .con_wrap .pageW .pagebox{  display: table; margin: 0 auto;}
.snsList .con_wrap .pageW .pagelist{ overflow:hidden;  float:left;   }
.snsList .con_wrap .pageW .pagelist li{ float:left; width:34px; height:34px; margin: 0 3px;  text-align:center; line-height:34px;  margin-right:4px; border:1px solid #5d5d5d; }
.snsList .con_wrap .pageW .pagelist li:first-child{ margin-left:0;}
.snsList .con_wrap .pageW .pagelist li:last-child{margin-right:0;}
.snsList .con_wrap .pageW .pagelist li > a{ display:block; }
.snsList .con_wrap .pageW .pagelist li > a:hover{color:#fff; background-color:#5d5d5d;}
.snsList .con_wrap .pageW .pagelist li > a.on{ color:#fff; background-color:#5d5d5d;}
.snsList .con_wrap .pageW span{  float:left;  display:inline-block; width:34px; height:34px; margin: 0 5px;  font-size:0; border:1px solid #5d5d5d; background:url('/images/community/p-next.png') no-repeat; cursor:pointer;}
/* 이전버튼 추가*/
.snsList .con_wrap .pageW span.prev{ background:url('/images/community/p-prev.png') no-repeat; cursor:pointer;}
.snsList .con_wrap .pageW span:hover{ background-color:#ddd;}

/* sns end*/

.clear { clear:both;}
.clear:after { content:""; display:block; clear:both;}
/*메인 product start*/
.product_Wrap{ width:1170px; margin:0 auto; padding-bottom:70px; letter-spacing:-1px; }
.product_Wrap h2 { font-size:30px; line-height:43px; color:#222; letter-spacing:-2.5px; font-weight:600; border-bottom:1px solid #999;}
.product_Wrap h2 + p { margin: 5px 0 35px;font-size:16px; line-height:auto; }
.product_Wrap ul{ margin-bottom:51px}
.product_Wrap ul li { float:left; position:relative; width:32.66%; height:403px; margin-right:1%; margin-bottom:18px; border:1px solid #ddd; box-sizing:border-box;}
.product_Wrap ul li:nth-of-type(3n) { margin-right:0;}
.product_Wrap ul li a { display:block; padding:40px 0 0; text-align:center;}
.product_Wrap ul li a > div { position:absolute; left:50%; bottom:25px; transform:translate(-50%); width:100%;}
.product_Wrap ul li a div h3 {font-size:21px; color:#222; line-height:40px;}
.product_Wrap ul li a div span { font-size:14px; color:#777; line-height:17px;}
.product_Wrap ul li a div p { margin-top:7px; font-size:16px; color:#222; line-height:20px;}
/*메인 product end*/


/* 제품상세 start*/
.contentWLinner .productW{ overflow:hidden; position:relative; width:1170px; height:618px; margin:50px auto 0;}
.contentWLinner .productW .p_imgW{ float:left; position:relative; width:700px; height:618px;}
.contentWLinner .productW .p_imgW .sumW{ position:absolute; left:50%; bottom:15px;overflow:hidden;}
.contentWLinner .productW .p_imgW .sumW li{float:left; margin-right:10px; width:70px;  }
.contentWLinner .productW .p_imgW .sumW li:last-child{margin-right:0; }
.contentWLinner .productW .p_imgW .Mimg{ width:700px; height:618px;}
.contentWLinner .productW .p_imgW .type{ position:absolute; left:25px;top:45px;}
.contentWLinner .productW .p_infoW{ float:left; width:436px; height:618px; padding:55px 0 0 25px; }
.contentWLinner .productW .p_infoW .title{ margin-left:-6px; margin-bottom:10px; letter-spacing: -1px; font-weight:400; font-size:47px; line-height:52px; color:#2d2d2d;}
.contentWLinner .productW .p_infoW .title.ex{ font-size:42px; letter-spacing: -3.8px;}
.contentWLinner .productW .p_infoW .title > span{ letter-spacing: -1px; font-weight:400; font-size:32px;}

.contentWLinner .productW .p_infoW .title.ex1{ letter-spacing: -5px; font-size:38px;}
.contentWLinner .productW .p_infoW .sub_title{ margin-top:-11px; font-weight:300; font-size:22px;  color:#9d9d9d;}
.contentWLinner .productW .p_infoW dl{ margin: 75px 0 45px;}
.contentWLinner .productW .p_infoW dl.ex{ margin: 55px 0 35px; font-size:16px;}
.contentWLinner .productW .p_infoW dl dt{  padding-bottom:3px; font-weight:500; font-size:15px; color:#2d2d2d; border-bottom:1px solid #999;}
.contentWLinner .productW .p_infoW dl dd{ color:#2d2d2d;}
.contentWLinner .productW .p_infoW dl dd.detail{ margin:12px 0; line-height:20px; letter-spacing:-1px; font-weight:300; }
.contentWLinner .productW .p_infoW dl dd.volume{ padding:13px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.contentWLinner .productW .p_infoW dl dd span{ display:inline-block; width:100px; color:#7d7d7d;}
.contentWLinner .productW .p_infoW dl dd span.ef{ display:inline-block; width:auto; color:#ff0100;}
.contentWLinner .productW .p_infoW dl dd.c_price{padding:13px 0; border-bottom:1px solid #eee;}
.contentWLinner .productW .p_infoW dl dd.s_price{padding:13px 0; border-bottom:1px solid #999;}
.contentWLinner .productW .p_infoW .Btn{ overflow:hidden; }
.contentWLinner .productW .p_infoW .Btn li{ float:left; width:205px; height:60px; line-height:58px; text-align:center; letter-spacing:-0.7px; font-size:16px; box-sizing:border-box;}
.contentWLinner .productW .p_infoW .Btn li > a{display:block; }
.contentWLinner .productW .p_infoW .Btn li.btn_s{ margin-right:10px; background-color:#2d2d2d; }
.contentWLinner .productW .p_infoW .Btn li.btn_s > a{color:#fff;}
.contentWLinner .productW .p_infoW .Btn li.btn_o{ color:#2d2d2d; border:1px solid #7d7d7d;}
.contentWLinner .productW .p_infoW .Btn li.btn_sp{ color:#2d2d2d; border:1px solid #7d7d7d;}
.contentWLinner .productW .p_infoW .Btn li.btn_s > a > .shop{ display:inline-block; width:22px; height:21px; margin: 0 5px -5px 0; background:url('/images/skin_scalp/shopicon.png') no-repeat; }
.contentWLinner .productW .p_infoW .Btn li.btn_o > a > .online{  display:inline-block; width:22px; height:18px; margin: 0 5px -3px 0; background:url('/images/skin_scalp/onlineicon.png') no-repeat;}
.contentWLinner .productW .p_infoW .Btn li.btn_o_new{color:#2d2d2d; border:1px solid #7d7d7d;}
.contentWLinner .productW .p_infoW .Btn li.btn_o_new > a > .online{  display:inline-block; width:22px; height:18px; margin: 0 5px -3px 0; background:url('/images/skin_scalp/onlineicon.png') no-repeat;}
.pre_slideW{ width:1170px;  margin:50px auto;}
.pre_slideW h3{ margin:10px 0 45px;}
.pre_slideW .slide_Bg{ position:relative; width:1170px; height:342px;  background:url('/common/images/index/slide_bg.png') no-repeat;}
.pre_slideW .slide_Bg .slide{text-align:center;}
.pre_slideW .slide_Bg .bx-wrapper{ margin: 0 auto;}

.pre_slideW .bx-controls .bx-controls-direction > a{position: absolute;  top: 40%; display:inline-block; width:58px; height:60px;  text-indent:-999px; font-size:0; z-index:1000;}
.pre_slideW .bx-controls .bx-controls-direction > a.bx-prev{ left:0; background:url('/common/images/index/prev.png') no-repeat;}
.pre_slideW .bx-controls .bx-controls-direction > a.bx-next{ right:0;background:url('/common/images/index/next.png') no-repeat;}
.pre_slideW .bx-controls .bx-controls-direction a.disabled {  display: none;}
.detailWrap{ width:100%;  margin:0 auto;}
.detailWrap .detailtap{ overflow:hidden;  width:1170px; margin: 0 auto 50px; }
.detailWrap .detailtap li{float:left; width:33.3%; height:50px; line-height:50px; text-align:center; box-sizing:border-box; background-color:#f3f3f3; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #2d2d2d; box-sizing:border-box; }
.detailWrap .detailtap.ef li{ width:292px;}
.detailWrap .detailtap li > a{ display:block;font-size:14px; color:#7d7d7d; }
.detailWrap .detailtap li.on{ background-color:#fff; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d; border-left:1px solid #2d2d2d; border-bottom:1px solid #fff; }
.detailWrap .detailtap li:hover{background-color:#fff; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d; border-left:1px solid #2d2d2d; border-bottom:1px solid #fff;  }
.detailWrap .detailtap li:nth-child(2):hover{background-color:#fff; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d; border-left:1px solid #fff; border-bottom:1px solid #fff;  }
.detailWrap .detailtap li.on > a{ color:#2d2d2d;}
.detailWrap .detailtap li:hover > a{ color:#2d2d2d;}
.detailWrap .viewWrap{ margin-bottom:200px; text-align: center;}
.detailWrap .viewWrap article > img{width:1170px; margin:0 auto;}
.detailWrap .viewWrap article .videoW{ width:1170px; margin:50px auto;}
.detailWrap .viewWrap article .videoW > p{ text-align: left;}
.detailWrap .viewWrap article .videoW .videoW-inner{ padding:50px 100px;  text-align: left; background-color:#f5f5f5;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox{overflow:hidden; margin-bottom:30px; }
.detailWrap .viewWrap article .videoW .videoW-inner .videobox:last-child{margin-bottom:0;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox p{ float:left;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox .info1{position:relative; z-index:100;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox .info1:after{content:''; position:absolute; top:120px; width:19px; height:35px; background:url('/common/images/index/arrow.png') no-repeat;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox .info2{position:relative; z-index:100;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox .info2:before{content:''; position:absolute; top:120px; left: -19px;width:19px; height:35px; background:url('/common/images/index/arrow2.png') no-repeat;}
.detailWrap .viewWrap article .videoW .videoW-inner .videobox .video{ width:460px; height:280px; background-color:#ddd; z-index:50}

/*all products start 190927*/
.A_product_Wrap > ul { margin-bottom:57px;}
.A_product_Wrap > ul > li { float:left; width:50%; text-align:center; font-size:24px; color:#888; line-height:54px; background:#f3f3f3; border-top:1px solid #cecece; border-bottom:1px solid #cecece; box-sizing:border-box; cursor:pointer;}
.A_product_Wrap > ul > li.on { color:#fff; background:#4dafb0;}
.A_product_Wrap > ul > li:first-child { border-right:1px solid #cecece;}
.A_product_Wrap > ul > li span { padding-left:12px;  font-size:16px; }
.product_map { font-size:0;}
.product_map > * { display:none;}
.product_map > *.on {display:block;}
.by_type{ border-top:2px solid #4dafb0; }
.by_type > li { border-bottom:1px solid #ddd;}
.by_type h3 { float:left; display:inline-block; padding:105.5px 0; width:244px; background:#eee; vertical-align:top; font-size:16px; color:#222; text-align:center;}
.by_type > li ul { float:left; width:calc( 100% - 244px);}
.by_type > li ul.li_first { border-bottom:1px solid #ddd;}
.by_type > li ul li { display:inline-block; width:20%; height:235px;text-align:center;} 
.by_type > li ul li  img { padding:22px 0 3px;}
.by_type > li ul li p { font-size:14px; color:#4dafb0; line-height:16px;}
.by_line{  width:100%; }


/*all products end*/

.sol_tabW{overflow:hidden; width:1170px; padding-bottom: 50px; }

.solution_all{ float:left; width:168px; height:110px; line-height:110px; text-align:center; box-sizing: border-box; font-size:13px;border:1px solid #ddd;border-right:none; }
.solution_all > a{ display:block; }
.solution_all.on a{color:#fff;}
.solution_all.on { background-color:#4dafb0; }


.by_solution{ float:left; overflow:hidden; width:1002px;}
.by_solution li { float:left; width:167px; height:55px; line-height:55px; text-align:center; font-size:16px; cursor:pointer; box-sizing: border-box; border:1px solid #ddd; border-right:none;  }
.by_solution li:nth-child(6), .by_solution li:nth-child(12){  border-right: 1px solid #ddd; }
.by_solution li:nth-child(7){  border-right: none; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.by_solution li:nth-child(13){  border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;; border-left: 1px solid #ddd;}
.by_solution li:nth-child(1), .by_solution li:nth-child(2), .by_solution li:nth-child(3), .by_solution li:nth-child(4), .by_solution li:nth-child(5), .by_solution li:nth-child(6){ border-bottom:none;}
.by_solution li > a { display:block; color:#7d7d7d;}
.by_solution li.on > a { color:#fff; }
.by_solution li.on{ background-color:#4dafb0; }

.skin_by_solution{ float:left; overflow:hidden; width:1002px;}
.skin_by_solution li { float:left; width:250px; height:55px; line-height:55px; text-align:center; font-size:13px; cursor:pointer; box-sizing: border-box; border:1px solid #ddd; border-right:none;  }
.skin_by_solution li:nth-child(4n){border-right:1px solid #ddd;  }
.skin_by_solution li:nth-child(1), .skin_by_solution li:nth-child(2), .skin_by_solution li:nth-child(3), .skin_by_solution li:nth-child(4){ border-bottom:none;}
.skin_by_solution li > a { display:block; color:#7d7d7d;}
.skin_by_solution li.on > a { color:#fff; }
.skin_by_solution li.on{ background-color:#4dafb0; }




.type_list{ overflow:hidden; }
.type_list li{ float:left; margin:0 12px 12px 0;  }
.type_list li:nth-child(3n){ margin-right:0; }


/* 제품상세 end*/




/* Scalp&Hairloss end*/


/* Shop start */

/* 공식오프라인몰 start */
.shopList{ width:100%;}
.shopList .tab{ overflow:hidden; }
.shopList .tab li{ float:left;}
.shopList .con_wrap{ margin-top:35px; }
.shopList .con_wrap .shopBox{ width:100%; }
.shopList .con_wrap .shopBox .shop_search{ overflow:hidden; padding:10px; background-color:#f8f8f8;}
.shopList .con_wrap .shopBox .shop_search .searchbox{ float:left;  width:660px;background-color:#fff; }
.shopList .con_wrap .shopBox .shop_search .searchbox > p{ overflow:hidden; margin: 10px 0 57px; padding-left:61px;}
.shopList .con_wrap .shopBox .shop_search .searchbox > p > span{ float:left; display:inline-block; width:100px; height:40px; background:url('/images/shop/name_btn.jpg') no-repeat;}
.shopList .con_wrap .shopBox .shop_search .searchbox > p > input{ display:inline-block; width:255px; height:33px; margin:0 5px 0 15px; padding-left:10px; letter-spacing:-0.5px font-size:15px; color:#9d9d9d; }
.shopList .con_wrap .shopBox .shop_search .searchbox > p > .searchbtn{ display:inline-block;width:110px; height:40px; font-size:0; text-indent:-999px; background:url('/images/shop/serchbtn.jpg') no-repeat; }
.shopList .con_wrap .shopBox .shop_search .mapbox{ float:left;  }
.shopList .con_wrap .shopBox .shop_list{ width:100%; margin:50px 0 25px; }
.shopList .con_wrap .shopBox .shop_list thead{ border-top:2px solid #747474; border-bottom:1px solid #747474; }
.shopList .con_wrap .shopBox .shop_list thead tr th{padding:16px 0; font-weight:500; font-size:14px; color:#2d2d2d;}
.shopList .con_wrap .shopBox .shop_list tbody{border-bottom:1px solid #747474; }
.shopList .con_wrap .shopBox .shop_list tbody tr{ border-bottom:1px solid #ddd; }
.shopList .con_wrap .shopBox .shop_list tbody tr:last-child{ border-bottom:none;}
.shopList .con_wrap .shopBox .shop_list tbody tr:hover{ background-color:#fafafa;}
.shopList .con_wrap .shopBox .shop_list tbody tr td{padding:17px 0;  text-align:center;}

.shopList .con_wrap .shopBox .shop_positionW{ width:1170px; padding:35px 0 20px;}
.shopList .con_wrap .shopBox .shop_positionW h3{ margin-bottom:15px;text-align:center; font-size:40px; color:#2d2d2d;}
.shopList .con_wrap .shopBox .shop_positionW .phone_num{ width:550px; height:60px; margin: 0 auto 50px; line-height:60px; text-align:center;  font-size:22px; color:#5d5d5d; border:1px solid #ddd; border-radius:40px;:}
.shopList .con_wrap .shopBox .shop_positionW .phone_num .ph_t{ position:relative; display:inline-block; margin-right:10px; font-weight:500; color:#4dafb0;}
.shopList .con_wrap .shopBox .shop_positionW .phone_num .ph_t:before{content:''; float: left; margin:17px 2px 0 0; width:32px; height:28px; background:url('/images/shop/callimg.png') no-repeat; }
.shopList .con_wrap .shopBox .shop_positionW .phone_num .ph_num{ font-size:21px; }
.shopList .con_wrap .shopBox .shop_positionW .pos_W{ overflow:hidden; width:1170px; margin-bottom:50px;}
.shopList .con_wrap .shopBox .shop_positionW .pos_W h4{ margin-bottom:7px; font-weight:600; font-size:23px; color:#5d5d5d;}
.shopList .con_wrap .shopBox .shop_positionW .pos_W .address{ float:left; width:585px;}
.shopList .con_wrap .shopBox .shop_positionW .pos_W .address .address_d{ line-height:22px; font-size:16px; color:#5d5d5d;}
.shopList .con_wrap .shopBox .shop_positionW .pos_W .time{  float:left; width:420px; padding-left:165px;}
.shopList .con_wrap .shopBox .shop_positionW .pos_W .time > ul li{line-height:22px;  font-size:16px; color:#5d5d5d;}
/*.shopList .con_wrap .shopBox .shop_positionW .pos_W .time > ul li:before{content:''; float:left; width:6px; height:15px; margin:3px 5px 0 0; background:url('/images/shop/list_icon.png') no-repeat; }*/
.shopList .con_wrap .shopBox .shop_positionW .MapW{ width:1170px; text-align:center; }
.shopList .con_wrap .shopBox .shop_positionW .MapW h4{ margin-bottom:7px; text-align:left; font-weight:600; font-size:23px; color:#5d5d5d;}
.shopList .con_wrap .shopBox .shop_positionW .MapW .map{ width:1150px; height:320px; padding:10px; background-color:#f8f8f8; }
.shopList .con_wrap .shopBox .shop_positionW .MapW .list_btn{ display:inline-block; width:230px; height:40px; line-height:40px; margin:50px auto 0; text-align:center; font-size:15px; color:#fff; background-color:#4dafb0; }

.shopList .con_wrap .globalBox{ display:none; width:100%; }
.shopList .con_wrap .globalBox .global_map{ position:relative; width:1170px; height:550px; background:url('/images/shop/global_mapre_1.jpg') no-repeat; }
.shopList .con_wrap .globalBox .global_map > img{ position:absolute;}
.shopList .con_wrap .globalBox .global_map .jinggang{ top:140px; left:467px; }
.shopList .con_wrap .globalBox .global_map .chongzhou{ top:157px; left:263px;}
.shopList .con_wrap .globalBox .global_map .junggyeong{ top:275px; left:280px;}
.shopList .con_wrap .globalBox .global_map .daetong{ top:278px; left:476px;}
.shopList .con_wrap .globalBox .global_map .cambodia{ top:373px; left:228px;}
.shopList .con_wrap .globalBox .global_map .australia{ bottom:87px; left:525px;}
.shopList .con_wrap .globalBox .global_map .usa{ top:159px; right:292px;}
.shopList .con_wrap .globalBox .global_map .russia{ top:101px; right:770px;}
.shopList .con_wrap .globalBox .global_map .australia2{ bottom:87px; left:351px;}
.shopList .con_wrap .globalBox .global_map .ecuador{ top:284px; right:281px;}
.shopList .con_wrap .globalBox .global_map .nagoya{bottom:269px; left:503px;}
.shopList .con_wrap .globalBox .global_map .c_jinggang{ display:none; position:absolute; top: 43px; left: 400px; width:240px; height:70px; padding: 14px 18px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .c_jinggang li {font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .c_chongzhou{ display:none; position:absolute; top: 57px; left:195px; width:240px; height:70px; padding: 14px 18px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .c_chongzhou li { font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .c_junggyeong{  display:none; position:absolute; top: 177px; left:195px; width:240px; height:70px; padding: 14px 18px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .c_junggyeong li { font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .c_daetong{ display:none; position:absolute; top: 179px; left:395px; width:240px; height:86px; padding: 6px 18px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .c_daetong li {line-height:17px;  font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .g_cambodia{ display:none; position:absolute; top: 274px; left:151px; width:246px; height:86px; padding: 6px 15px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .g_cambodia li {line-height:17px;  font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .g_australia{  display:none; position:absolute; bottom:126px; left:441px; width:246px; height:86px; padding: 6px 15px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .g_australia li {line-height:17px;  font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .g_usa{ display:none; position:absolute; top: 60px; right: 180px; width:246px; height:70px; padding: 14px 15px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .g_usa li { font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .g_russia{ display:none; position:absolute; top: 5px; left:225px; width:240px; height:86px; padding: 6px 18px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .g_russia li {line-height:17px;  font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .g_australia2{  display:none; position:absolute; bottom:126px; left:280px; width:246px; height:86px; padding: 6px 15px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .g_australia2 li {line-height:17px;  font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_map .g_ecuador{ display:none; position:absolute; top: 185px; right: 220px; width:246px; height:70px; padding: 14px 20px; background:url('/images/shop/global_pop.png') no-repeat; }
.shopList .con_wrap .globalBox .global_map .g_ecuador li { font-size:12px; color:#5d5d5d;}
.shopList .con_wrap .globalBox .global_list{ width:100%; margin:50px 0 25px; }
.shopList .con_wrap .globalBox .global_list thead{ border-top:2px solid #747474; border-bottom:1px solid #747474; }
.shopList .con_wrap .globalBox .global_list thead tr th{padding:16px 0; font-weight:500; font-size:14px; color:#2d2d2d;}
.shopList .con_wrap .globalBox .global_list tbody{border-bottom:1px solid #747474; }
.shopList .con_wrap .globalBox .global_list tbody tr{ border-bottom:1px solid #ddd; }
.shopList .con_wrap .globalBox .global_list tbody tr:last-child{ border-bottom:none;}
.shopList .con_wrap .globalBox .global_list tbody tr:hover{ background-color:#fafafa;}
.shopList .con_wrap .globalBox .global_list tbody tr td{ font-size:15px; color:#5d5d5d; padding:27px 0; text-align:center;}
.shopList .con_wrap .globalBox .global_list tbody tr td.flagW{text-align:left; padding-left:45px;}
.shopList .con_wrap .globalBox .global_list tbody tr td.info{ text-align:left; padding-left:20px; }
.shopList .con_wrap .globalBox .global_list tbody tr td.info ul li:before { content:''; float:left; width:6px; height:15px; margin:3px 5px 0 0; background:url('/images/shop/list_icon.png') no-repeat; }
.shopList .con_wrap .globalBox .global_list tbody tr td .flag{ margin-right:7px;}
.shopList .con_wrap .pageW{overflow:hidden; width:100%;  padding-top:20px ;}
.shopList .con_wrap .pageW .pagebox{  display: table; margin: 0 auto;}
.shopList .con_wrap .pageW .pagelist{ overflow:hidden;  float:left;   }
.shopList .con_wrap .pageW .pagelist li{ float:left; width:34px; height:34px; margin: 0 3px;  text-align:center; line-height:34px;  margin-right:4px; border:1px solid #5d5d5d; }
.shopList .con_wrap .pageW .pagelist li:first-child{ margin-left:0;}
.shopList .con_wrap .pageW .pagelist li:last-child{margin-right:0;}
.shopList .con_wrap .pageW .pagelist li > a{ display:block; }
.shopList .con_wrap .pageW .pagelist li > a:hover{color:#fff; background-color:#5d5d5d;}
.shopList .con_wrap .pageW .pagelist li > a.on{ color:#fff; background-color:#5d5d5d;}
.shopList .con_wrap .pageW span{  float:left;  display:inline-block; width:34px; height:34px; margin: 0 5px;  font-size:0; border:1px solid #5d5d5d; background:url('/images/community/p-next.png') no-repeat;}
.shopList .con_wrap .pageW span.prev{ background:url('/images/community/p-prev.png') no-repeat; cursor:pointer;}
.shopList .con_wrap .pageW span:hover{ background-color:#ddd;}

/* 공식오프라인몰 end*/


/* 제휴/유통문의 start*/
.alli_Write{ overflow:hidden; width:100%;  }
.alli_Write .vital{ float:right; position:relative;margin-bottom:5px;}
.alli_Write .vital .vitalicon{ position:absolute;top: 3px;left: -16px;display:inline-block; width:16px; height:14px;font-size: 0; text-indent:-999px; background:url('/images/community/vitalimg.png') no-repeat;}
.alli_Write table{ width:100%; margin-bottom:15px; border-top: 2px solid #747474; border-bottom: 1px solid #747474;  }
.alli_Write table tbody{ width: 100%; }
.alli_Write table tbody tr{ border-bottom: 1px solid #ddd;}
.alli_Write table tbody tr:last-child{ border-bottom:none;}
.alli_Write table tbody tr th { padding: 24px 0; vertical-align: middle; font-weight:400;  font-size:15px; color:#5d5d5d; background:#f0f0f0; }
.alli_Write table tbody tr th > .vt{ margin:-16px 0 0 -2px; }
.alli_Write table tbody tr td { padding-left:30px; }
.alli_Write table tbody tr td input{ height:30px; border:1px solid #747474;}
.alli_Write table tbody select::-ms-expand {  display: none;}
.alli_Write table tbody tr td select{ height:34px; border:1px solid #747474; -webkit-appearance: none; -moz-appearance: none; appearance: none;  background: url('/images/community/detailarrow.png') no-repeat 99% 50%; }
.alli_Write table tbody tr td textarea{  width:855px; padding:20px; border:1px solid #747474;}
.alli_Write table tbody tr td select.section{width:845px; padding-left:20px; }
.alli_Write table tbody tr td input.name{  width: 823px; padding-left:20px;}
/*
.alli_Write table tbody tr td input.email1{width:291px; background: url('/images/community/email.png') no-repeat 98% 57%;}
*/
.alli_Write table tbody tr td input.email1{width:150px;}
.alli_Write table tbody tr td input.email2{width:156px;padding-left:20px;}
/*
.alli_Write table tbody tr td select.email { width:300px; padding-left:20px;}
*/

.alli_Write table tbody tr td.file_input label {  position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:30px; background:#777; color:#fff; text-align:center; line-height:30px; border-radius:2px;}
.alli_Write table tbody tr td.file_input label input { position:absolute;display:none; width:0; height:0; overflow:hidden;}
.alli_Write table tbody tr td.file_input input[type=text] { vertical-align:middle;  display:inline-block; width:353px; height:28px; line-height:28px; font-size:12px;color:#333; padding:0; border:0; border:1px solid #9d9d9d;}


.alli_Write table tbody tr td select.email { width:204px; padding-left:20px;}
.alli_Write table tbody tr td select.phone{ width:150px; padding-left:20px;}
.alli_Write table tbody tr td input.pw { width:290px;}
.alli_Write table tbody tr td.last{padding:25px 0 25px 30px;}
.alli_Write table tbody tr td input.attach{ width:300px; padding-left:20px;}
.alli_Write table tbody tr td .fileattach{ width:120px; height:35px; margin-left:5px; line-height:35px; text-align:center; font-size:15px; color:#fff;background-color:#5d5d5d;}
.alli_Write .agreeW{ margin-bottom:35px;}
.alli_Write .agreeW .checkbox-wrap{cursor: pointer;}
.alli_Write .agreeW .checkbox-wrap span{font-size:15px; color:#5d5d5d; margin: 0 15px 0 7px;}
.alli_Write .agreeW .check-icon{display: inline-block; width: 20px; height: 20px; margin-top: -4px; vertical-align: middle; background: url('/images/community/checkwrap.jpg') left center no-repeat;  transition-duration: .3s; }
.alli_Write .agreeW input[type=checkbox] {display:none;}
.alli_Write .agreeW input[type=checkbox]:checked + .check-icon { background: url('/images/community/checkicon.jpg') no-repeat; }
.alli_Write .agreeW .agree_all{ display:inline-block; width:70px; height:25px; line-height:25px; text-align:center;color:#fff; background:#5d5d5d; cursor:pointer; }
.alli_Write .btnW{ overflow:hidden; width:100%; padding-bottom:50px; text-align: center; }
.alli_Write .btnW a{ display:inline-block;  }
.alli_Write .btnW .okbtn{width:200px; height:40px; margin-left:90px; line-height:40px; text-align:center; font-size:15px;  color:#fff;  background:#4dafb0;}
.alli_Write .btnW .okbtn:hover{ background-color:#389899;}
.alli_Write .btnW .listbtn{ float:right; width:100px; height:35px; line-height:35px;  font-size:15px;  color:#2d2d2d; border:1px solid #9d9d9d;}
.alli_Write .btnW .listbtn:hover{ background-color:#fafafa;}
/* 제휴/유통문의 end*/


/* Shop end*/


.certify_Wrap .tab{ overflow:hidden;}
.certify_Wrap .tab li{ float:left;}
.certify_Wrap .con_wrap .attachbox{ display:none; width:100%; }
.certify_Wrap .con_wrap .certifybox{ display:none; width:100%; }


.BestWrap{ width:100%; padding-bottom:50px;}
.BestWrap .top_img{ margin-bottom:50px;}
.BestWrap .tab{ overflow:hidden;}
.BestWrap .tab li{ float:left;}
.BestWrap .con_wrap{ margin-top:35px; }
.BestWrap .con_wrap .scalpBox{ width:100%; }
.BestWrap .con_wrap .skinBox{ display:none; width:100%; }
.BestWrap .con_wrap .s_list{overflow:hidden; width:100%;}
.BestWrap .con_wrap .s_list li{overflow:hidden; float:left; width:50%; box-sizing:border-box; border:1px solid #ddd;background-color:#fff; -webkit-transition: background-color .5s, -webkit-transform .5s; transition:background-color .5s, transform .5s;}
.BestWrap .con_wrap .s_list li:nth-child(2n){ border-left:none;}
.BestWrap .con_wrap .s_list li:nth-child(1){ border-bottom:none;}
.BestWrap .con_wrap .s_list li:nth-child(2){border-bottom:none;}
.BestWrap .con_wrap .s_list li .pro_info{ float:left; padding:50px 0 0 45px;  }
.BestWrap .con_wrap .s_list li .pro_info h3{ margin:0 0 -2px 0;  font-size:32px; color:#2d2d2d; }
.BestWrap .con_wrap .s_list li .pro_info .e_t{margin-bottom:30px; font-weight:300;  font-size:14px; color:#9d9d9d; }
.BestWrap .con_wrap .s_list li .pro_info .sub{ font-weight:600;  font-size:15px; color:#5d5d5d; }
.BestWrap .con_wrap .s_list li .pro_info .info{ margin-bottom:45px; letter-spacing:-0.8px; font-size:15px; color:#5d5d5d; }
.BestWrap .con_wrap .s_list li .pro_info .detail{ width:130px; height:33px; line-height:33px;text-align:center; border:1px solid #5d5d5d; }
.BestWrap .con_wrap .s_list li .pro_info .detail > a {display:block;  font-weight:500;  font-size:16px; color:#2d2d2d; background-color:#fff; -webkit-transition: background-color .5s, -webkit-transform .5s; transition:background-color .5s, transform .5s;}
.BestWrap .con_wrap .s_list li:hover{background-color:#eee;}
.BestWrap .con_wrap .s_list li:hover .pro_info .detail > a{ color:#fff; background-color:#5d5d5d;}
.BestWrap .con_wrap .scalpBox .scalplist li .pro_img{ float:right; }











/* 이용약관/개인정보 취급방침 */
.P_popup{ display:none; position:fixed; top:0; left:0; width:600px; height:500px; background-color:#eee; z-index:101;}
.dim{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:100;}

.P_popup .tab-etc{width:600px; height:60px;}
.P_popup .tab-etc li{float:left; width:300px; height:60px; line-height:44px; text-align:center; }
.P_popup .tab-etc li a{display:table; width:100%; height:60px; line-height:60px; font-size:16px; font-weight:500; background:#ddd; box-sizing:border-box;}
.P_popup .tab-etc li a.on{  background:#fff;}

.P_popup .etc-box{width:580px; height:400px; padding:20px 10px; background-color:#fff; overflow-x:hidden; overflow-y:auto; }
.P_popup .etc-box h4{font-weight:600; font-size:18px;}