@charset "utf-8";
#featureIdx01,
#featureIdx02,
#featureIdx04,
#featureIdx04,
#featureIdx05,
#featureIdx06,
#featureIdx07,
#featureIdx08,
#featureIdx09 {
  margin: 0 !important;
}
p {
  padding: 0;
}
picture {
  display: block;
}
.responsive.subLayout img {
  max-width: 100%;
}
.responsive.subLayout {
  max-width: 1600px;
  margin: 0 auto;
}

.tType0 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.5px;
}

.tType1 {
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  color: #000;
}
.tType2 {
  font-size: 60px;
  font-weight: 700;
  color: #000;
  line-height: 1.35;
}
.tType3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}
.tType4 {
  font-size: 43px;
  font-weight: 500;
  line-height: 1.2;
  color: #505050;
}

.tType5 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

.tType6 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
}

.tType7 {
  font-size: 14px;
  font-weight: 100;
  line-height: 1.2;
}

.tType8 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1px;
}

.tType9 {
  font-size: 30px;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

.tl {
  text-align: left !important;
}
.tr {
  text-align: right !important;
}
.tc {
  text-align: center !important;
}
.br_pc {
  display: block;
}
.br_m {
  display: none;
}
.only_pc {
  display: block;
}
.only_m {
  display: none;
}
.b {
  font-weight: 700 !important;
}
.fc_w {
  color: #fff !important;
}
.mediaImg {
  position: relative;
}
.bulList {
  margin-left: 10px;
}
.bulList li {
  margin-bottom: 3px;
  font-size: 14px;
  color: #888;
  list-style: none;
  text-align: left;
  text-indent: -10px;
  margin-left: 10px;
  line-height: 1.7;
  font-weight: 400;
}
.flexGroup {
  display: flex;
}
.flexGroup.half .flexItem {
  width: 49.5%;
}

#featureIdx01 .inLayout {
  position: relative;
  height: 998px;
  background: url("/kr/images/lg-styler/md08921837/usp/usp_0101.jpg") no-repeat 50% 0;
}
#featureIdx01 .tGroup {
  position: absolute;
  left: 17%;
  top: 48%;
  transform: translate(0%, -50%);
}
#featureIdx01 .tType0 {
  padding: 0 0 15px 0;
}

#featureIdx01 .tLogo {
  width: 616px;
  height: 130px;
  background: url("/kr/images/lg-styler/md08991843/usp/usp_logo.png") no-repeat 50% 0;
  display: block;
}

#featureIdx01 .tInfo {
  margin: 85px 0 0 10px;
  display: block;
}
#featureIdx01 .tInfo ul {
  margin-top: 35px;
}
#featureIdx01 .tInfo li {
  padding: 10px 0 11px 125px;
  margin-bottom: 40px;
  background: url("/kr/images/lg-styler/md08991843/usp/usp_0102.png") 0 0 no-repeat;
}
#featureIdx01 .tInfo li:nth-child(2) {
  background-position-y: -120px;
}
#featureIdx01 .tInfo li:nth-child(3) {
  background-position-y: -240px;
}
#featureIdx01 .tInfo li .tTit {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #6f0d0a;
}
#featureIdx01 .tInfo li .tSubTit {
  font-size: 16px;
  font-weight: 100;
  color: #3f3f3f;
}

#featureIdx02 .inLayout {
  padding-top: 80px;
  padding-bottom: 90px;
  background: #fff;
}

#featureIdx02 .tGroup {
  text-align: center;
}
#featureIdx02 .tType2 {
  color: #000;
  padding: 10px 0 70px;
}

#featureIdx02 .boxMist {
  display: inline-block;
  width: 43.8%;
  height: 430px;
  background: url("/kr/images/lg-styler/md08991843/usp/usp_0201.png") right 0 no-repeat;
}
#featureIdx02 .boxColor {
  margin-left: 115px;
}

#featureIdx02 .boxColor .tMist {
  display: inline-block;
  margin: 0 0 20px 0px;
  width: 127px;
  height: 46px;
  background: url("/kr/images/lg-styler/md08991843/usp/usp_tMist.png") center no-repeat;
}

#featureIdx02 .boxColor .tType4 {
  padding: 20px 0 25px;
  font-weight: 900;
}

