@charset "UTF-8";

.nanumsquare{ font-family: 'NanumSquare', sans-serif !important; }

/* 띠배너 */
#lghello_topBanr_wrap{position:relative; width:100%; height:70px; background:linear-gradient(139deg, rgba(181,204,45,1) 0%, rgba(181,204,45,1) 48%, rgba(45,179,168,1) 100%);}
#lghello_topBanr_wrap>.lghello_topBanr{width:1200px; margin:0 auto; display:flex;}
#lghello_topBanr_wrap>.lghello_topBanr>.topBanr_list{width:33.3%; display:flex;}
#lghello_topBanr_wrap .topBanr_list>.topBanr_icon{margin:7px 5px 0 0;}
#lghello_topBanr_wrap .topBanr_list p{height:70px; font-size:20px; color:#fff; line-height:70px; text-shadow:1px 1px 4px rgba(0,0,0,0.3)}
#lghello_topBanr_wrap .topBanr_list p>b{font-weight:600 !important;}

/* 검색 */
.lghello_hdwrap{height: 180px;}
#lghello_hd_sch { width:500px; height: 70px; position:absolute; top:45%; left:50%; margin:-19px 0 0 -250px;}
#lghello_hd_sch .lghello_sch_frm { 
    width:500px; height:50px; }
#lghello_hd_sch .lghello_sch_frm .lghello_sch_submit { 
    width:50px; height:50px; color:#5C08A5; font-size:25px;
    position: absolute; top: 0; right:5px;
}
#lghello_hd_sch .lghello_sch_frm .lghello_sch_stx {
    width: 500px; height: 50px; border: 0; top: 6px; left: 15px; line-height: 1.6; background-color: #e9e9e9; border-radius: 50px; padding: 0 15px; font-size: 16px; color: #292929; text-align: center;}
input.lghello_sch_stx::placeholder {
    font-size:16px; letter-spacing: -0.3px; text-align: center; color: #888888}
/* infut에 포커스 될 때 placeholder사라지게 하기 */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}
#lghello_hd_sch ul {
    display: flex;
    margin: 0 auto;
    padding: 0 35px 0;
    zoom: 1;
    width:100%;
    justify-content: center;
}
#lghello_hd_sch ul li {
    float: left;
    text-align: center;
    margin-top: 10px;
    width: 15%;
}
#lghello_hd_sch ul li a {
  display: block;
  color:#5C08A5;
  font-size: 11px;
}
.lghello_hd_logo{position:relative}
.lghello_shop_name{
    position: absolute;
    bottom: 15px;
    right: 101px;
    height: 40px;
    line-height: 40px;
    color: #6d6e70;
    font-size:26px
 }

 #sticky-counsel_lghello{
  position: fixed;
  border-radius: 10px;
  bottom: 1%;
  left: 0;
  right: 0;
  width: 99%;
  transform: translateX(0.5%);
  /* border-top: 1px solid #ededed; */
  color: #000;
  background-color: rgba(37,37,37,0.98);
  z-index: 9999;

 }
 #sticky-counsel_lghello .fix-width {
  position: relative;
  height: 70px;
  padding: 12px 0px 0 80px;
  background: url(/img/lghellovision/main/call_icon_sticky.gif) no-repeat 20px 16px;
}


