:root {
  --main-blue: #0094FF;
}

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

  :root,
  html {
    font-size: 40.625%;
  }
}

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

  :root,
  html {
    font-size: 34.375%;
  }
}


h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  color: #000;
  font-family: "SUIT", sans-serif;
}

.mg-17 {
  margin-top: 1.7rem;
}

.mg-11 {
  margin-top: 1.1rem;
}

.mg-10 {
  margin-top: 1rem;
}

.mg-7 {
  margin-top: 0.7rem;
}

.br {
  display: block;
}

.site-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 86rem;
}

.wid-25 {
  width: 25%;
}

.fc-white {
  color: #fff !important;
}

.fc-dark {
  color: #000 !important;
}

.fc-dark3 {
  color: #333 !important;
}

.fc-blue {
  color: var(--main-blue) !important;
}

.fc-blue3 {
  color: #1D71B8 !important;
}

.fc-blue4 {
  color: #1F4565 !important;
}

.fc-blue5 {
  color: #1F4565 !important;
}

.fc-red {
  color: #FF0E0E !important;
}

.fc-orange {
  color: #EE7201;
}

.table-bg {
  background: #F5F5F5;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.relative {
  position: relative;
}

.content{
  position: relative; /*240605*/
}

/* big event*/
.section-bn {
  width: 100%;
  background: #1F4565;
  padding: 8rem 9.3%;
  margin: 0 auto;
}

.section-bn .content {
  width: 100%;
  background-color: #fff;
  position: relative;
  margin: auto;
  padding: 7.2rem 5rem 8rem;
  border-bottom-left-radius: 2.8rem;
  border-bottom-right-radius: 2.8rem;
  box-shadow: 0.1rem 0.3rem 1rem rgba(0, 0, 0, 0.3);
}