#featureIdx02 .boxColor .tTxt {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  padding: 0 0 45px;
}

#featureIdx02 .colorCard {
  width: 74%;
}
#featureIdx02 .colorCard li {
  width: 140px;
  text-align: left;
  border: 1px solid #f0eee8;
  margin-right: 15px;
  margin-bottom: 18px;
  float: left;
}

#featureIdx02 .colorCard li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #fff;
  vertical-align: top;
  border-right: 1px solid #f0eee8;
}

#featureIdx02 .colorCard li > em {
  font-size: 14px;
  color: #000;
  padding: 5px 0 0 5px;
  display: inline-block;
  line-height: 20px;
}

#featureIdx02 .colorCard li span.beige {
  background-color: #ddd6cc;
}
#featureIdx02 .colorCard li span.green {
  background-color: #3b4745;
}
#featureIdx02 .colorCard li span.claybrown {
  background-color: #b2a497;
}
#featureIdx02 .colorCard li span.redwood {
  background-color: #ad736e;
}

#featureIdx03 .inLayout {
  position: relative;
  height: 900px;
  background: url("/kr/images/lg-styler/md08921837/usp/usp_0301.jpg") 0 no-repeat;
}

#featureIdx03 .tGroup {
  padding-top: 130px;
  padding-left: 17%;
}

#featureIdx04 .inLayout {
  position: relative;
}
#featureIdx04 .tGroup {
  position: absolute;
  left: 17%;
  top: 52%;
  transform: translate(0%, -50%);
  z-index: 9;
}
#featureIdx04 .tType5 {
  padding: 15px 0 20px;
}
#featureIdx04 .tType7 {
  padding: 15px 0 0;
}

#featureIdx04 .bx-pager {
  bottom: 52px;
}
#featureIdx04 .bx-controls-auto {
  bottom: 50px;
}
#featureIdx04 .bx-wrapper .bx-prev,
#featureIdx04 .bx-wrapper .bx-next {
  top: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  width: 40px;
  height: 76px;
}
#featureIdx04 .bx-wrapper .bx-prev {
  background-position: 4px 4px;
}
#featureIdx04 .bx-wrapper .bx-next {
  background-position: -51px 4px;
}

#featureIdx05 .inLayout {
  background: #8a8ca2;
  padding: 145px 0 135px;
  text-align: center;
}

#featureIdx05 .inLayout .tGroup {
  padding-left: 17%;
}

#featureIdx05 .inLayout .tGroup .tType5 {
  padding: 30px 0 105px;
}

#featureIdx05 .usp05_slide .tGroup {
  width: 60%;
  text-align: left;
}

#featureIdx05 .usp05_slide .tGroup .ico {
  display: block;
  width: 115px;
  height: 100px;
  background: url("/kr/images/lg-styler/md08991843/usp/usp_0500.png") 0 30px no-repeat;
}

#featureIdx05 .usp05_slide .tGroup .ico.sl02 {
  background-position-y: -130px;
}
#featureIdx05 .usp05_slide .tGroup .ico.sl03 {
  background-position-y: -250px;
}
#featureIdx05 .usp05_slide .tGroup .ico.sl04 {
  background-position-y: -383px;
}

#featureIdx05 .usp05_slide .tGroup .tType9 {
  padding: 30px 0 45px;
  font-weight: 300;
}
#featureIdx05 .usp05_slide .tGroup .tType7 {
  padding-top: 20px;
}

