.location {
  padding: 15px 0 20px;
}

.location ul {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.location ul li {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 10px;
  line-height: 25px;
  font-size: 14px;
  color: #050607;
}

.location ul li:last-child {
  margin-right: 0;
}

.location ul li:nth-of-type(1) {
  width: 25px;
  height: 25px;
  background: url('../img/icon/home.png') center no-repeat;
}

.location ul li:not(:last-child)::after {
  position: absolute;
  left: 110%;
  top: 0;
  content: "";
  width: 10px;
  height: 25px;
  background: url('../img/icon/arrow-02.png') center no-repeat;
}


@media all and (max-width:1280px) {
  .location {
    padding: 10px 0 15px;
  }

  .location ul li {
    font-size: 12px;
  }

  .location ul li:nth-of-type(1) {
    background: url('../img/icon/home.png') center/13px no-repeat;
  }

  .location ul li:not(:last-child)::after {
    background: url('../img/icon/arrow-02.png') center/5px no-repeat;
  }
}

@media all and (max-width:768px) {

  .location {
    padding: 10px 20px 10px;
  }


  .location ul li {
    font-size: 11px;
  }

  .location ul li:nth-of-type(1) {
    background: url('../img/icon/home.png') center/12px no-repeat;
  }

  .location ul li:not(:last-child)::after {
    background: url('../img/icon/arrow-02.png') center/5px no-repeat;
  }
}


/*
이벤트 페이지
*/

/*비주얼*/
.event .visual {
  position: relative;
  left: 0;
  top: 0;
  padding: 12.963% 0;
  width: 100%;
  height: 108.3vh;
}

.event .event-bg-01 {
  background: url('../img/event/sub-bg-001.png') center bottom no-repeat;
}

.event-title {
  position: relative;
  left: 0;
  top: 0;
  font-size: 80px;
  text-align: center;
}

.event-title .flag-name {
  position: absolute;
  left: 50%;
  top: -80px;
  font-size: 20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.event-title .flag-name span {
  padding: 12px 40px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.event-title>h2 {
  margin-bottom: 30px;
  line-height: 1.2;
  font-weight: 700;
}

.event-title>p {
  font-size: .32em;
  font-weight: 300;
}

.event-title>p span {
  display: block;
}

.event-title .yag-txt {
  width: 380px;
}


@media all and (min-width:1921px) {
  .event .visual {
    padding: 5.6% 0;
    height: 90vh;
  }
}

@media all and (max-width:1280px) {
  .event .visual {
    padding: 9.963% 0;
    height: 120vh;
  }

  .event .event-bg-01 {
    background: url('../img/event/sub-bg-001.png') center bottom/95% no-repeat;
  }

  .event-title {
    font-size: 65px;
  }

  .event-title .yag-txt img {
    width: 180px;
  }
}



@media all and (max-width:1024px) {
  .event .event-bg-01 {
    background: url('../img/event/sub-bg-001.png') center bottom/97% no-repeat;
  }
}

@media all and (max-width:768px) {
  .event .visual {
    height: 80vh;
  }

  .event-title {
    font-size: 60px;
  }

  .event-title .yag-txt img {
    width: 150px;
  }
}


@media all and (max-width:540px) {
  .event-title {
    margin-top: 8vh;
    font-size: 35px;
  }

  .event-title .flag-name {
    top: -50px;
    font-size: 15px;
  }

  .event-title .flag-name span {
    padding: 10px 23px;

  }

  .event-title .yag-txt img {
    width: 95px;
  }

}



/*
섹션2 -서비스팩소개
*/


.event-item>h3 {
  text-align: center;
  font-size: 60px;
  font-weight: 700;
}

.event .section-02 {
  background-color: #f7f7f7;
}

.event .section-02 .sec-title {
  margin-bottom: 30px;
  font-size: 60px;
  font-weight: 700;
}

.plan-tab {
  display: flex;
  justify-content: center;
}

.plan-tab .plan {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 0;
  top: 0;
  margin: 0 25px;
  width: 205px;
  height: 205px;
  font-size: 30px;
  border-radius: 102.5px;
  -webkit-border-radius: 102.5px;
  -moz-border-radius: 102.5px;
  -ms-border-radius: 102.5px;
  -o-border-radius: 102.5px;
}

.plan-tab a:nth-of-type(1) .plan {
  background: url('../img/event/tab-img-01.png') center no-repeat;
}

.plan-tab a:nth-of-type(2) .plan {
  background: url('../img/event/tab-img-02.png') center no-repeat;
}

.plan-tab a:nth-of-type(3) .plan {
  background: url('../img/event/tab-img-03.png') center no-repeat;
}

.plan-tab a:nth-of-type(1):hover .plan {
  background: url('../img/event/tab-img-01-on.png') center no-repeat;
}

.plan-tab a:nth-of-type(1).on .plan {
  background: url('../img/icon/down-arrow-b.png') center 90% no-repeat, url('../img/event/tab-img-01-on.png') center no-repeat;
}

.plan-tab a:nth-of-type(2):hover .plan {
  background: url('../img/event/tab-img-02-on.png') center no-repeat;
}

.plan-tab a:nth-of-type(2).on .plan {
  background: url('../img/icon/down-arrow-b.png') center 90% no-repeat, url('../img/event/tab-img-02-on.png') center no-repeat;
}

.plan-tab a:nth-of-type(3):hover .plan {
  background: url('../img/event/tab-img-03-on.png') center no-repeat;
}

.plan-tab a:nth-of-type(3).on .plan {
  background: url('../img/icon/down-arrow-b.png') center 90% no-repeat, url('../img/event/tab-img-03-on.png') center no-repeat;
}

.plan-tab .plan .plan-title {
  position: absolute;
  left: -15%;
  top: 10px;
  margin-bottom: 5vh;
}

.plan-tab .plan .plan-title span:first-child {
  display: block;
  font-size: .566em;
  font-weight: 700;
}

.plan-tab .plan .plan-title span:last-child {

  font-weight: 800;
  border-bottom: 2px solid #111;
}

.plan-tab .plan p {
  margin-top: 50%;
  font-size: .667em;
  text-align: center;
}

.plan-tab a.on p {
  font-weight: 700;
}

.pick {
  position: relative;
  left: 0;
  top: 0;
  min-height: 790px;
}

.pick::after {
  z-index: 0;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 50vw;
  height: 100%;
}

.pick.plan-01::after {
  background: url('../img/event/sub-bg-03-txt.png') right bottom no-repeat #ccf0eb;
}

.pick.plan-02::after {
  background-color: #f8ecd4;
}

.pick.plan-03::after {
  background-color: #f7e4ea;
}

.event-info {
  z-index: 10;
  position: relative;
  left: 0;
  top: 0;
  background-position: right 80px;
  background-repeat: no-repeat;
}

.plan-01 .event-info {
  background-image: url('../img/visual-01.png');
}

.plan-02 .event-info {
  background-image: url('../img/visual-02.png');
}

.plan-03 .event-info {
  background-image: url('../img/visual-03.png');
}

.pick-title {
  position: relative;
  left: 0;
  top: 0;
  padding-top: 80px;
  margin-bottom: 50px;
  font-size: 40px;
}

.pick-title span {
  display: block;
}

.pick-title .small-txt {
  font-size: .75em;
}

.pick-title::before {
  position: absolute;
  left: -80px;
  top: 0;
}

.plan-01 .pick-title::before {
  content: url('../img/event/txt-img-01.png');
}

.plan-02 .pick-title::before {
  content: url('../img/event/txt-img-02.png');
}

.plan-03 .pick-title::before {
  content: url('../img/event/txt-img-03.png');
}

.event-info .icon-list {
  line-height: 1.2;
  font-size: 22px;
}

.event-info .icon-list li {
  margin: 10px 0;
  padding: 10px 0 10px 80px;
  background-position: left center;
  background-repeat: no-repeat;
}

.event-info .icon-list li.icon-call {
  background-image: url('../img/icon/icon-01.png');
}

.event-info .icon-list li.icon-txt {
  background-image: url('../img/icon/icon-02.png');
}

.event-info .icon-list li.icon-data {
  background-image: url('../img/icon/icon-03.png');
}

.event-info .icon-list li.icon-charge {
  background-image: url('../img/icon/icon-04.png');
}

.event-info .icon-list span {
  font-size: .78em;
}


@media all and (max-width:1280px) {
  .event .section-02 .sec-title {
    font-size: 50px;
  }

  .pick-title::before {
    left: -50px;
  }

  .plan-01 .event-info,
  .plan-02 .event-info,
  .plan-03 .event-info {
    background-size: 65%;
  }
}


@media all and (max-width:1024px) {
  .event .section-02 .sec-title {
    font-size: 40px;
  }

  .pick-title::before {
    left: 95%;
    top: 10px;
  }
}


@media all and (max-width:768px) {

  .event .section-02 .sec-title {
    font-size: 30px;
  }

  .plan-tab .plan {
    width: 170px;
    height: 170px;
    font-size: 23px;
    border-radius: 85px;
    -webkit-border-radius: 85px;
    -moz-border-radius: 85px;
    -ms-border-radius: 85px;
    -o-border-radius: 85px;
  }

  .pick::after {
    width: 60vw;
  }

  .plan-01 .event-info,
  .plan-02 .event-info,
  .plan-03 .event-info {
    height: 80vh;
    background-position: right bottom;
    background-size: 70%;
  }

  .pick-title {
    padding-top: 40px;
    margin-bottom: 20px;
    font-size: 28px;
  }

  .event-info .icon-list {
    font-size: 18px;
  }

  .event-info .icon-list li {
    margin: 5px 0;
    padding-left: 65px;
    background-size: 55px;
  }

}


@media all and (max-width:540px) {
  .pick {
    min-height: 0;
  }

  .pick-title img {
    width: 50%;
  }

  .plan-01 .event-info,
  .plan-02 .event-info,
  .plan-03 .event-info {
    height: 750px;
    background-size: 75vmin;
  }

  .plan-tab .plan {
    margin: 0 7px;
    width: 100px;
    height: 100px;
    font-size: 18px;
    border-radius: 85px;
    -webkit-border-radius: 85px;
    -moz-border-radius: 85px;
    -ms-border-radius: 85px;
    -o-border-radius: 85px;
  }

  .plan-tab a:nth-of-type(1).on .plan {
    background: url('../img/icon/down-arrow-b.png') center 90%/10px no-repeat, url('../img/event/tab-img-01-on.png') center no-repeat;
  }

  .plan-tab a:nth-of-type(2).on .plan {
    background: url('../img/icon/down-arrow-b.png') center 90%/10px no-repeat, url('../img/event/tab-img-02-on.png') center no-repeat;
  }

  .plan-tab a:nth-of-type(3).on .plan {
    background: url('../img/icon/down-arrow-b.png') center 90%/10px no-repeat, url('../img/event/tab-img-03-on.png') center no-repeat;
  }

  .event .section-02 .sec-title {
    font-size: 20px;
  }

  .plan-tab .plan .plan-title {
    left: 0;
    top: 5px;
  }

  .plan-tab .plan p>span {
    display: block;
  }

  .event-info .icon-list li {
    margin: 5px 0;
    padding-left: 55px;
    background-size: 45px;
  }

}

@media all and (max-width:375px) {
  .pick {
    min-height: 0;
  }

  .pick-title img {
    width: 50%;
  }
}

/*
섹션3 - 쿠폰지급안내
*/

.event .section-03 .sub-bg {
  padding: 10.648vh 0 70px;
  background: url('../img/sub-bg-02.png') center/cover no-repeat;
}

.section-03 .sec-title {
  text-align: center;
  font-size: 45px;
  font-weight: 500;
  color: #fff;
}

.section-03 .sec-title>span {
  font-size: .78em;
}

.under-bar {
  padding: 0 10px 5px;
  box-shadow: 0 -35px 0 rgba(255, 255, 255, .4) inset;
}


.r-btn-01{
  display: inline-block;
  padding: 0 60px;
  height: 75px;
  line-height: 75px;
  font-size: 30px;
  font-weight: 600;
  border-radius:40px;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  -ms-border-radius:40px;
  -o-border-radius:40px;
}


@media all and (max-width:1280px) {
  .section-03 .sec-title{
    font-size: 40px;
  }
  .r-btn-01{
    padding: 0 40px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }
  .under-bar {
    box-shadow: 0 -18px 0 rgba(255, 255, 255, .4) inset;
  }
}

@media all and (max-width:1024px) {
  .section-03 .sec-title {
    font-size: 40px;
  }
}

@media all and (max-width:768px) {
  .event .section-03 .sub-bg {
    padding: 50px 0;
  }

  .section-03 .sec-title {
    font-size: 30px;
  }

  .under-bar {
    padding: 0 5px 2px;
    box-shadow: 0 -11px 0 rgba(255, 255, 255, .4) inset;
  }
}


@media all and (max-width:540px) {
  .section-03 .sec-title {
    font-size: 20px;
  }
}

@media all and (max-width:375px) {
  .r-btn-01{
    padding: 0 40px;
    height: 35px;
    line-height: 35px;
    font-size:13px;
  }
}


.coupon-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.coupon-box .coupon-img-box,
.coupon-box .coupon-info {
  width: 50%;
}

.coupon-box .coupon-img-box img {
  width: 84.375%;
  max-width: 540px;
  vertical-align: bottom;
}

.coupon-box .coupon-info {
  margin: 0 0 20px -10px;
  font-size: 40px;
}

.coupon-box .coupon-txt {
  position: relative;
  left: 0;
  top: 0;
}

.coupon-box .coupon-txt>span {
  font-size: .75em;
}

.coupon-box .coupon-txt::before {
  position: absolute;
  content: "";
  left: -20px;
  top: -70%;
  width: 100px;
  height: 88px;
  background: url('../img/icon/icon-05.png') center/contain no-repeat;
}

.coupon-box .dot-list {
  font-size: .5em;
}

@media all and (max-width:1280px) {
  .coupon-box .coupon-info {
    margin: 0 0 0 -10px;
    font-size: 35px;
  }

  .coupon-box .dot-list li::before {
    top: 17px !important;
  }

}

@media all and (max-width:1024px) {
  .coupon-box .coupon-info {
    font-size: 30px;
  }

  .coupon-box .coupon-txt::before {
    top: -80px;
  }

  .coupon-box .dot-list li::before {
    top: 14px !important;
  }


  .coupon-box .coupon-info>p {
    font-size: 15px !important;
  }
}


@media all and (max-width:768px) {
  .coupon-box .coupon-info {
    font-size: 30px;
  }

  .coupon-box .coupon-txt {
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .coupon-box .coupon-txt::before {
    top: -100%;
    background: url('../img/icon/icon-05.png') center/70px no-repeat;
  }
}

@media all and (max-width:540px) {
  .coupon-box {
    flex-direction: column;
  }

  .coupon-box .coupon-info {
    font-size: 28px;
  }

  .coupon-box .coupon-img-box,
  .coupon-box .coupon-info {
    width: 100%;
  }

  .coupon-box .coupon-img-box {
    text-align: center;
  }

  .coupon-box .coupon-img-box img {
    width: 70%;
  }

  .coupon-box .coupon-info {
    margin-top: 12vh;
  }

  .coupon-box .coupon-info>p {
    font-size: 14px !important;
  }

}

/*
섹션4 -상품지급조건
*/

.event .section-04 {
  padding: 11.11vh 0;
}

.event .section-04 .sec-title {
  font-size: 55px;
}

.step-box {
  display: flex;
  justify-content: space-between;
  margin-top: 3.7vh;
  margin-bottom: 6vh;
  padding: 0 10.81%;
  text-align: center;
}

.step-box li {
  width: 29.8%;
  max-width: 300px;
}

.step-box .step-icon {
  position: relative;
  left: 0;
  top: 0;
  margin: 40px 0 5px;
  width: 100%;
  height: 200px;
  border-radius: 10px;
  background-color: #d5ecff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.step-box .step-icon img {
  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%);
}


.step-box .step-icon::before {
  position: absolute;
  content: "";
  left: 50%;
  top: -30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 30px;
  border: 2px solid #1259e7;
  background-color: #3f76ed;
  transform: translateX(-50%);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.step-box li:nth-of-type(1) .step-icon::before {
  content: "01";
}

.step-box li:nth-of-type(2) .step-icon::before {
  content: "02";
}

.step-box li:nth-of-type(3) .step-icon::before {
  content: "03";
}

.step-box b {
  line-height: 2.7;
  font-size: 18px;
  font-weight: 700;
}

.step-box b+div {
  font-size: 20px;
}

.event .section-04 .ex {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  max-width: 1010px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  border-radius: 70px;
  background: linear-gradient(to right, #8ad8ef, #3f76ed);
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
}

.event .section-04 .ex>h3 {
  width: 85px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  font-weight: 600;
  color: #012820;
  background: url('../img/event/bg-box-02.png') center no-repeat;
}

.event .section-04 .ex>span {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  margin: 0 25px;
}

.event .section-04 .ex>span>span {
  display: block;
  line-height: .9;
  font-weight: 300;
  color: #fff;

}

.event .section-04 .ex>span .under-bar {
  box-shadow: 0 -15px 0 rgba(255, 255, 255, .4) inset;
}

.event .section-04 .ex>span:not(:nth-of-type(1))::after {
  position: absolute;
  left: -25px;
  top: 0;
  content: "";
  width: 10px;
  height: 35px;
  background: url('../img/icon/arrow-03.png') center no-repeat;
}


@media all and (max-width:1280px) {

  .event .section-04 .sec-title {
    font-size: 50px;
  }
  .event .section-04 .ex{
    padding: 20px 0;
  }
}

@media all and (max-width:1024px) {
  .event .section-04 {
    padding: 8vh 0;
  }


  .event .section-04 .ex {
    font-size: 17px;
  }

  .event .section-04 .ex span.fs-25 {
    font-size: 19px !important;
  }
}

@media all and (max-width:768px) {
  .event .section-04 .sec-title {
    font-size: 40px;
  }

  .event .section-04 .ex {
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 50px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
  }

  .event .section-04 .ex span.fs-25 {
    font-size: 17px !important;
  }

  .event .section-04 .ex span.fs-16 {
    font-size: 13px !important;
  }
}

@media all and (max-width:540px) {
  .event .section-04 .sec-title {
    font-size: 30px;
  }

  .event .section-04 .ex>h3 {
    position: absolute;
    left: 0;
    top: -40px;
    width: 50px;
    font-size: 11px;
    background: url('../img/event/bg-box-02.png') center/50px no-repeat;
  }

  .event .section-04 .ex {
    padding: 5px 0;
    font-size: 12px;
  }

  .event .section-04 .ex>span {
    position: relative;
    left: 0;
    top: 0;
    margin: 10px;
  }

  .event .section-04 .ex span.fs-25 {
    font-size: 14px !important;
  }

  .event .section-04 .ex span.fs-16 {
    font-size: 12px !important;
  }

  .event .section-04 .ex>span:not(:nth-of-type(1))::after {
    left: -15px;
    width: 10px;
    height: 20px;
    background: url('../img/icon/arrow-03.png') center/5px no-repeat;
  }

  .step-box {
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-bottom: 40px;
    text-align: center;
  }

  .step-box li {
    margin-bottom: 5vh;
    width: 100%;
  }

  .step-box .step-icon::before {
    top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .step-box .step-icon {
    margin: 30px 0 5px;
    height: 175px;
  }

  .step-box .step-icon img {
    width: 30%;
  }

  .step-box b+div {
    font-size: 18px;
  }

  .event .section-04 .ex>span .under-bar {
    padding: 0 5px 0;
    box-shadow: 0 -5px 0 rgba(255, 255, 255, .4) inset;
  }
}

/*
섹션5
*/

.event .section-05 {
  padding: 7.87vh 0 13.426vh;
  background-color: #24304b;
  color: #aaadb4;

}

.event.usim_event .section-05{
    padding: 50px;
}

.event .section-05 .notice-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 5.87vh;
  height: 70px;
  font-size: 38px;
  line-height: 1;
}

.event .section-05 .dot-list li {
  padding: 7px 0 7px 15px;
}

.event .section-05 .dot-list li::before {
  top: 17px;
  background-color: rgba(255, 255, 255, .6);
}

@media all and (max-width:1024px) {
  .event.usim_event .section-05{
      padding: 30px;
    }
}

@media all and (max-width:768px) {

  .event .section-05 {
    padding: 3.87vh 0 7.426vh;
  }

  .event .section-05 .notice-title {
    margin-bottom: 2.87vh;
    height: 50px;
    font-size: 25px;
  }

  .event .section-05 .notice-title img {
    width: 80px;
  }
  
  .event.usim_event .section-05{
      padding:15px;
    }
}


@media all and (max-width:540px) {

  .event .section-05 .notice-title {
    font-size: 25px;
  }

  .event .section-05 .notice-title {
    font-size: 20px;
  }

  .event .section-05 .notice-title img {
    width: 50px;
  }
}

/*
선불충전
*/

.page-title {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1;
  font-size: 40px;
  font-weight: 500;
}

.sub-02 .table th {
  font-size: 17px;
}

.sub-02 .table td {
  padding: 2.08vh 30px;
}

.sub-02 .table tr:nth-of-type(1) td {
  padding: 6.48vh 30px 3.7vh;
}

.input-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

input[type="tel"] {
  margin: 0 5px;
  padding: 0 10px;
  width: 100px;
  height: 45px;
  border: 1px solid #dcdcdc;
}

select {
  padding-left: 10px;
  margin: 0 5px;
  height: 45px;
}

.table-title {
  margin-bottom: 10px;
  text-align: left;
  font-size: 22px;
  font-weight: 800;
}

.table-title h3 {
  display: inline;
}

.table-title h3+span {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 300;
}

.sub-02 .table>small,
.sub-02-02 .table>small {
  top: 10px;
  font-size: 14px;
  color: #333;
}

.bottom-small {
  display: inline-block;
  margin-top: 20px;
  padding-left: 15px;
  font-size: 15px;
  color: #666;
  background: url('../img/icon/list-style.png') left center no-repeat;
}

/*필수입력사항*/
span.req {
  position: relative;
  left: 0;
  top: 0;
}

span.req::after {
  position: absolute;
  left: 110%;
  top: 0;
  content: "*";
  color: #2460eb;
}

.s-btn-01 {
  margin: 0 5px;
  width: 80px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  color: #fff;
  background-color: #000;
}

/* 완료페이지 */
.comp-box {
	padding:6vh; 
	text-align:center; 
	border:1px solid #eaeaea;
}
.comp-box .contxt-box.ic-comp {
	position:relative; 
	padding-top:75px;
}

.comp-box .contxt-box.ic-comp::after {
	content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 52px;
    height: 52px;
    margin-left: -26px;
    background: url('../img/icon/icon-11.png') left bottom no-repeat;
    background-size: contain;
}

.comp-box .contxt-box .desc-title {
	font-weight:700; 
	font-size:32px;
}

.comp-box .contxt-box .btn-box {
	margin-top:4vh !important;
}


@media all and (max-width:1024px) {
  .sub-02 .table th {
    font-size: 15px;
  }

  input[type="tel"] {
    padding: 0 5px;
    width: 50px;
    height: 35px;
    border: 1px solid #dcdcdc;
  }

  select {
    padding-left: 5px;
    height: 35px;
    background-position: right 5px center;
    background-size: 7px;
  }
}

@media all and (max-width:768px) {
  .sub-02 .table th {
    font-size: 13px;
  }

  .page-title {
    font-size: 35px;
  }
  
  .comp-box {
  	padding:6vh 2vh;
  }
  
  .comp-box .contxt-box.ic-comp {
	padding-top:65px;
   }

  .comp-box .contxt-box.ic-comp::after {
    width: 42px;
    height: 42px;
    margin-left: -21px;
  }
    
  .comp-box .contxt-box .desc-title {
  	font-size:28px;
  }
	  

  .sub-02 .table>small,
  .sub-02-02 .table>small {
    font-size: 12px;
  }

  .s-btn-01 {
    width: 45px;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
  }

}

@media all and (max-width:540px) {
  .page-title {
    font-size: 28px;
  }
  
  .comp-box .contxt-box .desc-title {
  	font-size:24px;
  }

  .sub-02 .table>small,
  .sub-02-02 .table-title>span {
    font-size: 12px;
  }

  .sub-02 .table td {
    padding: 2.08vh 10px;
  }

  .sub-02 .table tr:nth-of-type(1) td {
    padding: 3.48vh 10px 2.7vh;
  }

  select.w80 {
    margin: 0 2px;
    width: 45px !important;
  }

  input[type="tel"] {
    margin: 0 2px;
    width: 45px;
  }

  .bottom-small {
    font-size: 13px;
    background: url('../img/icon/list-style.png') left center/10px no-repeat;
  }
}

@media all and (max-width:375px) {
  .sub-02 .table td {
    padding: 2.08vh 5px;
  }

  .sub-02 .table tr:nth-of-type(1) td,
  .sub-02-02 .table tr:nth-of-type(1) td {
    padding: 3.48vh 5px 2.7vh;
  }
}

/*
sub-02-02 선불충전 서비스 조회
*/

.p-w185{
  width: 14.5% !important;
}


.sub-02-02 .col-box {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  width: 100%;
  padding: 6.5vh 0 20px;
  line-height: 2;
  text-align: center;
}

.sub-02-02 .col-box li {
  padding: 0 50px;
  width: calc(100% /3);
}

.sub-02-02 .col-box .txt-box {
  display: flex;
  flex-direction: column;
  height: 62%;
}

.sub-02-02 .col-box .img-box {
  margin-bottom: 18px;
}

.sub-02-02 .col-box b {
  font-size: 20px;
  font-weight: 800;
}

.sub-02-02 .col-box .btn-box {
  margin-top: auto;
  padding-top: 30px;
}

.r-btn-02 {
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  background-color: #eee;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

@media all and (max-width:1280px) {
  .sub-02-02 .col-box li {
    padding: 0 30px;
  }
}

@media all and (max-width:1024px) {
  .p-w185{
    width: 90px !important;
  }
  
}

@media all and (max-width:768px) {
  .sub-02-02 .col-box li {
    padding: 0 32px;
  }
}

@media all and (max-width:540px) {
  .sub-02-02 .col-box {
    flex-direction: column;
  }

  .sub-02-02 .col-box li {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5vh;
    width: 100%;
    line-height: 1.5;
  }

  .sub-02-02 .col-box .img-box {
    width: 50px;
  }

  .sub-02-02 .col-box .txt-box {
    padding-left: 30px;
    width: 100%;
    text-align: left;
  }

  .sub-02-02 .col-box b {
    font-size: 17px;
    font-weight: 800;
  }

  .sub-02-02 .col-box .btn-box {
    margin-top: 0;
    margin-right: auto;
    padding-top: 10px;
  }
  .r-btn-02 {
    width: 80px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }


}


/*
선불 요금제 -가입하기
*/

.service-box {
  display: flex;
  justify-content: space-between;
  border: 1px solid #eaeaea;
  margin-top: 35px;
}

.service-box .slide-box,
.service-box .join-box {
  width: 50%;
}

.service-box .slide-box {
  border-right: 1px solid #eaeaea;
}

.usim-gallery .gallery-top .swiper-button {
  position: absolute;
  top: 45%;
  width: 40px;
  height: 40px;
  opacity: 1;
}

.usim-gallery .gallery-top .swiper-button.swiper-button-prev {
  background: url('../img/icon/prev-btn.png') center no-repeat !important;
}

.usim-gallery .gallery-top .swiper-button.swiper-button-prev:hover {
  background: url('../img/icon/prev-btn-on.png') center no-repeat !important;
}

.usim-gallery .gallery-top .swiper-button.swiper-button-next {
  background: url('../img/icon/next-btn.png') center no-repeat !important;
}

.usim-gallery .gallery-top .swiper-button.swiper-button-next:hover {
  background: url('../img/icon/next-btn-on.png') center no-repeat !important;
}

.service-box .gallery-top {
  margin: 10% auto 0;
  width: calc(100% - 140px);
  padding: 40px 0;  
  text-align: center;
}

.service-box .gallery-thumbs .swiper-wrapper {
	justify-content: center;
	margin-top: 30px;
}

.service-box .gallery-thumbs .swiper-wrapper .swiper-slide {
	width:104px !important;
	height:76px;
	margin-right:10px;
	padding:10px;
	border: 1px solid #eaeaea;
}



/*  
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 45%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-prev {
  left: -10%;
  background: url('../img/icon/prev-btn.png') center no-repeat !important;
}

.owl-carousel .owl-nav button.owl-prev:hover {
  background: url('../img/icon/prev-btn-on.png') center no-repeat !important;
}

.owl-carousel .owl-nav button.owl-next {
  right: -5%;
  background: url('../img/icon/next-btn.png') center no-repeat !important;
}

.owl-carousel .owl-nav button.owl-next:hover {
  background: url('../img/icon/next-btn-on.png') center no-repeat !important;
}

.owl-carousel .owl-nav button.owl-next>span,
.owl-carousel .owl-nav button.owl-prev>span {
  visibility: hidden;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
  height: 0;
}

.service-box .slide-wrap {
  margin: 0 auto;
  width: calc(100% - 140px);
  height: 420px;
}

.service-box .slider-03 .slide {
  height: 420px;
}

.service-box .slider-03 .slide {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.service-box .slider-03 .slide[data-hash="zero"] {
  background-image: url('../img/join/img-01.png');
}

.service-box .slider-03 .slide[data-hash="one"] {
  background-image: url('../img/join/img-01.png');
}

.service-box .slide-box .btn-box {
  margin-top: 0;
}

.service-box .slide-box .btn-box a {
  opacity: .5;
  display: inline-block;
  margin: 0 5px;
  width: 70px;
  height: 70px;
}

.service-box .slide-box .btn-box a.on {
  opacity: 1;
  border: 2px solid #000;
}

.service-box .slide-box .btn-box a:nth-of-type(1) {
  background: url('../img/join/img-2.png') center no-repeat #eaeaea;
}

.service-box .slide-box .btn-box a:nth-of-type(2) {
  background: url('../img/join/img-3.png') center no-repeat #eaeaea;
}

*/

@media all and (max-width:768px) {

  .service-box .owl-carousel .owl-nav button.owl-prev,
  .service-box .owl-carousel .owl-nav button.owl-next {
    visibility: hidden;
  }
}


@media all and (max-width:540px) {
	
	
   .service-box {
	  flex-direction: column;
	}
	
	.service-box .slide-box,
	.service-box .join-box {
	  width: 100%;
	}
	
	.usim-gallery .gallery-top .swiper-button.swiper-button-prev {
	  left:0;
	}
	
	.usim-gallery .gallery-top .swiper-button.swiper-button-next {
	 right:0;
	}
	
	.service-box .gallery-top {
	  margin: 10% auto 0;
	  width: 100%;
	  padding: 40px 0;  
	}
	
	.service-box .gallery-top .swiper-wrapper {
		box-sizing: border-box;
	}
	
	.service-box .gallery-top .swiper-wrapper .swiper-slide {
		width:100% !important;
		padding:0 20%;
	}
	
	.service-box .gallery-thumbs .swiper-wrapper {
		margin-top: 0;
	}
	
	.service-box .gallery-thumbs .swiper-wrapper .swiper-slide {
		width:72px !important;
		height: 55px;
	}
	
	
	.swiper-button-prev:after,
	.swiper-button-next:after {
		display:none;
	}
	
	
		
	
/* 	
  .service-box {
    flex-direction: column;
  }

  .service-box .slide-box,
  .service-box .join-box {
    width: 100%;
  }

  .service-box .slide-wrap {
    margin: 0 auto;
    width: calc(100% - 140px);
    height: 180px;
  }

  .service-box .slider-03 .slide {
    height: 180px;
  }

  .service-box .slider-03 .slide {
    background-size: 70%;
  }

  .service-box .slide-box .btn-box a {
    width: 50px;
    height: 50px;
  }
   */
  
  
  
}


.service-box .join-box {
  padding: 45px 50px;
}

.join-box article {}

.show-card {
  padding: 25px;
  border: 1px solid #d2d2d2;
}

.join-box dl {
  line-height: 1;
  font-size: 14px;
}

.join-box dt {
  padding: 11px 0;
  font-weight: 700;
}

.join-box dd {
  margin-bottom: 10px;
  line-height: 1.5;
  color: #666;
}

.show-card dt {
  font-size: 20px;
  font-weight: 800;
}

.show-card dd  {
  font-size: 16px;
  font-weight:400;
}

.show-card dd > span {
  display:inline-block;
  position:relative;
  margin-right: 5px;
}

.show-card dd > span::before {
  content:""; 
  display:inline-block;
  width:1px;
  height:12px;
  margin: 0 10px;
  background-color:#d2d2d2;
}

.show-card dd > span:first-child::before {
  display:none;
}

.show-card dd > strong {
  font-size: 16px;
  font-weight:400;
}

.show-card+div a {
  padding: 2px 0;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #2561eb;
}

.join-box .bar::before{
  top:10px;
}

.service-name {
  margin-bottom: 40px;
  line-height: 1;
  font-size: 25px;
  font-weight: 700;
}

.tap-name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.sub-03-01 .tap {
  display: flex;
  justify-content: space-between;
}

.sub-03-01 .tap>div{
  position: relative; left:0; top:0;
  width: 50%;
  height: 55px;
  font-size: 16px;
}

.sub-03-01 .tap input[type="radio"]+label {
  display: block;
  position: absolute; left:0; top:0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 55px;
  border: 1px solid #d2d2d2;
  background-color: #f9f9f9;
  cursor: pointer;
}

.sub-03-01 .tap input[type="radio"]:checked+label {
  border: 1px solid #2460eb;
  background-color: #fff;
  font-weight: 700;
  }

.txt-right {
  text-align: right;
}

.sub-03-01 div.txt-right {
  padding: 10px 0;
  font-size: 14px;
}

.join-box .btn-box {
  margin-top: 40px;
  margin-bottom: 30px;
}

.join-box .btn-box button {
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 40px;
  background-color: #111;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.sub-03-01 .section-02 .tap {
  width: 100%;
}

.sub-03-01 .section-02 .tap a {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% /3);
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid #333;
  background-color: #f5f5f5;
}

.sub-03-01 .section-02 .tap a::after {
  position: absolute;
  left: 99.3%;
  top: 0;
  content: "|";
}

.sub-03-01 .section-02 .tap a:last-child:after {
  content: "";
}

.sub-03-01 .section-02 .tap a.on {
  color: #fff;
  border-bottom: 1px solid #333;
  background-color: #333;
}

.sub-03-01 .section-02 .tap a.on::after {
  content: "";
}

.tap-panel .panel {
  margin-bottom: 4.5vh;
}

.tap-panel .panel-inner {
  padding: 50px 0
}

@media all and (max-width:540px) {
  .service-name {
    font-size: 20px;
  }

  .service-box .join-box {
    padding: 45px 20px;
  }

  .sub-03-01 .tap>div{
    height: 40px;
  }

  .sub-03-01 .tap input[type="radio"]+label {
    height: 40px;
    line-height: 40px;
  }
  
  .sub-03-01 .tap input[type="radio"]+label>span {
    font-size: 14px;
  }

  .show-card {
    padding: 15px 20px;
  }

  .show-card+div a {
    font-size: 13px;
  }

  .join-box .btn-box button {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
  }

  .sub-03-01 .section-02 .tap a {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  
  .show-card dt {
	font-size: 18px;
   }
	
  .show-card dd  {
	font-size: 15px;
   }
   
   .show-card dd > strong {
     font-size: 15px;
   }


}



/*
국제전화 이용안내
*/

.sub-03-03 .over-box {
  overflow-x: scroll;
  width: 100%;
}

.sub-03-03 .tap {
  margin-bottom: 40px;
  width: 100%;
  min-width: 440px;
}

.sub-03-03 .tap>a {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  margin: 20px 30px;
  padding: 3px 0;
  font-size: 25px;
  font-weight: 300;
}

.sub-03-03 .tap>a:first-child {
  margin-left: 0;
}

.sub-03-03 .tap>a::after {
  position: absolute;
  left: 120%;
  top: 12px;
  content: "";
  width: 1px;
  height: 20px;
  background-color: #ccc;
}

.sub-03-03 .tap>a:last-child:after {
  width: 0;
}

.sub-03-03 .tap>a.on {
  font-weight: 800;
  border-bottom: 3px solid #000;
}

.table-area {
  width: 100%;
}


.table-area .table-title {
  position: relative;
  left: 0;
  top: 0;
  font-size: 25px;
}

.table-area .table-title p {
  font-size: .7em;
}

.table-area .table-title small {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #333;
}

.table-area .flex-between {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.table-area #tap-01 .table,
.table-area #tap-03 .table {
  width: 49%;
}

.sub-03-03 .table {
  margin-bottom: 40px;
  font-size: 17px;
}

.sub-03-03 .t-type-01 table {
  border-right: 1px solid #e1e3e6;
  border-left: 1px solid #e1e3e6;
}

.sub-03-03 .table thead th,
.sub-03-03 .table tbody th,
.sub-03-03 .table tbody td {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e1e3e6;
  border-bottom: 1px solid #e1e3e6;
}

.sub-03-03 .table tbody th {
  font-weight: 400;
}

.sub-03-03 .table thead th:last-child,
.sub-03-03 .table tbody td:last-child {
  border-right: 0 none;
}

.sub-03-03 .table .h-holder,
.sub-03-03 .table .h-holder+td {
  padding: 14.5px 22px 14.5px;
  line-height: 1.2;
}


.td-w230 {
  width: 18%;
  max-width: 230px;
}

.td-w435 {
  width: 44%;
  max-width: 435px;
}

.td-w10 {
  width: 10%;
}

.td-w13 {
  width: 13%;
}

.td-w15 {
  width: 15%;
}

.td-w22 {
  width: 22%;
}

.td-w25 {
  width: 25%;
}

.td-w30 {
  width: 30%;
}



@media all and (max-width:1280px) {
  .sub-03-03 .table {
    font-size: 16px;
  }

  .sub-03-03 .table thead th,
  .sub-03-03 .table tbody th,
  .sub-03-03 .table tbody td {
    padding: 15px 10px;
  }

}

@media all and (max-width:1024px) {
  .sub-03-03 .tap a {
    margin: 10px 30px;
    font-size: 17px;
  }

  .sub-03-03 .tap>button::after {
    left: 140%;
    top: 10px;
    height: 17px;
  }

  .sub-03-03 .table {
    font-size: 14px;
  }

  .sub-03-03 .t-type-01 table {
    border-right: 0 none;
    border-left: 0 none
  }

  .table-area .table-title {
    font-size: 20px;
  }

  .table-area .table-title small {
    font-size: 13px;
  }


}

@media all and (max-width:768px) {
  .sub-03-03 .tap {
    margin-bottom: 20px;
  }

  .sub-03-03 .table {
    font-size: 15px;
    border: 1px solid #e1e3e6;
  }

  .table-area .flex-between {
    flex-direction: column;
  }

  .table-area .table-title {
    font-size: 18px;
  }

  .table-area .table-title small {
    font-size: 12px;
  }

  .table-area #tap-01 .table,
  .table-area #tap-03 .table {
    width: 100%;
  }
}

@media all and (max-width:540px) {

  .sub-03-03 .tap>a {
    margin: 10px 15px;
    font-size: 14px;
  }

  .sub-03-03 .tap>a::after {
    left: 125%;
    height: 13px;
  }

  .table-area .table-title {
    padding-bottom: 40px;
  }

  .table-area .table-title p {
    font-size: .7em;
  }

  .table-area .table-title small {
    left: 0;
    bottom: 0;
  }

  .sub-03-03 .table {
    font-size: 13px;
  }

  .sub-03-03 .table.over-box {
    overflow-x: scroll;
  }

  .sub-03-03 #tap-01 .table table,
  .sub-03-03 #tap-03 .table table {
    min-width: 380px;
  }

  .sub-03-03 #tap-02 .table table {
    min-width: 520px;
  }

  .sub-03-03 .table thead th,
  .sub-03-03 .table tbody th,
  .sub-03-03 .table tbody td {
    padding: 10px;
  }

  .sub-03-03 .table thead th span {
    font-size: 11px;
  }

  .td-w25 {
    width: 20%;
  }
}


@media all and (max-width:375px) {
  .td-w13:last-child {
    width: 18%;
  }
}


/*
온라인 상담문의
*/

.caption {
  margin-bottom: 10px;
  text-align: left;
}

.sub-03-04 .table {
  margin-bottom: 40px;
}

.sub-03-04 .table tbody th {
  padding-left: 3.9%;
  text-align: left;
}

.sub-03-04 select {
  width: 300px;
}

input[type="text"],
input[type="number"] {
  margin: 0 5px;
  padding: 0 10px;
  width: 300px;
  height: 45px;
  border: 1px solid #dcdcdc;
  background-color:#fff;
}

.sub-03-04 input[type="radio"] {
  height: 20px;
  font-size: 17px;
}

.sub-03-04 input[type="radio"]+label::before {
  width: 20px;
  height: 20px;
  background: url('../img/icon/radio-box.png') center/cover no-repeat
}
.p-w300 {
  width: 23.4375%;
}

.sub-03-04 input[type="radio"]:checked+label::before {
  background: url('../img/icon/radio-checked.png') center/cover no-repeat
}

.sub-03-04 input[type="radio"]+label {
  padding-left: 30px;
  margin: 10.5px 20px 10.5px;
}



.sub-03-04 table th,
.sub-03-04 table td {
  padding: 12px;
}

.sub-03-04 table th {
  font-size: 17px;
  font-weight: 600;
}

.sub-03-04  input[id="Yes"]+label {
	padding-left: 0;
}

input[type="checkbox"]+label,
.sub-03-04 input[id="NoLine"]+label {
  margin-left: 10px;
  padding-left: 25px;
  font-size: 15px;
  color: #666;
}

input[type="checkbox"]+label::before,
.sub-03-04 input[id="NoLine"]+label::before {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url('../img/icon/check-box.png') center/cover no-repeat
}

input[type="checkbox"]:checked+label::before,
.sub-03-04 input[id="NoLine"]:checked+label::before {
  background: url('../img/icon/checked.png') center/cover no-repeat
}

.textarea {
  margin-top: 10px;
  min-height: 120px;
  resize: none;
  border: 1px solid #dcdcdc;
}

.consent>.over-box {
  margin-top: 5px;
  padding: 25px 20px;
  width: 100%;
  max-height: 150px;
  line-height: 2;
  border: 1px solid #e8e8e8;
}

.consent>.input-box {
  margin: 15px 0;
  justify-content: flex-end;
  width: 100%;
  font-size: 17px;
  font-weight: 500;
}

.sub-03-04 input[id="Yes"]+label::before {
  left: -30px;
  width: 22px;
  height: 22px;
  background: url('../img/icon/check-box02.png') center/cover no-repeat;
}

.sub-03-04 input[id="Yes"]:checked+label::before {
  background: url('../img/icon/check-box02-ch.png') center/cover no-repeat;
}

.consent .btn-box {
  margin-top: 0px;
}

.consent .btn-box>button {
  margin: 0 5px;
  width: 160px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.consent .btn-box>button.modal-close-btn {
	position: inherit;
    right: inherit;
    top: inherit;
}


@media all and (max-width:1280px) {
  .sub-03-04 .fs-15 {
    font-size: 12px !important;
  }
}

@media all and (max-width:1024px) {
  .consent>.input-box {
    font-size: 13px;
  }

  .sub-03-04 input[type="radio"]+label::before {
    width: 17px;
    height: 17px;
  }

  .sub-03-04 input[id="Yes"]+label::before {
    left: -25px;
    width: 18px;
    height: 18px;
  }

  input[type="text"] {
    height: 35px;
  }
}

@media all and (max-width:768px) {
  .sub-03-04 .w130 {
    width: 80px !important;
  }

  .w150 {
    width: 70px !important;
  }

  .sub-03-04 .input-box {
    flex-wrap: wrap;
  }

  .sub-03-04 table th {
    font-size: 15px;
  }

}

@media all and (max-width:600px) {
  .sub-03-04 table th {
    font-size: 14px;
  }

  .sub-03-04 table th,
  .sub-03-04 table td {
    padding: 12px 5px;
  }

  .sub-03-04 select {
    width: 55%;
    font-size: 12px;
  }

  input[type="text"] {
    width: 55%;
  }

  .caption {
    padding-top: 20px;
  }

  .sub-03-04 .table>small {
    left: 0;
    padding: 0;
  }

  .sub-03-04 input[id="NoLine"]+label {
    margin-left: 5px;
    font-size: 13px;
  }


  .sub-03-04 input[type="radio"]+label {
    padding-left: 20px;
    margin: 10.5px 25px 10.5px 5px;
  }

  .consent .btn-box {
    margin-top: 40px;
  }

  .consent .btn-box>button {
    width: 110px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
  }
}

@media all and (max-width:414px) {
  .sub-03-04 .w130 {
    width: 66px !important;
  }

  .w150 {
    width: 65px !important;
  }
}

/*
자주하는 질문
*/

.qna {
  margin-top: 40px;
  width: 100%;
  border-top: 2px solid #000;
}

.qna .depth .question {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* padding: 35px 0; */
  vertical-align: middle;
  border-bottom: 1px solid #e1e3e6;
}

.qna .depth .question>a {
  display: inline-block;
  padding: 35px 50px 35px 30px;
  width: calc(100% - 85px);
  height: 100%;
  font-size: 17px;
  background: url('../img/icon/qna-arrow.png') 98% center no-repeat;
}

.qna .depth.on .question>a {
  background: url('../img/icon/up-arrow.png') 98% center no-repeat;
}

.qna .depth .question>a span:first-child {
  margin-right: 5px;
}

.qna .depth .question>div {
  position: relative;
  padding: 0 30px;
  left: 0;
  top: 0;
  height: 100%;
}

.qna .depth .question>div::after {
  position: absolute;
  left: 100%;
  top: 50%;
  content: "";
  width: 1px;
  height: 25px;
  background-color: #ccc;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.qna .depth>dd {
  display: flex;
  padding: 40px 35px;
  width: 100%;
  background-color: #f1f5f9;
}

.qna .depth>.answer {
  display: none;
}

.qna .depth>.answer div:first-child {
  padding-right: 5.5%;
  width: 95px;
  font-size: 25px;
  color: #38b4c3;
}

.qna .depth>.answer div p,
.qna .depth>.answer div dl {
  margin-bottom: 20px;
  font-size: 17px;
}

.qna .depth>.answer div dl dt {
  font-weight: 600;
}

.qna .depth>.answer div dl dd li {
  position: relative;
  font-weight: 300;
  line-height: 1.7;
}

.qna-pagination {
  margin-top: 40px;
}

.qna-pagination,
.qna-pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}

.qna-pagination>button,
.qna-pagination ul li {
  overflow: hidden;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.qna-pagination>button.start-page {
  background: url('../img/icon/start.png') center no-repeat #f0f1f2;
}

.qna-pagination>button.prev-page {
  background: url('../img/icon/prev-page.png') center no-repeat #f0f1f2;
}

.qna-pagination>button.next-page {
  background: url('../img/icon/next-page.png') center no-repeat #f0f1f2;
}

.qna-pagination>button.end-page {
  background: url('../img/icon/end.png') center no-repeat #f0f1f2;
}

.qna-pagination ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "NanumSquare", sans-serif;
}

.qna-pagination ul li.on a {
  font-weight: 600;
  color: #fff;
  background-color: #111;
}

.sub-info {
  padding: 5.5vh 0 5vh;
  text-align: center;
  color: #fff;
  background: url('../img/sub-bg-02.png') center no-repeat;
}

.sub-info p {
  font-size: 22px;
  font-weight: 500;
}

.sub-info .btn-box a {
  padding: 15px 50px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 50px;
  background-color: #212121;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

@media all and (max-width:768px) {
  .qna .depth .question>div {
    padding: 0 10px;
  }

  .qna .depth .question>a {
    padding: 20px;
    width: calc(100% - 50px);
    font-size: 15px;
    background: url('../img/icon/qna-arrow.png') 98% center/10px no-repeat;
  }

  .qna .depth.on .question>a {
    background: url('../img/icon/up-arrow.png') 98% center/10px no-repeat;
  }

  .qna .depth .question>a span {
    display: block
  }

  .qna .depth>.answer div:first-child {
    font-size: 20px;
  }

  .qna .depth>dd {
    padding: 20px;
  }

  .qna .depth>.answer div p,
  .qna .depth>.answer div dl {
    font-size: 14px;
  }


  .qna-pagination>button,
  .qna-pagination ul li {
    margin: 0 3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .sub-info p {
    font-size: 15px;
  }

  .sub-info .btn-box a {
    padding: 10px 25px;
    font-size: 13px;
  }
}


@media all and (max-width:540px) {
  .qna .depth .question>a {

    font-size: 14px;
  }

  .qna .depth>.answer div p,
  .qna .depth>.answer div dl {
    font-size: 13px;
  }
}



/*****************************************************************************/
/*****************************************************************************/
/* about.php start */
.about_wrap{max-width: 1280px; margin: 0 auto; word-break:keep-all}
.about_section{padding:150px 100px; color:#fff;}
.about_section .asc_txtbox{text-align: center; width: 50%;}
.about_section .asc_txtbox img{display: inline-block;}
.about_section .asc_txtbox h2{font-size: 55px; font-weight: 900; letter-spacing: -1px; margin-bottom: 50px; line-height: 1.2}
.about_section .asc_txtbox h2 span{font-size: 50px; font-weight: 600;}
.about_section .asc_txtbox p{font-size: 30px; line-height: 1.2}
.about_section .asc_txtbox p strong{font-size: 40px; font-weight: bold;}
.as_section01{background:url(../img/about/about_back.png) center center no-repeat; background-size:cover;  display: flex; justify-content: flex-end;}
.as_section01 .asc_txtbox p{font-size: 34px;}
.as_section01 .asc_txtbox p strong{font-size: 42px;}
.as_section02{background:#2564ea;}
.as_section02 .asc_txtbox{width: 80%; margin: 0 auto;}
.as_section02 .asc_txtbox img{margin-bottom: 30px;}
.as_section02 .asc_txtbox p{margin-bottom: 20px; line-height: 1.3;}
.as_section03 .asc_txtbox{color:#3c3c3c; width: 100%; text-align: left;}
.as_section03 .asc_txtbox h2{color:#2564ea;}
.as_section03 .asc_txtbox p{margin-bottom: 20px; line-height: 1.3;}
.as_section03 .asc03_box{display: flex; justify-content: space-between; align-items: flex-end;}
.as_section04{background:url(../img/about/about_back2.png) center center no-repeat; background-size:cover;}
.as_section04 .asc_txtbox{width: 80%; margin: 0 auto;}
.as_section04 .asc_txtbox p{margin-bottom: 20px; line-height: 1.3;}
.as_section04 .asc_btn_box{margin-top: 100px;}
.as_section04 .asc_btn_box a{display: block; margin: 0 auto 10px auto; max-width: 488px;}

@media all and (max-width:1280px) {
    .about_section{padding:100px 80px;}
    .about_section .asc_txtbox{width: 100%;}
    .about_section .asc_txtbox h2{font-size: 40px;}
    .about_section .asc_txtbox h2 span{font-size: 30px;}
    .about_section .asc_txtbox p{font-size: 22px;}
    .about_section .asc_txtbox p strong{font-size:30px;}
    .as_section01 .asc_txtbox p{font-size: 22px;}
    .as_section01 .asc_txtbox p strong{font-size: 30px;}
    .as_section02 .asc_txtbox{width: 100%;}
}

@media all and (max-width:770px) {
    .about_section{padding:50px 20px;}
    .about_section.as_section01{padding-top: 100px;}
    .about_section .asc_txtbox img{width: 50px; display: inline-block}
    .about_section .asc_txtbox h2{font-size: 25px; margin: 10px 0 20px 0;}
    .about_section .asc_txtbox h2 span{font-size: 20px; letter-spacing: 0;}
    .as_section01 .asc_txtbox p{font-size: 18px;}
    .as_section01 .asc_txtbox p strong{font-size: 22px;}
    .as_section02 .asc_txtbox img{margin:0;}
    .about_section .asc_txtbox p{font-size: 18px; margin-bottom: 10px;}
    .about_section .asc_txtbox p strong{font-size: 22px;}
    .as_section03 .asc_txtbox{text-align: center;}
    .as_section03 .asc_txtbox img{display: none;}
    .as_section03 .asc_txtbox .ascb_txt{width: 100%;}
    .as_section04 .asc_btn_box{margin-top:50px;}
    .as_section04 .asc_btn_box a{max-width: 320px;}
}
/* about.php end */
/*****************************************************************************/
/*****************************************************************************/


.service_name{display: flex; align-items: center;}
.service_name img{display: inline-block; margin-right: 10px;}

.service_layer.layer_style .layer_inner{max-width: 1000px; overflow: auto}

.service_table{table-layout: auto;}
.service_table thead{border-top: 2px solid #000; border-bottom: 1px solid #ccc}
.service_table thead tr th{padding: 10px 0;}
.service_table tbody tr{border-bottom: 1px solid #ededed;}
.service_table tbody tr td{padding: 10px; vertical-align: middle; border-right: 1px solid #ededed;}
.service_table tbody tr td:last-child{border-right:none;}
.service_table tbody tr td.tb_logo span{display: inline-table; vertical-align: middle; margin-right: 5px; width: 45px;}
.service_table tbody tr td.row_txt{text-align: center; font-weight: 600;}
.service_table tbody tr td.btn_td{text-align: center;}
.service_table tbody tr td ul{padding-left: 30px;}
.service_table tbody tr td ul li{list-style:disc;}
.table_btn{background:#000; padding: 7px 15px; color:#fff; font-size: 15px; border-radius: 5px;}



/*****************************************************************************/
/*****************************************************************************/
/* 요금 상세페이지 리뉴얼 */
.view_con .title{font-size:34px; font-weight: 600; margin-bottom: 20px;}
.detail_con{background:#f3f8ff; padding: 60px 0; margin-bottom: 50px;}
.detail_con .inner{display: flex; align-items: center; justify-content: space-between;}
.detail_con .plan .tag{display: flex;}
.detail_con .plan .tag li{font-size:14px; padding: 3px 12px; font-weight: 600; color:#4089ff; border:1px solid #4089ff; background:#eaf3ff; border-radius:7px; margin-right: 5px;}
.detail_con .plan .tag li:last-child{margin-right: 0}
.detail_con .plan .name{margin: 16px 0 50px; font-size: 24px; font-weight: 600}
.detail_con .plan .spec{flex-wrap: wrap; display: flex;}
.detail_con .plan .spec > div{display: flex; align-items: center;}
.detail_con .plan .spec .icon-comm{width: 38px; height: 38px; background: #e4e8ef; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin:0 10px 0 0;}
.detail_con .plan .spec .icon-comm img{max-width: 50%;}
.detail_con .plan .spec .data{width: 100%; margin-bottom: 15px;}
.detail_con .plan .spec .data .free{font-size: 28px; width: calc(100% - 48px);}
.detail_con .plan .spec .free{font-size: 21px; font-weight: 600; color:#434b59;}
.detail_con .plan .spec .call{margin-right: 30px;}
.detail_con .plan .spec .addition-box{width: 100%; margin-top: 30px; font-size:16px; color:#7e7f7f; font-weight: 500}
.detail_con .plan .spec .addition-box li{position: relative;}
.detail_con .plan .spec .addition-box li::before{content: "·"; display: inline-block; margin-right: 5px;}
.detail_con .plan .spec .addition-box li.add-info{font-size: 0.9em; color:#a1a1a1; max-width: 80%; margin:0 5px 0 30px;}
.detail_con .plan .spec .addition-box li.add-info::before{content: "?"; border:1px solid #a1a1a1; border-radius: 50px; font-size: 0.8em; width: 16px; height: 16px; text-align: center; line-height: 16px; position: absolute; left: -20px; top: 3px;}
.detail_con .coupon{margin-top: 60px; display:inline-block;}
.detail_con .coupon .cp_name{font-size: 18px; font-weight: 600; margin-bottom: 10px; padding-left: 5px;}
.detail_con .coupon .cp_view{display: flex; padding: 17px 25px; background: #fff; border-radius: 12px; align-items: center; font-size: 17px; font-weight: 500; border:1px solid #c7cedd; width:400px;}
.detail_con .coupon .cp_view img{margin-right:10px;}
.detail_con .price_box{background: #fff; border-radius: 16px; max-width: 450px; width: 100%;}
.detail_con .price_box .price_inner{padding: 30px;}
.detail_con .price_box .price{font-size: 22px; font-weight: 600; display: flex; justify-content: space-between;}
.detail_con .price_box .price li strong{ font-size: 1.2em;}
.detail_con .price_box .info{background: #f3f8ff; border:1px solid #c7cedd; padding: 15px 20px; border-radius: 12px; color:#7e7f7f; font-weight: 600; margin-top: 15px; text-align: center; font-size: 17px;}
.detail_con .price_box .btn{background:#4089ff; color:#fff; display:block; width: 100%; padding: 20px; font-size:20px; border-radius: 0 0 10px 10px; font-weight: 600;}

@media all and (max-width:1100px) {
  .detail_con{padding: 30px 0}
  .detail_con .inner{flex-wrap: wrap;}
  .detail_con .plan{width: 100%;}
  .detail_con .plan .tag li{font-size: 12px;}
  .detail_con .plan .name{font-size: 18px; margin:10px 0 25px 0;}
  .detail_con .plan .spec > div{margin-bottom: 15px;}
  .detail_con .plan .spec .data .free{font-size: 23px;}
  .detail_con .plan .spec .free{font-size: 16px;}
  .detail_con .plan .spec .addition-box{font-size: 13px;}
  .detail_con .plan .spec .addition-box li.add-info{margin-top: 5px; max-width: 100%;}
  .detail_con .plan .spec .addition-box li.add-info::before{font-size: 0.9em; width: 14px; height: 14px; line-height: 12px; left: -20px; top: 1px;}
  .detail_con .coupon{margin-top: 40px; width: 100%; margin-bottom: 15px;}
  .detail_con .coupon .cp_name{font-size: 15px;}
  .detail_con .coupon .cp_view{padding: 10px 15px; font-size: 14px; width: 100%;}
  .detail_con .price_box{max-width: inherit}
  .detail_con .price_box .price{font-size: 18px;}
  .detail_con .price_box .info{font-size: 14px; padding: 10px 15px;}
  .detail_con .price_box .info br{display: none;}
  .detail_con .price_box .price_inner{padding: 20px;}
  .detail_con .price_box .btn{font-size:18px; padding: 15px 20px;}
}
/* //요금 상세페이지 리뉴얼 */
/*****************************************************************************/
/*****************************************************************************/