.tts_lghello {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

span.lghello_call_wrap {
  display: block;
}

.counsel-input_lghello .title.ns.lghello {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: #e6e6e6;
}
p.title_lghello.ns.lghello {
  font-size: 28px;
  color: #e6e6e6;
  font-weight: 900;
  margin-left: -3px;
}


.counsel-input_lghello .desc.lghello {
  display: inline-block;
  position: absolute;
  left: 269px;
  top: 18px;
  padding-left: 40px;
  font-size: 13px;
  line-height: 26px;
  color: #222;
}

.counsel-input_lghello .desc strong {
  font-size: 17px;
}

.counsel-input_lghello .input-area {
  position: absolute;
  left: 320px;
  top: 16px;
}

.counsel-input_lghello input[type=text] {
  width: 200px;
  height: 36px;
  border: 0;
  margin-right: 5px;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 26px;
  border-radius: 10px;
  background-color: #686868;
}

.btn-lghello{margin-left: 20px; background-color: #bfe10e; color: #292929; transition:all 0.3s;}
.btn-lghello.focus,
.btn-lghello:focus,
.btn-lghello:hover{background-color: #7d8f23; color: #f7f7f7;}

div.lghello_menu_wrap{height:50px !important; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;}


/* #lghello-main-top-slide */
#lghello-main-top-slide-wrap{paddinG:30px 0 50px; position: relative;}
div#lghello-main-top-slide-wrap>div.swiper-pagination.lghello{width: 100%; bottom:25px;}
div.swiper-pagination.lghello .swiper-pagination-bullet{background-color: #8eaa00 !important; width: 10px!important; height: 10px!important; margin-right: 3px;;  }
.swiper-pagination-bullet:last-child{margin: 0;}

div.swiper-button-prev.lghello,div.swiper-button-next.lghello{color: #bfe10e;}
div.swiper-button-prev.lghello{left:50%; margin-left:-650px;}
div.swiper-button-next.lghello{right:50%; margin-right:-650px;}

.swiper-container.lghello-main-top-slide {
width:1200px;
height: 100%;
}
.swiper-wrapper.lghello {
height: 100%;
}
.swiper-wrapper.lghello>div.swiper-slide {
height:380px !important;
text-align: center;
font-size: 18px;
background-color: #fff;
border-radius:25px;
overflow: hidden;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-wrapper>div.swiper-slide>a{width: 100%; height: 100%;}

#lghello-keyword{background-color:#e8e7e4; padding:40px 0;}
.lghello-keyword-wrap{width:1200px; margin:0 auto;} 
.lghello-keyword-wrap>h2{font-size:26px; text-align:left; margin:0 0 20px 0; font-weight:800; letter-spacing:-1.5px; color:#484848;}
.keyword-list-container{width:100%; display:flex; flex-wrap:wrap;}
.keyword-list{position:relative; width:290px; height:180px; margin:0 13px 0 0; background: linear-gradient(-45deg, rgba(74,213,89,1) 0%, rgba(70,211,221,1) 0%, rgba(6,130,198,1) 100%); border-radius:10px;}
.keyword-list:nth-child(4){margin-right:0px;}
.keyword-list>a{display:inline-block; position:absolute; width:100%;text-align:center; line-height:180px; font-size:22px; color:#f5f5f5 !important ; }
.keyword-list:before{display:block; width:100%; height:100%; content:''; position:absolute;; background-repeat:no-repeat; background-size:90% cover;transition:all 0.3s;}
.keyword-list:hover:before,.keyword-list:focus:before{transform:scale(1.1); opacity:0.3;}
.keyword-list:nth-child(1):before{background-image:url(/img/lghellovision/main/keyword-list-bg01.jpg);}
.keyword-list:nth-child(2):before{background-image:url(/img/lghellovision/main/keyword-list-bg02.jpg);}
.keyword-list:nth-child(3):before{background-image:url(/img/lghellovision/main/keyword-list-bg03.jpg);}
.keyword-list:nth-child(4):before{background-image:url(/img/lghellovision/main/keyword-list-bg04.jpg);}


.lghello_recommeneded{padding-bottom: 60px !important;}
.lghello_recommeneded_wrap{}
ul.lghello_recom_tabs{
  margin: 0 auto !important;
  height: 200px !important;
  overflow: initial !important;
  display: flex;
  justify-content: space-around;
}
ul.lghello_recom_tabs>li.lghello_recom_tab-link{
  position: relative;
  width: 130px !important;
  height: 130px;
  border-radius: 50%;
  /* margin: 1px 40px 20px 40px; */
  overflow: initial;
  float:initial;
}
.lghello_tabs_text{
  position: absolute;
  width: 130px;
  display: block;
  left: 0;
  margin: 0 !important;
  bottom: -50px;
}
li.lghello_recom_tab-link:after{position:absolute; left:0; content:''; display:block; width:130px; height:130px; border-radius:50%; background-size: contain;}

.lghello_recom_tab-link.season:after{background-image:url(/img/lghellovision/main/lghello-tap-icon01.png);}
.lghello_recom_tab-link.household:after{background-image:url(/img/lghellovision/main/lghello-tap-icon06.png);}
.lghello_recom_tab-link.kit:after{background-image:url(/img/lghellovision/main/lghello-tap-icon03.png);}
.lghello_recom_tab-link.digital:after{background-image:url(/img/lghellovision/main/lghello-tap-icon04.png);}
.lghello_recom_tab-link.health:after{background-image:url(/img/lghellovision/main/lghello-tap-icon05.png);}
.lghello_recom_tab-link.water:after{background-image:url(/img/lghellovision/main/lghello-tap-icon02.png);}

ul.lghello_recom_tabs>li.lghello_recom_tab-link.current{background:linear-gradient(50deg, rgba(20,135,236,0.6) -5%, rgba(191,225,14,0.6) 114%)!important;}
ul.lghello_recom_tabs>li.lghello_recom_tab-link.current>.lghello_tabs_text{color: #2382b9;}


div.lghello_recom_prd{position: relative;}
div.lghello_pr_low_banner{width:298px; height:577px; float:left;border: 1px solid #d7d7d7; box-sizing: border-box; margin:1px 1px 70px 1px ;}
div.lghello_pr_low_banner>a{display: block; width: 100%; height: 100%;}
div.lghello_pr_low_banner>div.lghello_pr_low{width: 71%; height: 577px; float: right;}
div.lghello_pr_low_banner~div.lghello_pr_low ul{width: auto !important;;}
div.lghello_pr_low_banner~div.lghello_pr_low ul li{width: 33.1% !important;}

button.lghello_moreviewBtn{position: absolute; left: 50%; margin:20px 0 0 -80px;; width: 160px; height: 50px; background-color: transparent; color:#bfe10e; border-radius: 50px; font-size: 22px; border: 2px solid #bfe10e; transition:all 0.3s;}
button.lghello_moreviewBtn:hover{background-color: rgba(191,225,14,0.8); color:#fafafa }

button.lghello_btn{background-color: #bfe10e !important;}
button.lghello_btn:hover{background: linear-gradient(50deg, rgba(20,135,236,1) 0%, rgba(191,225,14,1) 100%)!important;; border:none !important}


.tran.lghello:hover::before{border-top-color:#bfe10e; border-right-color:#bfe10e}
.tran.lghello:hover::after{border-bottom-color:#bfe10e; border-left-color:#bfe10e}

button.btn.btn-lg.ns.lghello_btn{background-color: #bfe10e; }
button.btn.btn-lg.ns.lghello_btn:hover{background: linear-gradient(-50deg, rgba(20,135,236,1) 0%, rgba(191,225,14,1) 100%)!important;  border:none !important}

strong.lghello_rslt_strong{color:#bfe10e !important}
span.m_price_lghello{color:#f44767 !important; font-weight:500 !important}

.lghello_large_btn{background-color: #bfe10e !important;  border:none}
.lghello_large_btn:hover{background: linear-gradient(-50deg, rgba(20,135,236,1) 0%, rgba(191,225,14,1) 100%) !important;}
.contract_lghello{
  display: flex;
}
.contract_lghello p{
  flex: 1;
  background-color: #e6e6e6; padding: 5px 0; font-size: 12px; border-radius: 30px; color:#595959; box-shadow: none; border:none;
}
.lghello_pr_low ul li .lghello_name,.lghello_name,.lghello_name{margin-top: 0 !important; padding:0px 10px  !important; ;}

.lghello_pr_desc ul li{
    width: 32.3% !important;
  }