#featureIdx05 .bulList {
  padding: 45px 110px;
}
#featureIdx05 .bx-pager {
  bottom: -80px;
}
#featureIdx05 .bx-wrapper .bx-controls-direction {
  display: block;
}
#featureIdx05 .bx-wrapper .bx-controls-auto {
  margin-left: 55px;
  bottom: -83px;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  position: absolute;
  top: 145px;
  background: url("/kr/images/lg-styler/md08991843/usp/ico_arrow.png") 0 0 no-repeat;
  width: 33px;
  height: 66px;
  display: inline-block;
}
.bx-wrapper .bx-prev {
  left: 110px;
}
.bx-wrapper .bx-next {
  right: 115px;
  background-position-x: -56px;
}
.bx-wrapper .bx-next:hover {
  background-position-x: -56px;
}
.bx-wrapper .bx-controls {
  margin: 0;
}
.bx-wrapper .bx-pager {
  position: absolute;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #c3c3c5;
  border-radius: 14px;
  width: 14px;
  height: 15px;
  display: inline-block;
  border: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #dc1e58;
  width: 25px;
  height: 16px;
}
.bx-wrapper .bx-controls-auto {
  margin: 0;
  display: inline-block;
  width: auto;
  left: 50%;
  margin-left: 45px;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  margin: 0;
}
.bx-wrapper .bx-controls-auto .bx-start {
  width: 14px;
  height: 14px;
  background: url("/kr/images/lg-styler/md08991843/usp/ico_slide.png") center -24px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-start:hover {
  background: url("/kr/images/lg-styler/md08991843/usp/ico_slide.png") center -24px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  width: 14px;
  height: 14px;
  background: url("/kr/images/lg-styler/md08991843/usp/ico_slide.png") center 0 no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover {
  background: url("/kr/images/lg-styler/md08991843/usp/ico_slide.png") center 0 no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item .active {
  display: none;
}

#featureIdx06 .inLayout {
  padding: 130px 90px 0;
}
#featureIdx06 .tGroup .tType2 {
  padding-bottom: 105px;
}
#featureIdx06 .flexGroup {
  margin-bottom: 150px;
}
#featureIdx06 .flexGroup > div {
  width: 50%;
}
#featureIdx06 .flexGroup .tGroup {
  padding: 15px;
}
#featureIdx06 .flexGroup .tGroup .tType6 {
  padding: 35px 0 25px;
  font-weight: 500;
  line-height: 28px;
}
#featureIdx06 .bulList {
  margin-left: 0;
}

#featureIdx06 .ico_mark {
  display: block;
  width: 372px;
  height: 74px;
  background: url("/kr/images/lg-styler/md08938826/usp/usp_0603_mark.jpg") center no-repeat;
  margin-top: 115px;
}

#featureIdx07 .inLayout {
  position: relative;
  height: 1300px;
  background: url("/kr/images/lg-styler/md08921837/usp/usp_0701.jpg") 0 no-repeat;
}

#featureIdx07 .tGroup {
  position: absolute;
  left: 8%;
  top: 155px;
}
#featureIdx07 .tGroup .tType2 {
  padding: 10px 0;
}

