/* BASIC css start */
#header {position: fixed; top: 0; left: 0; }
#header .WH {display:block !important; } 
#header .BK {display:none !important; }
#header .header_btm #hd_menu, #header .header_top .gnb li #hd_search_box .search_close_btn{color:#fff !important; }
#header .header_top .gnb li #hd_search_box input {border-color:#fff !important}
#header.headroom--not-top .WH {display:none!important; }
#header.headroom--not-top .BK {display:block!important; }
#header.headroom--not-top  .header_btm #hd_menu, #header.headroom--not-top  .header_top .gnb li #hd_search_box .search_close_btn{color:#000 !important; }
#header.headroom--not-top  .header_top .gnb li #hd_search_box input {border-color:#000 !important}
#contentWrapper {overflow:hidden}


/* top / salon */
.top {position: relative;}
.top .salon-img {position: absolute;left: 0;top:0;margin-top:192px;text-align: center;color:#fff;width: 100%;}
.top .salon-img p {font-size:32px; font-weight:300}
.top .salon-logo {margin-top:24px; }
.top .salon-bg img {width: 100%;}

/* top / logo */
.top .logo  {padding:128px 0;text-align: center;  }
.top .logo-box p {font-size:24px; font-weight:700 }
.top .brand-logo  {margin: 64px auto 68px;}
.top .logo-box p.txt {font-size:24px; font-weight:400; line-height:1.5}
.green {background-color:#787845;width: 100%;padding:96px 0;}
.green-text-box {max-width: 1400px;margin:0 auto;width:100%;display: flex;justify-content: space-around;align-items: stretch;position: relative;}
.green-text {text-align:center;position:relative;width: 33.333%;}
.green-text h3 {font-size:40px;font-weight:400;line-height: 1.3;color: #fff;margin-bottom: 32px;}
.green-text p {font-size:24px; color:rgba(255,255,255,0.7); line-height: 1.5; font-weight:300 }
.green-plus-img {position:relative;display:flex;align-items: center;justify-content: center;z-index:1;}
.green-plus-img:after {content: "";border-left: 1px solid #fff;height:100%;position: absolute;top: 0px;left: 24px;z-index: -1;}



/* middle */
.middle {padding-top:130px; }
.middle_youtube {text-align: center;margin-bottom:130px;}
.middle_group {display: flex;align-items: center;align-items: center}
.mid_img {width: 50%;}
.mid_img img {max-width: 100%; width:100%}
.mid_text_left {width: 50%;text-align: left; padding-left: 55px; box-sizing:border-box; padding-left:240px;  }
.mid_text_right {width: 50%;text-align: right; padding-right: 55px; box-sizing:border-box; padding-right:240px;  }
.middle_group .color {color: #787845; font-size: 25px;}
.middle_group .h5 {font-size: 45px;margin:35px 0px 60px;font-weight: bold;}
.middle_group .txt  {font-size:24px; font-weight:400}



/* bottom */
.bottom {text-align: center;background: #F7F7F7; padding:198px 0}
.bottom_top { margin-bottom: 72px;}
.bottom_top_h2 {font-size: 64px; font-weight:500; margin-bottom:48px}
.bottom_top_text {font-size: 24px; line-height:1.5}
.bottom_img {font-size:0;text-align:left;max-width: 1000px;margin: 0 auto;}
.faceimg {display:inline-block;  width:calc(33.33%)}
.faceimg img {width: 100%;}
.faceimg {position: relative;}
.name { position:absolute; bottom:0; left:0; padding:20px; box-sizing:border-box;  }
.name p { font-size:24px; font-weight:600;color:#fff; line-height:1 }
.name p.lb {font-size:20px; color:rgba(255,255,255,0.7); font-weight:400; margin-bottom:18px; }

.last {margin:196px auto 100px; text-align:center; }
.last_title {margin-bottom:72px}
.last_title h2 {font-size: 64px;}
.list_list {display: flex; align-items: flex-start; justify-content: flex-start;}
.list_con {width:50%; box-sizing:border-box; }
.list_con .img {margin-bottom:64px; }
.list_con .img img {width:100%}
.list_con .txt .tt {font-size:40px; font-weight:600; margin-bottom:38px}
.list_con .txt .p {font-size:24px; line-height:1.5;margin-bottom:32px }
.list_con .txt .link {display:inline-block; font-size:24px; border-bottom:2px solid #222; font-weight:800 }


@media screen and (max-width:1700px) {

    .mid_text_right {padding-right:4%}
    .mid_text_left{padding-left:4%}

}




/* BASIC css end */