.section-bn .content-bg {
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0;
  padding-bottom: 140%;
  background: url("../img/snow-bg.png") no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.section-bn .tit {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  position: relative;
  z-index: 10;
}

.section-bn .tit span:first-child {
  font-weight: 300;
  font-size: 7rem;
  color: #fff;
  letter-spacing: 2.6rem;
}

.section-bn .tit span:last-child {
  display: block;
  font-weight: 800;
  font-size: 8rem;
  color: var(--main-blue);
  letter-spacing: .8rem !important;
}

.section-bn .img-wrap {
  width: 55%;
  max-width: 38rem;
  height: 0;
  background: #F5FBFF;
  border-radius: 33rem;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  padding-bottom: 55%;
  margin: -5.6rem auto 0;
  position: relative;
}

.section-bn .img-wrap img {
  width: 48%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.winter-wrap {
  margin: 7rem auto;
  background: #fff;
}

.winter-wrap h3 {
  margin: 0 0 2rem;
  text-align: center;
  font-weight: 600;
  font-size: 7rem;
}

.winter-wrap .txt-img {
  margin-bottom: 7rem;
  width: 90%;
  margin: auto;
}

.winter-wrap .txt-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-bn .desc {
  margin-top: 7rem;
  font-size: 8rem;
  font-weight: 700;
  text-align: center;
  line-height: 11rem;
}

.section-bn .desc span:first-child {
  font-size: 11.2rem;
  font-weight: 900;
}

.section-bn .desc span:last-child {
  font-weight: 800;
  letter-spacing: .8rem !important;
}

.section-bn .sale {
  margin-top: 4rem;
  line-height: 1.2;
}

.section-bn .sale li {
  font-size: 4.6rem;
  font-weight: 500;
  text-align: center;
}

.section-bn .sale li span {
  font-weight: 900;
  color: #EE7201;
}

.section-bn .give {
  margin-top: 3.6rem;
  text-align: center;
  border: .4rem solid var(--main-blue);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 2rem 2rem;
}

.section-bn .give {
  padding: 4rem;
  line-height: 1.3;
  font-size: 6.6rem;
  font-weight: 500;
}

.section-bn .give .big-txt {
  font-size: 1.365em;
  font-weight: 900;
}

/*플러그온 슬기로운 전기차 생활의 시작*/

.section-01 .content {
  width: 100%;
  background: url("../img/section-01.png") no-repeat;
  background-size: cover;
  overflow: hidden;
}

.top-popup {
  position: absolute;
  top: 0;
  padding: 8rem 2rem;
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  border-radius: 0px 0px 50px 50px;
  border-right: .4rem solid var(--main-blue);
  border-bottom: .4rem solid var(--main-blue);
  border-left: .4rem solid var(--main-blue);
  background: var(--fff, #FFF);
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.50);
  -webkit-border-radius: 0px 0px 50px 50px;
  -moz-border-radius: 0px 0px 50px 50px;
  -ms-border-radius: 0px 0px 50px 50px;
  -o-border-radius: 0px 0px 50px 50px;
}

.top-popup .plug-icon {
  width: 26.4rem;
  height: auto;
  margin: 0 auto;
}

.top-popup h2 {
  font-size: 9rem;
  font-weight: 900;
  margin-top: 5rem;
}

.top-popup h2 span {
  font-size: 10rem;
  color: var(--main-blue);
  display: inline-block;
}

.top-popup h2 span.icon-before {
  color: #000000;
  font-size: 9rem;
  font-weight: 900;
}

.top-popup h2 span.icon-before::before {
  content: "";
  width: 3.4rem;
  height: 4rem;
  top: -1.2rem;
  right: -4rem;
  background: url("../icon/thunder.png") no-repeat;
  background-size: cover;
  position: absolute;
}

.plug-txt {
  font-family: "Oxanium", sans-serif;
  text-align: center;
  margin-top: 72rem;
  color: #fff;
}

.plug-txt .sm-txt {
  font-size: 8rem;
  font-weight: 200;
}

.plug-txt .big-txt {
  line-height: 1.3;
  font-size: 12rem;
  font-weight: 600;
}

.plug-txt p {
  font-size: 4rem;
  font-weight: 400;
}

.plug-img {
  padding-top: 6rem;
  width: 76rem;
  float: right;
}

.plug-img img {
  width: 100%;
}

.txt-bow-wrap {
  clear: both;
  padding: 6rem 0 16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.txt-bow-wrap .txt-box {
  width: 70%;
  padding: 2.6rem 4.8rem;
  background: #fff;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  margin-bottom: 2.4rem;
  box-shadow: 0.2rem 0.4rem 1rem rgba(0, 0, 0, 0.4);
}

.txt-bow-wrap .txt-box p {
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  color: var(--main-blue);
}

.txt-bow-wrap .txt-box:last-child {
  margin-bottom: 0;
}

.txt-bow-wrap .txt-box.box1 p span {
  display: inline-block;
}

.txt-bow-wrap .txt-box.box1 p span::before {
  z-index: -1;
  content: "";
  width: 92%;
  height: 8.4rem;
  background: url("../img/point1.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translateX(-55%);
  -webkit-transform: translateX(-55%);
  -moz-transform: translateX(-55%);
  -ms-transform: translateX(-55%);
  -o-transform: translateX(-55%);
}

.txt-box.box2 p span {
  display: inline-block;
}

.txt-box.box2 p span::before {
  content: "";
  width: 110%;
  height: 5.8rem;
  background: url("../img/point2.png") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -1.6rem;
  left: -1.6rem;
}

.txt-box.box3 p span {
  display: inline-block;
}

.txt-box.box3 p span::before {
  content: "";
  width: 120%;
  height: 8.4rem;
  background: url("../img/point3.png") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -1.6rem;
  left: -4.8rem;
}


/*20년 업력을 지닌*/
.section-02 .content {
  padding: 3rem 6rem 6rem;
  width: 100%;
  background: url("../img/section-02.png") no-repeat;
  background-size: cover;
}

.section-02 .th-box {
  width: 78.25%;
  margin: 0 auto 0;
}

.section-02 .th-box img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-02 .sec-tit {
  color: #1F4565;
  font-size: 8rem;
  text-align: center;
  font-weight: 900;
  margin: 6rem 0;
}

.section-02 .desc {
  font-size: 3.6rem;
  margin-top: 3rem;
  text-align: center;
  line-height: 1.44;
}

.section-02 .desc span {
  font-weight: 900;
  color: var(--main-blue);
}

.section-02 .con-wrap {
  width: 83.79%;
  max-width: 74rem;
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin: 6rem auto 4rem;
}

.section-02 .con-wrap .con-box .con-tit {
  flex: 1 1 0;
  width: 60%;
  height: 5.2rem;
  background: #1D71B8;
  color: #fff;
  font-size: 3rem;
  font-weight: 800;
  text-align: center;
  margin: 0 auto;
  line-height: 5.2rem;
}

.section-02 .con-wrap .con-box .con-img {
  width: 100%;
  margin: 1rem 0;
}

.section-02 .con-wrap .con-box .con-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-02 .num-wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-left: 5rem;
  font-size: 2.2rem;
  color: #666;
}

.section-02 .num-wrap .num-tit {
  padding-right: .5rem;
  position: relative;
  line-height: 1.45;
}

.section-02 .num-wrap .num-tit::before {
  content: "";
  width: 0.2rem;
  height: 0.8em;
  background: #666;
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}


/* 전기차 충전기인가요?*/
.section-03 .content {
  width: 100%;
  background: #FBFBFB;
  padding-bottom: 5rem;
}

.intro-wrap {
  width: 100%;
  background: #F5FBFF;
  padding-top: 10rem;
  margin-bottom: 6rem;
}

.intro-wrap .tit-num {
  width: 8rem;
  height: 8rem;
  border-radius: 999rem;
  -webkit-border-radius: 999rem;
  -moz-border-radius: 999rem;
  -ms-border-radius: 999rem;
  -o-border-radius: 999rem;
  background: var(--main-blue);
  font-family: "Oxanium", sans-serif;
  color: #fff;
  font-size: 4rem;
  text-align: center;
  line-height: 8rem;
  font-weight: 600;
  margin: 0 auto 4rem;
}

.intro-wrap h2 {
  font-size: 10rem;
  text-align: center;
  margin-bottom: 6rem;
}

.intro-wrap h2 .big-txt {
  font-weight: 800;
}

.intro-wrap h2 .md-txt {
  font-size: .9em;
  font-weight: 800;
}

.intro-wrap h2 .sm-txt {
  font-size: .8em;
  font-weight: 300;
}

.intro-wrap .product-wrap {
  width: 75.112%;
  max-width: 64.6rem;
  margin: 0 auto;
}

.intro-wrap .product-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.control {
  width: 90.7%;
  background: #fff;
  box-shadow: 0.1rem 0.3rem 1rem rgba(0, 0, 0, 0.3);
  margin: 3rem auto 0;
  border-radius: 2rem;
  text-align: center;
  margin: 0 auto 6rem;
  padding: 8rem 5.12%;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.control.w-pd {
  padding: 5.5rem 12.18%;
}

.sub-tit {
  margin-bottom: 6rem;
  font-size: 6.6rem;
  font-weight: 800;
}

.sub-tit .iccb {
  font-size: 8rem;
  font-weight: 900;
  color: #FF0E0E;
  margin-bottom: 3rem;
  position: relative;
}

.sub-tit .iccb::before {
  content: "";
  width: 100%;
  height: 1.7rem;
  background: #ffe5e5;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.sub-tit .big-txt {
  font-size: 8rem;
}

.sub-tit .deco {
  position: relative;
}

.sub-tit .deco::after {
  z-index: -1;
  position: absolute;
  content: "";
  left: -5%;
  bottom: 0rem;
  width: 110%;
  height: 1.6rem;
  background: url('../img/point8.png') center bottom no-repeat;
}

.sub-tit .deco::before {
  z-index: -1;
  position: absolute;
  content: "";
  left: 99%;
  bottom: .5rem;
  width: 2.3rem;
  height: 2.3rem;
  background: url('../img/point7.png') center bottom no-repeat;
}

.control .desc {
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 6rem;
}

.control .desc span {
  font-weight: 900;
  color: #1D71B8;
}

.control .info-box {
  background: url("../img/box-wrap.png") no-repeat;
  background-size: 100%;
  margin: 0 auto;
  padding: 3.5rem 2.5rem 6rem;
}

.control .info-box strong {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 4rem;
  font-weight: 800;
  color: var(--main-blue);
  position: relative;
}

.control .info-box strong::before {
  content: "";
  width: 3rem;
  height: 3rem;
  background: url("../img/point4.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: -3rem;
  top: -1rem;
}

.control .info-box strong+p {
  font-size: 2.2rem;
  font-weight: 500;
}

.control .info-box strong+p>span {
  position: relative;
}

.control .info-box strong+p>span::before {
  content: "";
  width: 100%;
  height: .5rem;
  background: url("../img/point5.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: -.5rem;
}

.control .gif-wrap {
  width: 100%;
  margin: 0.3rem auto 0;
}

.control .gif-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.control .sub-tit.con-2 {
  color: #1F4565;
  position: relative;
}

.control .con-2::before {
  content: "";
  width: 3.2rem;
  height: 3rem;
  background: url("../img/point6.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 28.5%;
  top: -2rem;
  z-index: -1;
}

.control .con-2-1 {
  font-size: 7.8rem;
  font-weight: 900;
  color: var(--main-blue);
  letter-spacing: -.32rem !important;
  margin-bottom: 0;
  position: relative;
}

.control .pro-wrap {
  width: 32rem;
  margin: -0.5rem auto 3rem;
}

.control .pro-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.control .pro-txt {
  font-size: 2.2rem;
  line-height: 1.54;
  margin-top: 6rem;
}

.control .pro-txt.lg-txt {
  font-size: 3.2rem;
}

.control.bg-wrap {
  position: relative;
}

.control.bg-wrap::after {
  width: 50%;
  height: 50%;
  background: url("../img/0A6A5750.png") no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  top: 20%;
  right: 0;
  z-index: -1;
}

.control .pro-wrap2 {
  width: 32rem;
  height: 22rem;
  margin: 3rem auto 0;
}

.control .pro-wrap2 img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.control:last-child {
  margin-bottom: 3rem;
}

.compare-wrap {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 3rem auto;
}

.compare-wrap .compare-off {
  color: #666;
  background: #fff;
  width: 40%;
  max-width: 34rem;
  border: 0.05rem solid #CCCCCC;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  margin-left: 1.5rem;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}

.compare-wrap .compare-off li {
  font-weight: 400;
}

.compare-wrap .compare-on {
  background: #fff;
  position: relative;
  left: -2.9em;
  z-index: 10;
  width: 40%;
  max-width: 34rem;
  border: 0.15rem solid var(--main-blue);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.25);
}

.compare-wrap h4 {
  font-size: 3.6rem;
  font-weight: 800;
  color: var(--main-blue);
  padding: 2.8rem 0;
}

.compare-wrap li {
  font-size: 2.4rem;
  font-weight: 600;
  padding: 2.2rem 0;
  line-height: 1.4;
  border-bottom: 0.1rem solid #D1EAFF;
}

.compare-wrap li span {
  color: var(--main-blue);
  font-size: 2.6rem;
  font-weight: 800;
}

.compare-wrap span.red-c {
  color: #FF0E0E;
}

.compare-wrap img {
  width: 100%;
  height: 25rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-03 .content .more-info {
  font-size: 2rem;
  color: #333;
  text-align: center;
}

.reverse {
  flex-direction: row-reverse;
}

/* 사용성 Good! */

.section4 .content {
  width: 100%;
  background: #FBFBFB;
  padding-bottom: 5rem;
}

.section4 .intro-wrap {
  background: #1D71B8;
}

.section4 .intro-wrap .tit-num {
  background-color: #fff;
}

.section4 .intro-wrap .big-txt {
  line-height: 1;
  display: block;
}

.section4 .product-wrap img {
  margin-bottom: 1.7rem;
}

.explan-wrap .ex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6rem 0;
}

.explan-wrap .ex-box .img-wrap {
  width: 50%;
}

.explan-wrap .ex-box .img-wrap img {
  width: 100%;
  max-height: 22rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.explan-wrap .ex-box .p-wrap {
  font-weight: 500;
  width: 50%;
  line-height: 1.54;
  letter-spacing: 0 !important;
}

.explan-wrap .ex-box .p-wrap p {
  font-size: 2rem;
  font-weight: 300;
  text-align: center;
}

.explan-wrap .ex-box .p-wrap p span {
  font-weight: 800;
  color: var(--main-blue);
}

.explan-wrap .ex-box:last-child {
  margin-bottom: 0;
}

.under-bar {
  position: relative;
}

.under-bar::before {
  content: "";
  width: 100%;
  height: 1.7rem;
  background: #D1EAFF;
  position: absolute;
  bottom: .5rem;
  z-index: -1;
}

.explan-wrap-1 {
  margin-top: 3rem;
}

.explan-wrap-1 .ex-box .p-wrap .check-wrap {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1rem;
}

.explan-wrap-1 .ex-box .p-wrap .check-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.explan-wrap-1 .ex-box .p-wrap h4 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.explan-wrap-1 .ex-box .p-wrap p {
  font-size: 1.6rem;
  font-weight: 300;
}

.caption-wrap {
  border-top: 0.05rem solid #1D71B8;
  margin-top: 6rem;
}

.caption-wrap p {
  margin-top: 2rem;
  font-size: 2rem;
  font-weight: 300;
  text-align: left;
  position: relative;
  padding-left: 2rem;
}

.caption-wrap p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "*";
  font-size: inherit;

}

.section4 .content .control .caption-wrap p span {
  font-weight: 600;
  color: #1D71B8;
}

/*전에 없던 */
.section5 .content {
  width: 100%;
  background: #fff;
  padding: 0 0 5rem;
}

.section5 .content .intro-wrap h3 {
  font-size: 4rem;
  font-weight: 400;
}

.section5 .product-wrap {
  width: 100%;
  max-width: none;
}

.section5 .content .cable-wrap {
  text-align: center;
}

.cable-wrap p {
  font-size: 3.8rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 3rem;
}

.cable-wrap p span {
  font-size: 4.2rem;
  font-weight: 800;
  color: #1D71B8;
  position: relative;
}

.cable-wrap p span::after {
  content: "";
  width: 100%;
  height: 1.4rem;
  background: url("../img/point8.png") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -0.6rem;
  left: 0;
}

.cable-wrap p span::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url("../img/point7.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: -0.7rem;
  right: -2rem;
}

.cable-wrap .color-wrap {
  width: 76.74%;
  margin: 0 auto;
  margin-bottom: 1.4rem;
}

.cable-wrap .color-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cable-wrap .color-wrap:last-child {
  margin-bottom: 0;
}


/* 믿고 구매해도 좋은가요? */
.section6 .content {
  width: 100%;
  background: #fff;
}

.section6 .intro-wrap {
  background: #FBFBFB;
  padding-bottom: 10rem;
  margin-bottom: 0;
}

.review {
  width: 100%;
  background: #1D71B8;
  padding: 8rem 0;
}


.review h3 {
  text-align: center;
  color: #fff;
  margin-bottom: 6rem;
}

.review-box {
  width: 90.7%;
  min-width: 34rem;
  margin: 0 auto 8rem;
  padding: 4rem;
  background: #fff;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  box-shadow: 0.15rem 0.3rem 0.5rem rgba(0, 0, 0, 0.4);
}

.review-box h4 {
  font-size: 3rem;
  color: #000;
  font-weight: 800;
  text-align: left;
  margin-bottom: 3rem;
}

.review-box h4 span {
  color: #1D71B8;
}

.review-box .review-flex {
  display: flex;
  justify-content: left;
  gap: 2rem;
}

.review-box .review-flex .img-wrap {
  width: 35.9%;
  max-width: 28rem;
}

.review-box .review-flex .img-wrap img {
  width: 100%;
  height: 18rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 1rem;
}

.review-box .review-flex .p-wrap {
  flex: 1 1 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.5;
}

.review-box .review-flex p {
  margin-bottom: 2rem;
}

.review-box .review-flex p span {
  font-weight: 400;
}

.review-box .review-flex .blog {
  display: block;
  margin-top: 1rem;
  font-size: 1.8rem;
  color: #333;
  font-weight: 500;
  text-align: right;
}

.strong-desc {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 6rem;
}

.strong-desc .big-txt {
  font-size: 7.8rem;
}

.strong-desc .sm-txt {
  font-size: 6rem;
  font-weight: 800;
}

.strong-desc .big-txt {
  font-size: 7.8rem;
  font-weight: 900;
  color: #0094FF;
}

.box-1 .img-wrap {
  width: 100%;
  margin: 0 auto 6rem;
}

.review .box-1 .img-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.review .box-1 .p-wrap {
  text-align: left;
  margin: 0 auto 10rem;
  width: 74.5%;
  line-height: 1.54;
}

.review .box-1 .p-wrap p {
  font-size: 2.2rem;
  font-weight: 300;
  position: relative;
  padding-left: 2rem;
}

.review .box-1 .p-wrap p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "*";
  font-size: inherit;
}

.review .box-1 .p-wrap p span {
  font-weight: 600;
  color: var(--main-blue);
}

.review .connect-tit {
  margin-top: 5rem;
  font-size: 6.6rem;
  font-weight: 600;
}

.connect-tit span {
  font-size: 4rem;
  font-weight: 900;
}

.connect-wrap {
  display: flex;
  justify-content: center;
}

.car {
  width: 78%;
  max-width: 66.2rem;
  min-width: 33.1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  margin: 6rem auto 0;
  border: 0.1rem solid #000;
}

.car .car-tit {
  text-align: center;
  font-size: 3rem;
  font-weight: 800;
  width: 100%;
  background: #000;
  color: #fff;
  padding: 3rem 0;
}

.car .car-wrap {
  width: 100%;
  display: flex;
  background: #fff;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  flex-wrap: wrap;
  overflow: hidden;
}

.car .car-wrap .car-name {
  width: calc(100%/3);
  max-width: 22rem;
  border-right: 0.1rem solid #EFEFEF;
}

.car .car-wrap .car-name ul {
  padding: 0 1rem;
}

.car .car-wrap .car-name:nth-of-type(3n) {
  border-right: 0 none;
}

.car .car-wrap .name {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-height: 12.8rem;
  background: #333;
  font-size: 2.6rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 1.8rem 0;
}

.car .car-wrap .name img {
  margin-bottom: 1.2rem;
}

.car .car-wrap .car-name .name .kia {
  mix-blend-mode: lighten;
}

.car .car-wrap li {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 2rem 0;
  font-size: 2.2rem;
  color: #333;
  border-bottom: 0.1rem solid #EFEFEF;
}

.car.item-2 .car-name:last-child .name {
  justify-content: center;
  height: 12.8rem;
}

.car .car-wrap .flex-2 {
  flex: 1 2 0 !important;
  border-right: 0.1rem solid #EFEFEF;
}

.car .car-wrap .flex-2>div {
  display: flex;
  justify-content: space-between;
}

.car .car-wrap .flex-2>div ul {
  text-align: center;
  width: 50%;
  padding: 0 1rem;
}

.table-tit {
  padding: 8rem 0 6rem;
  text-align: center;
  font-size: 4rem;
  font-weight: 800;
  color: #fff;
}

.table-wrap {
  width: 79%;
  margin: 0 auto;
  background: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  border: 0.05rem solid #EFEFEF;
}

.table-wrap table {
  width: 100%;
}

.table-wrap table th {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0.7rem 0;
}

.table-wrap table td {
  font-size: 1.6rem;
  font-weight: 300;
  padding: 0.7rem 0;
  text-align: center;
  vertical-align: middle;
  border-width: 0 0 0.05rem 0.05rem;
  border-style: solid;
  border-color: #EFEFEF;
}

/* faq*/
.section7 .content {
  background: #1F4565;
  text-align: center;
  padding: 8rem 0;
}

.faq-tit {
  font-size: 11rem;
  font-weight: 900;
  letter-spacing: .33rem;
  color: #fff;
  text-shadow: 0.1rem 0.15rem 0.4rem rgba(0, 0, 0, 0.3);
}

.section7 .desc {
  font-size: 7rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.17;
  margin-bottom: 3rem;
}

.faq-wrap {
  width: 89%;
  max-width: 76.5rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  overflow: hidden;
  margin: 4rem auto;
  text-shadow: 0.1rem 0.2rem 0.2rem rgba(0, 0, 0, 0.12);
}

.faq-wrap dt {
  width: 100%;
  padding: 2rem 3rem;
  font-size: 3rem;
  background: #efefef;
  color: #1F4565;
  font-weight: 800;
  text-align: left;
  display: flex;
}

.faq-wrap dt span,
.faq-wrap dd span {
  font-family: "Oxanium", sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  display: block;
  margin-right: 1rem;
}

.faq-wrap dd {
  font-size: 1.8rem;
  font-weight: 400;
  padding: 1.8rem 3rem;
  background: #fbfbfb;
  text-align: left;
  letter-spacing: -0.03rem;
  display: flex;
  line-height: 1.5;
}

/* 공지 */
.faq-wrap:last-child {
  margin-bottom: 0;
}


/*  배송정보 */
.section8 {
  width: 100%;
  background: #EFEFEF;
  text-align: center;
  padding: 4rem 0;
}

.section8 .content {
  margin: 0 auto;
  width: 89.2%;
  max-width: 78.7rem;
}

.ship-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: end;
}

.ship-wrap .img-wrap {
  width: 24.1rem;
  margin-right: 5rem;
}

.ship-wrap .img-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ship-wrap p {
  font-size: 3.2rem;
  text-align: left;
}

.ship-wrap p span {
  color: #1D71B8;
  font-weight: 600;
}

.ship-wrap h3 {
  font-size: 5.6rem;
  color: #1D71B8;
  font-weight: 900;
  text-align: left;
  margin-top: 0.8rem;
}

.del-info {
  margin: 4rem auto 6rem;
  background: #fff;
  padding: 2.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.del-info p {
  font-size: 2.6rem;
  font-weight: 300;
  text-align: left;
  line-height: 1.53;
}

.del-info p span {
  font-weight: 600;
  color: #1D71B8;
}

.notice {
  font-size: 3.2rem;
  font-weight: 800;
  color: #fff;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 2.2rem 0;
  background: #1D71B8;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.notice-info {
  background: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  display: flex;
  align-items: center;
  margin: 0 auto 2rem;
  overflow: hidden;
  padding: 2.8em 0;
}

.notice-info .img-wrap {
  width: 15.9rem;
}

.notice-info .img-wrap img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.info-txt p {
  font-weight: 300;
  font-size: 1.8rem;
  position: relative;
  text-align: left;
  margin-left: 3.6rem;
  line-height: 1.8;
}

.notice-info .info-txt p span {
  position: absolute;
  top: 0;
  left: -1.6rem;
}

.notice-info .info-txt p b {
  font-size: .91em;
}

.f-logo {
  width: 18rem;
  margin: 2rem auto 0;
}

.f-logo img {
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width : 600px) {
  .br {
    display: inline;
  }

  .section-bn .content {
    padding: 3.5rem 2rem 4rem;
  }

  .section-bn .give {
    padding: 2rem;
    font-size: 4.5rem;
  }

  .top-popup h2 {
    font-size: 5.5rem;
  }

  .txt-bow-wrap .txt-box {
    width: 90%;
  }

  .section-02 .content {
    padding: 1.5rem 3rem 3rem;
  }

  .section-02 .sec-tit {
    font-size: 6rem;
  }

  .section-02 .desc {
    font-size: 3rem;
  }

  .intro-wrap h2 {
    font-size: 8.5rem;
  }

  .control.w-pd {
    padding: 5.5rem 4.5%;
  }

  .control {
    padding: 8rem 2.5%;
  }

  .sub-tit {
    font-size: 5rem;
  }

  .sub-tit .iccb {
    font-size: 7rem;
  }

  .sub-tit .big-txt {
    font-size: 7rem;
  }

  .control .info-box {
    padding: 2.5rem 2.5rem 5rem
  }

  .control .info-box strong {
    font-size: 3rem;
  }

  .compare-wrap .compare-off {
    width: 50%;
    max-width: none;
    margin-left: 0;
  }

  .compare-wrap .compare-on {
    width: 50%;
    max-width: none;
    margin-right: 0;
  }

  .explan-wrap .ex-box .img-wrap {
    width: 45%;
  }

  .explan-wrap-1 .ex-box .p-wrap p {
    font-size: 1.9rem;
  }

  .caption-wrap p {
    line-height: 1.5;
  }

  .strong-desc .big-txt {
    font-size: 5.8rem;
  }

  .strong-desc .sm-txt {
    font-size: 4rem;
  }

  .review .box-1 .p-wrap {
    margin: 0 auto 5em;
    width: 90%;
  }

  .car .car-wrap .car-name {
    width: 50%;
    max-width: none;
  }

  .car .car-wrap .flex-2 {
    width: 100%;
    flex: auto !important;
  }

  .car .car-wrap .car-name:nth-of-type(even) {
    border-right: none;
  }

  .car .car-wrap .car-name:nth-of-type(3n) {
    border-right: 0.1rem solid #EFEFEF;
  }

  .table-wrap table td {
    font-size: 1.8rem;
    padding: 0 .5rem;
  }

  .faq-tit {
    font-size: 9rem;
  }

  .section7 .desc {
    font-size: 6rem;
  }

  .faq-wrap dd {
    font-size: 2rem;
  }

  .notice-info .img-wrap {
    min-width: 12rem;
  }

  .info-txt p {
    font-size: 2rem;
  }
}