#featureIdx08 .inLayout {
  padding: 135px 90px 0;
}
#featureIdx08 .tGroup .tType2 {
  padding-bottom: 125px;
}
#featureIdx08 .flexGroup {
  margin-bottom: 150px;
}
#featureIdx08 .flexGroup > div {
  width: 50%;
}
#featureIdx08 .flexGroup .tGroup {
  padding: 15px;
}
#featureIdx08 .flexGroup .tGroup .tType6 {
  padding: 35px 0 25px;
  font-weight: 500;
  line-height: 28px;
}
#featureIdx08 .bulList {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .responsive.subLayout {
    max-width: 100%;
    overflow: hidden;
  }

  .nbsp {
    display: none;
  }

  .tType0 {
    font-size: 15px;
  }

  .tType1 {
    font-size: 15px;
  }
  .tType2 {
    font-size: 31px;
    padding-left: 0;
  }
  .tType3 {
    font-size: 15px;
    padding-left: 0;
  }
  .tType4 {
    font-size: 24px;
  }
  .tType5 {
    font-size: 30px;
  }
  .tType6 {
    font-size: 14px;
  }
  .tType8 {
    font-size: 23px;
  }
  .tType9 {
    font-size: 21px;
  }
  .br {
    display: block;
  }
  .br_pc {
    display: inline-block;
  }
  .br_m {
    display: block;
  }
  .only_pc {
    display: none;
  }
  .only_m {
    display: block;
  }
  .bulList li {
    margin-right: 10px;
    font-size: 12px;
    text-align: left;
    text-indent: -10px;
    margin-left: 10px;
  }

  #featureIdx02 .colorCard li > em {
    padding: 0;
  }

  #featureIdx01 .inLayout {
    height: 178vw;
    background: url("/kr/images/lg-styler/md08921837/usp/usp_0101_m.jpg") no-repeat 50% 0;
    background-size: 100%;
  }
  #featureIdx01 .tGroup {
    left: 0;
    top: 10%;
    padding-left: 22px;
    width: 100%;
    display: block;
    transform: none;
  }

  #featureIdx01 .tType0 {
    padding-top: 0px;
    padding-bottom: 15px;
  }
  #featureIdx01 .tLogo {
    width: 78vw;
    height: 15vw;
    background-size: contain;
    background-position: 0;
  }

  #featureIdx01 .tInfo {
    display: block;
    margin: 19% 0 0;
  }

  #featureIdx01 .tInfo ul {
    margin-top: 30px;
  }
  #featureIdx01 .tInfo li {
    padding: 5px 0 6px 73px;
    margin-bottom: 30px;
    background-size: 60px auto;
  }
  #featureIdx01 .tInfo li:nth-child(2) {
    background-position-y: -87px;
  }
  #featureIdx01 .tInfo li:nth-child(3) {
    background-position-y: -177px;
  }
  #featureIdx01 .tInfo li .tTit {
    font-size: 14px;
    padding-bottom: 5px;
  }
  #featureIdx01 .tInfo li .tSubTit {
    font-size: 12px;
  }

  #featureIdx02 .inLayout {
    padding: 50px 0;
  }
  #featureIdx02 .tGroup {
    padding-left: 20px;
  }
  #featureIdx02 .tType1 {
    padding-bottom: 20px;
    text-align: left;
  }
  #featureIdx02 .tType2 {
    text-align: left;
    padding: 0 0 35px;
  }

  #featureIdx02 .flexGroup {
    display: block;
  }
  #featureIdx02 .boxMist {
    display: block;
    width: 100%;
    height: 75vw;
    background: url("/kr/images/lg-styler/md08991843/usp/usp_0201_m.jpg") 0 0 no-repeat;
    background-size: contain;
  }

  #featureIdx02 .boxColor {
    margin-left: 0px;
    padding: 0 20px;
  }
  #featureIdx02 .boxColor .tType2 {
    padding: 20px 0 0;
  }
  #featureIdx02 .boxColor .tType4 {
    padding: 8px 0 25px;
  }
  #featureIdx02 .boxColor .tTxt {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 20px;
  }
  #featureIdx02 .colorCard {
    width: 100%;
  }

  #featureIdx02 .colorCard li {
    font-size: 14px;
    margin-right: 38px;
  }
  #featureIdx02 .colorCard li:nth-child(2n) {
    margin-right: 0;
  }
  #featureIdx02 .colorCard li > span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #fff;
  }
  #featureIdx02 .colorCard li > em {
    font-size: 12px;
    line-height: 16px;
  }

  #featureIdx03 .inLayout {
    height: 140vw;
    background: url("/kr/images/lg-styler/md08921837/usp/usp_0301_m.jpg") no-repeat 50% 0;
    background-size: 100%;
  }

  #featureIdx03 .tGroup {
    padding-top: 65px;
    padding-left: 22px;
  }
  #featureIdx03 .tGroup .tType5 {
    font-size: 21px;
  }

  #featureIdx04 .tGroup {
    top: 25%;
    left: 22px;
  }
  #featureIdx04 .tType7 {
    font-size: 12px;
    z-index: 9;
    padding-top: 0;
    text-indent: -7px;
    padding-left: 7px;
    line-height: 21px;
  }
  #featureIdx04 .tType5 {
    padding: 15px 0;
  }
  #featureIdx04 .tType5.t3 {
    display: none;
  }
  #featureIdx04 .bx-pager {
    bottom: 15px;
  }
  #featureIdx04 .bulList {
    left: 22px;
    margin-left: 0;
  }

  #featureIdx04 .bx-wrapper .bx-prev,
  #featureIdx04 .bx-wrapper .bx-next {
    top: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    width: 24px;
    height: 52px;
    background-size: auto 35px;
  }
  #featureIdx04 .bx-wrapper .bx-prev {
    background-position: 4px 8px;
  }
  #featureIdx04 .bx-wrapper .bx-next {
    background-position: -25px 8px;
  }

  #featureIdx05 .inLayout {
    padding: 65px 0 40px 0;
  }
  #featureIdx05 .inLayout .tGroup {
    padding: 0 0 0 22px;
  }
  #featureIdx05 .inLayout .tGroup .tType5 {
    padding: 20px 0 35px;
  }
  #featureIdx05 .usp05_slide .flexGroup {
    display: block;
  }
  #featureIdx05 .usp05_slide .flexGroup .tGroup {
    width: 100%;
    height: 70vw;
  }

  #featureIdx05 .usp05_slide .tGroup .ico {
    margin: 0;
    width: 45px;
    height: 45px;
    background-size: 45px auto;
    background-position-y: 2px;
  }
  #featureIdx05 .usp05_slide .tGroup .ico.sl02 {
    background-position-y: -52px;
  }
  #featureIdx05 .usp05_slide .tGroup .ico.sl03 {
    background-position-y: -93px;
  }
  #featureIdx05 .usp05_slide .tGroup .ico.sl04 {
    background-position-y: -147px;
  }
  #featureIdx05 .usp05_slide .tGroup .tType9 {
    padding: 25px 0 10px;
  }
  #featureIdx05 .usp05_slide .tGroup .tType6 {
    font-size: 16px;
    line-height: 24px;
  }

  #featureIdx05 .bx-pager {
    bottom: -27px;
  }
  #featureIdx05 .bx-wrapper .bx-controls-auto {
    bottom: -27px !important;
  }
  #featureIdx05 .bulList {
    padding: 20px 22px;
    margin-left: 0;
  }

  #featureIdx06 .inLayout {
    padding: 45px 22px 0;
  }
  #featureIdx06 .tGroup .tType2 {
    padding-bottom: 38px;
  }
  #featureIdx06 .flexGroup {
    margin-bottom: 37px;
  }
  #featureIdx06 .flexGroup {
    flex-direction: column;
  }
  #featureIdx06 .flexGroup > div {
    width: 100%;
  }
  #featureIdx06 .flexGroup .tGroup {
    padding: 35px 0 0;
  }
  #featureIdx06 .flexGroup .tGroup .tType3 {
    font-size: 21px;
  }
  #featureIdx06 .flexGroup .tGroup .tType6 {
    padding: 15px 0 15px;
    font-size: 16px;
    line-height: 24px;
  }

  #featureIdx06 .bulList {
    margin-left: 0;
  }
  #featureIdx06 .mOrder1 {
    order: 1;
  }
  #featureIdx06 .mOrder2 {
    order: 2;
  }

  #featureIdx06 .ico_mark {
    margin: 60px auto 24px;
    height: 60px;
    background-size: auto 60px;
    width: 100%;
  }

  #featureIdx08 .inLayout {
    padding: 45px 22px 0;
  }
  #featureIdx08 .tGroup .tType2 {
    padding-bottom: 38px;
  }
  #featureIdx08 .flexGroup {
    margin-bottom: 37px;
  }
  #featureIdx08 .flexGroup {
    flex-direction: column;
  }
  #featureIdx08 .flexGroup > div {
    width: 100%;
  }
  #featureIdx08 .flexGroup .tGroup {
    padding: 35px 0 0;
  }
  #featureIdx08 .flexGroup .tGroup .tType3 {
    font-size: 21px;
  }
  #featureIdx08 .flexGroup .tGroup .tType6 {
    padding: 15px 0 15px;
    font-size: 16px;
    line-height: 24px;
  }
  #featureIdx08 .bulList {
    margin-left: 0;
  }
  #featureIdx08 .mOrder1 {
    order: 1;
  }
  #featureIdx08 .mOrder2 {
    order: 2;
  }

  #featureIdx07 .inLayout {
    height: 180vw;
    background: url("/kr/images/lg-styler/md08921837/usp/usp_0701_m.jpg") 0 0 no-repeat;
    background-size: 100%;
  }
  #featureIdx07 .tGroup {
    left: 22px;
    top: 65px;
  }
  .bx-controls-auto {
    bottom: 17px !important;
  }
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {
    width: 17px;
    height: 35px;
    background-size: cover;
    top: 68%;
  }
  .bx-wrapper .bx-prev {
    left: 20px;
  }
  .bx-wrapper .bx-next {
    right: 20px;
    background-position: -30px 0;
  }
}

@media screen and (max-width: 320px) {
  #featureIdx02 .colorCard li {
    width: 130px;
    margin-right: 10px;
  }
}