@charset "utf-8";

/*************************************************************************************************************
** Layout
*************************************************************************************************************/
#wrap {
  height: 100%;
  min-height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#wrap.noMenu {
  min-height: 100vh;
  padding-bottom: 0;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 86.4px;
  margin: 0 auto;
  z-index: 20;
  border-bottom: 4px solid #ffd100;
  background: #fff;
}
.header .inner {
  display: flex;
  max-width: 540px;
  height: 86.4px;
  margin: 0 auto;
  padding: 0 28.8px;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.header .ci {
  overflow: hidden;
  width: 103.68px;
  height: 44.64px;
  background: url(../images/ci.png) no-repeat;
  background-size: 100% auto;
  text-indent: -999px;
}
.header .bi {
  overflow: hidden;
  /*width: 226.08px;*/
  /*height: 53.28px;*/
  /*background: url(../images/bi.png) no-repeat;*/
  background-size: 100% auto;
  text-indent: -999px;
  width: 140.08px;
  background:url(../images/FSL2_newVI_LOGO.png) no-repeat left ;
  background-size: contain;
}

.menu {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: calc(100% + 44px);
  max-width: 584px;
  max-height: 108px;
  padding-top: 86.4px;
  background: url(../images/bg_menu.png) no-repeat left top;
  background-size: 100% auto;
  border-radius: 9px 9px 0 0;
  transition: max-height ease-in 0.3s;
  z-index: 10;
  transform: translateX(-50%);
}
.menu.open {
  max-height: 100%;
  background-image: url(../images/bg_menu_active.png);
}
.menu .btnMenu {
  position: absolute;
  left: 50%;
  top: 0;
  overflow: hidden;
  width: 68px;
  height: 40px;
  text-indent: -999px;
  transform: translate(-50%, 14px);
  z-index: 10;
}

.menu ul {
  max-width: 540px;
  margin: 0 auto;
  padding: 0 28.8px 43.2px 28.8px;
  background-color: #f3f3f3;
}
.menu li a {
  color: #333;
  font-weight: 300;
  font-size: 25px;
  line-height: 36px;
}
.menu li.active a {
  color: #e85721;
  font-weight: 800;
}
.menu li + li {
  margin-top: 12.96px;
}

.content {
  max-width: 540px;
  margin: 0 auto;
  padding-top: 86.4px;
  padding-bottom: 72px;
}
.content .inner {
  padding: 0 28.8px;
}
#wrap.noMenu .content {
  min-height: calc(100vh - 37.8666vw);
}

.content .pageTit {
  color: #001489;
  margin: 0 -28.8px;
  padding: 21.6px 28.8px;
  background-color: #ffd102;
  text-align: center;
  font-size: 25px;
  line-height: 40.32px;
  font-weight: 800;
}
.content .pageTit sup {
  font-size: calc(24px * 0.72);
}
.content .pageTit + p {
  margin-top: 57.6px;
}
.content .tit {
  display: flex;
  align-items: center;
  margin-top: 57.6px;
}

/*220328_추가*/
.tipArea_full .tit {
  display: inline-block;
  align-items: center;
  margin-top: 57.6px;
}

.content .tit.type2 {
}
.content .tit.guide {
  min-height: 158.4px;
  margin-top: 0 !important;
  padding: 28.8px 45px 28.8px 0;
  background: url(../images/ico_guide.png) no-repeat right bottom 28.8px;
  background-size: 69.12px auto;
}

.content .tit h3 {
  color: #292983;
  font-weight: 800;
  font-size: 34.56px;
  line-height: 46.08px;
  letter-spacing: -3px;
}
.content .tit h3 sup {
  font-size: 15px;
  letter-spacing: 0;
}
.content .tit.type2 h3 {
  color: #242424;
}
.content .tit.guide h3 {
  color: #e95f2b;
  font-size: 38.88px;
  line-height: 50.4px;
  letter-spacing: -2.5px;
}
.content .tit.guide.small {
  padding: 14.4px 62px 14.4px 0;
}
.content .tit.guide.small h3 {
  font-size: 33.12px;
  line-height: 43.2px;
}

.content .tit h4 {
  margin-top: 0;
}
.content h4 {
  margin-top: 38.8px;
  font-size: 28.8px;
  line-height: 46.32px;
  color: #292983;
  font-weight: 800;
  letter-spacing: -3px;
}
.content h4.type2 {
  color: #000;
}

.content h4 + p {
  margin-top: 11.52px;
}
.content p,
.content ul {
  margin-top: 28.8px;
}

.content .topwrap {
  margin-top: 100.8px;
}

.content p sup,
.content ul sup {
  font-size: 14.4px;
  letter-spacing: 0;
}

.content strong {
  font-weight: 800;
}
.content a.link {
  color: #0095d3;
  border-bottom: 1px solid #0095d3;
}

.content iframe {
  display: block;
  width: 100%;
  height: 272px;
  margin-top: 57.6px;
}
.content .tit + iframe {
  margin-top: 28.8px;
}

.content .wideArea {
  position: relative;
  margin: 0 -28.8px;
}
.content .wideArea img {
  width: 100%;
  height: auto;
}
.content .wideArea > p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 28.8px;
  font-size: 50.4px;
  line-height: 60.48px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -3px;
  z-index: 1;
}
.content .wideArea + p {
  margin-top: 57.6px;
}
.content .wideArea.main::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 273.6px;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
}
.content .wideArea.main.type2::after {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
}

/** 230724 추가 **/
.content .smallArea {
  position: relative;
  margin-top: 57.6px;
}
.content .smallArea img {
  width: 100%;
  height: auto;
}

.btnWrap {
  display: flex;
  height: 72px;
  margin-top: 72px;
}
.btnWrap .btn {
  width: 100%;
  height: 72px;
  text-align: center;
  line-height: 72px;
  border-radius: 11.52px;
  font-size: 25px;
  font-weight: 800;
  color: #fff;
  background-color: #444;
}
.btnWrap .btn:last-child {
  background-color: #ffd102;
  color: #292983;
}
.btnWrap .btn.blue {
  color: #fff;
  background-color: #001586;
}
.btnWrap .btn.disable {
  opacity: 0.4;
}
.btnWrap .btn + .btn {
  margin-left: 18.72px;
}
.btnWrap.wide {
  margin-top: 43.2px;
}
.btnWrap + .btnWrap {
  margin-top: 28.8px;
}
.infoTxt + .btnWrap {
  margin-top: 28.8px;
}

.footer {
  padding: 21.6px 28.8px 86.4px 28.8px;
  border-top: 1px solid #f3f3f3;
  font-size: 14.4px;
  line-height: 20.16px;
  color: #444;
  letter-spacing: -1px;
}
.footer ul {
  max-width: 482.4px;
  margin: 0 auto;
}
.footer li + li {
  margin-top: 14.4px;
}

/* contents */
.content .tit + .imgArea {
  margin-top: 14.4px;
}
.content .pageTit + .imgArea {
  margin-top: 57.6px;
}
.imgArea {
  position: relative;
  text-align: center;
}
.imgArea img {
  position: relative;
  width: 100%;
  z-index: 1;
}
.imgArea2 img {
  width: 100%;
}

/* 220318 추가*/
li + .imgArea {
  margin: 14.4px 0 40px 0;
}
h4 + .imgArea {
  margin: 14.4px 0 40px 0;
}

/* 220324 추가*/
.imgArea2 + li {
  margin: 20px 0 40px 0;
}

.imgArea + p {
  margin-top: 28.8px;
}
p + .imgArea {
  margin-top: 28.8px;
}
.imgArea + .imgInfo {
  margin-top: 14.4px;
}
.imgInfo + .imgArea {
  margin-top: 28.8px;
}
.imgInfo dt {
  color: #f15532;
  font-weight: 800;
}
.imgInfo dd {
  margin-top: 5.76px;
  font-size: 20.16px;
}

.imgInfo2 dt {
  color: #f15532;
  font-weight: 800;
  margin: 20px 0 10px 0;
}

/* 건강보험 급여 지원 안내 */
.img_Insurance01 {
  width: 22.6666vw;
  max-width: 122.4px;
}
.img_Insurance02 {
  width: 26.6666vw;
  max-width: 143.28px;
}
.img_Insurance03 {
  width: 6.4vw;
  max-width: 34.56px;
}
.img_Insurance04 {
  width: 20.5333vw;
  max-width: 110.88px;
}

/* faq */
.faqList li + li {
  border-top: 1px solid #f2f2f2;
}
.faqList li > a {
  position: relative;
  display: block;
  padding: 28.8px 60.48px 28.8px 0;
  font-weight: 800;
  color: #001586;
}
.faqList li > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 25.92px;
  height: 14.4px;
  background-image: url(../images/ico_faq.png);
  background-size: 100%;
  transform: translateY(-50%);
}
.faqList li.active > a:after {
  background-image: url(../images/ico_faq_active.png);
}
.faqList li > div {
  overflow: hidden;
  display: none;
  padding-bottom: 28.8px;
}
.faqList li.active > div {
  display: block;
}

/* check List */
.checkList {
  padding-bottom: 14.4px;
}
.checkList li {
  position: relative;
  height: 57.6px;
  padding-left: 72px;
  line-height: 57.6px;
}
.checkList li + li {
  margin-top: 14.4px;
}
.checkList li:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 66.24px;
  height: 60.48px;
  background-image: url(../images/bg_checkList.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* info List */
.infoList {
  padding-top: 28.8px;
}
.infoList li {
  position: relative;
  padding-left: 93.6px;
}
.infoList li + li {
  margin-top: 28.8px;
}
.infoList li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 72px;
  background-size: 100%;
}
.infoList li strong {
  display: block;
  margin-bottom: 14.4px;
  color: #001489;
  font-size: 28.8px;
}

.infoList.day0102 li:nth-child(1):before {
  background-image: url(../images/bg_infoList_0102_01.png);
}
.infoList.day0102 li:nth-child(2):before {
  background-image: url(../images/bg_infoList_0102_02.png);
}
.infoList.day0102 li:nth-child(3):before {
  background-image: url(../images/bg_infoList_0102_03.png);
}
.infoList.day0102 li:nth-child(4):before {
  background-image: url(../images/bg_infoList_0102_04.png);
}

.infoList.day0203 li:nth-child(1):before {
  background-image: url(../images/bg_infoList_0203_01.png);
}
.infoList.day0203 li:nth-child(2):before {
  background-image: url(../images/bg_infoList_0203_02.png);
}
.infoList.day0203 li:nth-child(3):before {
  background-image: url(../images/bg_infoList_0203_03.png);
}
.infoList.day0203 span {
  color: #444;
}

.infoList.day0504 li:nth-child(1):before {
  background-image: url(../images/bg_infoList_0504_01.png);
}
.infoList.day0504 li:nth-child(2):before {
  background-image: url(../images/bg_infoList_0504_02.png);
}
.infoList.day0504 li:nth-child(3):before {
  background-image: url(../images/bg_infoList_0504_03.png);
}

.infoList.day1404 li:nth-child(1):before {
  background-image: url(../images/bg_infoList_1404_01.png);
}
.infoList.day1404 li:nth-child(2):before {
  background-image: url(../images/bg_infoList_1404_02.png);
}

/*FSL 220414 추가*/

.infoList.R04_01 li:nth-child(1):before {
  background-image: url(../images/bg_infoList_1404_01.png);
}
.infoList.R04_02 li:nth-child(1):before {
  background-image: url(../images/bg_infoList_1404_02.png);
}

.infoList.R11_01 li:nth-child(1):before {
  background-image: url(../images/FSL/arrow_01.png);
}
.infoList.R11_01 li:nth-child(2):before {
  background-image: url(../images/FSL/arrow_02.png);
}
.infoList.R11_01 li:nth-child(3):before {
  background-image: url(../images/FSL/arrow_03.png);
}

/*KakaoChatbot_info list*/
.infoList.kakaochatbot01 li:nth-child(1):before {
  background-image: url("../images/kakao_img/bg_infoList_kakao_01.png");
}
.infoList.kakaochatbot01 li:nth-child(2):before {
  background-image: url("../images/kakao_img/bg_infoList_kakao_02.png");
}
.infoList.kakaochatbot01 li:nth-child(3):before {
  background-image: url("../images/kakao_img/bg_infoList_kakao_03.png");
}
.infoList.kakaochatbot01 li:nth-child(4):before {
  background-image: url("../images/kakao_img/bg_infoList_kakao_04.png");
}
.infoList.kakaochatbot01 li:nth-child(5):before {
  background-image: url("../images/kakao_img/bg_infoList_kakao_05.png");
}

.infoList.kakaochatbot02 li:nth-child(1):before {
  background-image: url("../images/kakao_img/bg_infoList_kakao_06.png");
}

.arrInfoList li {
  height: 57.6px;
  padding-left: 72px;
  line-height: 57.6px;
  background-size: 57px !important;
}
.arrInfoList li + li {
  margin-top: 14.4px;
}
.arrInfoList li:nth-child(1) {
  background: url(../images/bg_arrInfoList01.png) left center no-repeat;
}
.arrInfoList li:nth-child(2) {
  background: url(../images/bg_arrInfoList02.png) left center no-repeat;
}
.arrInfoList li:nth-child(3) {
  background: url(../images/bg_arrInfoList03.png) left center no-repeat;
}
.arrInfoList li:nth-child(4) {
  background: url(../images/bg_arrInfoList04.png) left center no-repeat;
}
.arrInfoList li:nth-child(5) {
  background: url(../images/bg_arrInfoList05.png) left center no-repeat;
}

.colorInfoList li {
  position: relative;
  padding-top: 11.52px;
  padding-left: 72px;
  line-height: 40.32px;
}
.colorInfoList li + li {
  margin-top: 14.4px;
}
.colorInfoList li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 57.6px;
  height: 57.6px;
  border-radius: 50%;
}
.colorInfoList li:nth-child(1):before {
  background-color: #ea6d03;
}
.colorInfoList li:nth-child(2):before {
  background-color: #fab51a;
}
.colorInfoList li:nth-child(3):before {
  background-color: #92be2f;
}
.colorInfoList li:nth-child(4):before {
  background-color: #df2a1c;
}

.numList li + li {
  margin-top: 14.4px;
}
.numList span {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 7.2px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  background-color: #e85526;
  font-size: 20.16px;
}

.numList2 > li {
  position: relative;
  padding-left: 48.96px;
}
.numList2 > li + li {
  margin-top: 28.8px;
}
.numList2 > li ul {
  margin-top: 0 !important;
}
.numList2 > li ul li {
  padding-left: 10px;
  text-indent: -10px;
}
.numList2 .num {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 34.56px;
  height: 34.56px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 34.56px;
  background-color: #001586;
  font-size: 20.16px;
}
.numList2.type2 li strong + span {
  display: block;
  margin: 5px 0 0 -48.96px;
  font-size: calc(28px * 0.72);
}

.numList3 > li {
  position: relative;
  padding-left: 75px;
}
.numList3 > li + li {
  margin-top: 5px;
}
.numList3 > li ul {
  margin-top: 0 !important;
}
.numList3 > li ul li {
  padding-left: 10px;
  text-indent: -10px;
}
.numList3 .step {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 75px;
  height: 34.56px;
  color: #000;
  font-weight: 600;
  text-align: left;
  line-height: 34.56px;
  background-color: #fff;
  font-size: 25px;
}

.tipArea {
  margin-top: 57.6px;
  padding: 28.8px;
  background-color: #f8f5ef;
  font-size: 20.16px;
}
.tipArea > strong {
  display: block;
  padding-left: 36px;
  padding-bottom: 10.08px;
  line-height: 28.8px;
  font-weight: 800;
  color: #e85526;
  background: url(../images/ico_tip.png) left top no-repeat;
  background-size: 28.8px;
}
.tipArea ul {
  margin-top: 0 !important;
}
.tipArea li {
  padding-left: 7px;
  text-indent: -7px;
}

.tipArea02 {
  background-color: #f8f5ef;
  padding: 0px 28.8px;
  margin-bottom: 5.3333vw;
}

/*220328_추가*/
.tipArea_full {
  background-color: #f8f5ef;
  padding: 0px 28.8px 57.6px 28.8px;
  margin: 57.6px 0 57.6px 0;
}

.day01_01_03 {
  margin-top: 28.8px !important;
}
.day01_01_03 > div {
  width: 254px;
}
.day01_01_03 ul {
  margin-top: 0 !important;
}
.day01_01_03 li + li {
  margin-top: 28.8px;
}
.day01_01_03 strong {
  display: block;
  color: #f15532;
}
.day01_01_03 span {
  display: block;
  font-size: 20.16px;
}
.day01_01_03 .fl ul {
  padding-left: 28.8px;
}

.day01_01_03_list {
  color: #f15532;
  font-weight: 800;
}
.day01_01_03_list li + li {
  margin-top: 28.8px;
}
.day01_01_03_list li span {
  display: block;
  color: #666;
  font-weight: 300;
}
.day01_01_03_list + p {
  font-size: 20.16px;
}

.day01_01_04_list li {
  margin-top: 14.4px;
  font-size: 20.16px;
}

.day07_07_txt01 {
  height: 711.36px;
  padding-left: 256.32px;
  background: url(../images/bg_day07_07_txt01.png) right top no-repeat;
  background-size: 100%;
}
.day07_07_txt02 {
  height: 296px;
  margin-bottom: -75px;
  padding-right: 256.32px;
  background: url(../images/bg_day07_07_txt02.png) right top no-repeat;
  background-size: 226px 295.2px;
}

.tbl {
  border-top: 2px solid #000;
  text-align: left;
}
.tbl th {
  padding: 15px 0;
  border-bottom: 1px solid #f2f2f2;
  font-weight: normal;
  vertical-align: top;
}
.tbl td {
  padding: 15px 0;
  border-bottom: 1px solid #f2f2f2;
  font-weight: 800;
}

/*
.appInfo {position:relative;padding-left:115.2px;}
.appInfo:before {content:"";position:absolute;left:0;top:0;width:86.4px;height:86.4px;background:url(../images/appIcon.png) right top no-repeat;background-size:100%;}
*/

.tel {
  padding-left: 36px;
  background: url(../images/ico_tel.png) left center no-repeat;
  background-size: 28.8px;
}
.ico_time {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  margin-top: -6px;
  background: url(../images/ico_time.png) left center no-repeat;
  background-size: 25.92px;
  vertical-align: middle;
}

.campaignArea {
  height: 224.64px;
  margin-top: 15px;
  margin: 15px -28.8px 0 -28.8px;
  padding-left: 182px;
  padding-top: 154px;
  background: url(../images/bg_campaignArea.png) center center no-repeat;
  background-size: auto 224.64px;
  color: #001489;
  font-weight: 800;
  font-size: 28.8px;
  line-height: 30.44px;
}

.campaignArea sup {
  font-size: 18px;
}

/* fsl2 추가 202405 */
.mgt10 {
  margin-top: calc(20px * 0.72) !important;
}
.mgt20 {
  margin-top: 26px !important;
}
.mgt40 {
  margin-top: 46px !important;
}
.mgt60 {
  margin-top: calc(120px * 0.72) !important;
}

.header .bi.f2 {
  /*background-image: url(../images/F2_bi.png);*/
  background: url(../images/FSL2_newVI_LOGO.png) no-repeat left;
  background-size: contain;
}

.footer.f2 li + li {
  margin-top: 0;
}
.footer.f2 li:last-child {
  margin-top: 14.4px;
}

.content .tit.guide.noBg {
  padding: 52px 0 0 0;
  background-image: none;
}
.content .tit.guide.bgTop {
  background-position: right 28.8px;
}
p.iconImg img {
  width: 25px;
  height: 25px;
  margin-top: -4px;
}
h5.stit {
  margin-top: 14px;
  font-size: 28px;
  color: #001586;
  font-weight: 700;
}

.btn.darkgray {
  color: #fff !important;
  background-color: #444 !important;
}

.icoCenter {
  padding-left: 50px;
  background: url(../images/ico_center.png) no-repeat left center;
  background-size: 36px 36px;
}

.day01_01_03 em {
  display: inline-block;
  margin-bottom: 10px;
  width: 34.56px;
  height: 34.56px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 34.56px;
  background-color: #e85526;
  font-size: 20.16px;
}

.day01_01_03_list.f2 li {
  position: relative;
  padding-left: 48.96px;
}
.day01_01_03_list.f2 li em {
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 34.56px;
  height: 34.56px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 34.56px;
  background-color: #e85526;
  font-size: 20.16px;
}

.infoList.f2_day0108 li:nth-child(1):before {
  background-image: url(../../v02/resources/images/bg_infoList_f2_0108_01.png);
}
.infoList.f2_day0108 li:nth-child(2):before {
  background-image: url(../../v02/resources/images/bg_infoList_f2_0108_02.png);
}
.infoList.f2_day0108 li:nth-child(3):before {
  background-image: url(../../v02/resources/images/bg_infoList_f2_0108_03.png);
}

.day07_07_txt01.f2 {
  background-image: url(../images/bg_day07_07_txt01_f2.png);
}
.day07_07_txt02.f2 {
  height: 384px;
  padding-right: 234px;
  background-image: url(../images/bg_day07_07_txt02_f2.png);
  background-size: 204px 384px;
}

@media screen and (max-width: 540px) {
  .header {
    height: calc(16vw + 4px);
  }
  .header .inner {
    max-width: 100%;
    height: calc(16vw + 4px);
    padding: 0 5.3333vw;
  }
  .header .ci {
    width: 19.2vw;
    height: 8.2666vw;
  }
  .header .bi {
    width: 41.8667vw;
    height: 9.8666vw;
  }

  .menu {
    width: calc(100% + 8.4vw);
    max-height: 20vw;
    padding-top: 16vw;
    border-radius: 2.4vw 2.4vw 0 0;
  }
  .menu ul {
    padding: 0 9.5333vw 8vw 9.5333vw;
  }
  .menu li a {
    font-size: 4.8vw;
    line-height: 5.8666vw;
  }
  .menu li + li {
    margin-top: 2.4vw;
  }

  .content {
    padding-top: calc(16vw + 4px);
    padding-bottom: 13.333vw;
  }
  .content .inner {
    padding: 0 5.3333vw;
  }
  #wrap.noMenu .content {
    min-height: calc(100vh - 37.8666vw);
  }

  .content .pageTit {
    margin: 0 -5.3333vw;
    padding: 4vw 5.333vw;
    font-size: 4.8vw;
    line-height: 7.4666vw;
  }
  .content .pageTit sup {
    font-size: 3.2vw;
  }
  .content .pageTit + p {
    margin-top: 10.6666vw;
  }
  .content .tit {
    margin-top: 10.6666vw;
  }
  .content .tit.guide {
    min-height: 29.3333vw;
    padding: 5.3333vw 12vw 5.3333vw 0;
    background: url(../images/ico_guide.png) no-repeat right bottom 5.3333vw;
    background-size: 12.8vw auto;
  }

  .content .tit h3 {
    font-size: 6.4vw;
    line-height: 8.5333vw;
    letter-spacing: -0.7vw !important;
  }
  .content .tit h3 sup {
    font-size: 3.2vw;
  }
  .content .tit.guide h3 {
    font-size: 7.2vw;
    line-height: 9.3333vw;
  }
  .content .tit.guide.small {
    padding: 2.6666vw 11.48vw 2.6666vw 0;
    padding-right: ;
  }
  .content .tit.guide.small h3 {
    font-size: 6.1333vw;
    line-height: 8vw;
  }

  .content h4 {
    margin-top: 5.3333vw;
    font-size: 5.3333vw;
    line-height: 7.4666vw;
  }
  .content h4 + p {
    margin-top: 2.1333vw;
  }
  .content p,
  .content ul {
    margin-top: 5.3333vw;
  }

  .content .topwrap {
    margin-top: 14.3333vw;
  }

  .content p sup,
  .content ul sup {
    font-size: 2.6666vw;
  }

  .content iframe {
    height: 50.4vw;
    margin-top: 10.6666vw;
  }
  .content .tit + iframe {
    margin-top: 5.333vw;
  }

  .content .wideArea {
    margin: 0 -5.3333vw;
  }
  .content .wideArea > p {
    padding: 5.3333vw;
    font-size: 9.3333vw;
    line-height: 11.2vw;
    letter-spacing: -0.8vw;
  }
  .content .wideArea + p {
    margin-top: 10.6666vw;
  }
  .content .wideArea.main::after {
    height: 50.6666vw;
  }

  .btnWrap {
    height: 13.3333vw;
    margin-top: 13.3333vw;
  }
  .btnWrap .btn {
    width: 100%;
    height: 13.3333vw;
    line-height: 13.3333vw;
    border-radius: 2.1333vw;
    font-size: 4.8vw;
  }
  .btnWrap .btn + .btn {
    margin-left: 3.4666vw;
  }
  .btnWrap.wide {
    margin-top: 8vw;
  }
  .btnWrap + .btnWrap {
    margin-top: 5.3333vw;
  }
  .infoTxt + .btnWrap {
    margin-top: 5.3333vw;
  }

  .footer {
    padding: 4vw 5.3333vw 16vw 5.3333vw;
    font-size: 2.6666vw;
    line-height: 3.7333vw;
  }
  .footer li + li {
    margin-top: 2.6666vw;
  }

  /* contents */
  .content .tit + .imgArea {
    margin-top: 2.6666vw;
  }
  .content .pageTit + .imgArea {
    margin-top: 10.6666vw;
  }
  .imgArea + p {
    margin-top: 5.3333vw;
  }
  p + .imgArea {
    margin-top: 5.3333vw;
  }
  .imgArea + .imgInfo {
    margin-top: 2.6666vw;
  }
  .imgInfo + .imgArea {
    margin-top: 5.3333vw;
  }

  .imgInfo dd {
    margin-top: 1.0666vw;
    font-size: 3.7333vw;
  }

  /* faq */
  .faqList li > a {
    padding: 5.3333vw 11.2vw 5.3333vw 0;
  }
  .faqList li > a:after {
    width: 4.8vw;
    height: 2.6666vw;
  }
  .faqList li > div {
    padding-bottom: 5.3333vw;
  }

  /* check List */
  .checkList {
    padding-bottom: 2.6666vw;
  }
  .checkList li {
    height: 10.6666vw;
    padding-left: 13.3333vw;
    line-height: 10.6666vw;
  }
  .checkList li + li {
    margin-top: 2.6666vw;
  }
  .checkList li:before {
    top: -0.5333vw;
    width: 12.2666vw;
    height: 11.2vw;
  }

  /* info List */
  .infoList {
    padding-top: 5.3333vw;
  }
  .infoList li {
    padding-left: 17.3333vw;
  }
  .infoList li + li {
    margin-top: 5.3333vw;
  }
  .infoList li:before {
    width: 13.3333vw;
    height: 13.3333vw;
  }
  .infoList li strong {
    margin-bottom: 2.6666vw;
    font-size: 5.3333vw;
  }

  .arrInfoList li {
    height: 10.6666vw;
    padding-left: 13.3333vw;
    line-height: 10.6666vw;
    background-size: 10.6666vw !important;
  }
  .arrInfoList li + li {
    margin-top: 2.6666vw;
  }

  .colorInfoList li {
    padding-top: 2.1333vw;
    padding-left: 13.3333vw;
    line-height: 7.4666vw;
  }
  .colorInfoList li + li {
    margin-top: 2.6666vw;
  }
  .colorInfoList li:before {
    width: 10.6666vw;
    height: 10.6666vw;
  }

  .numList li + li {
    margin-top: 2.6666vw;
  }
  .numList span {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 1.3333vw;
    line-height: 4.8vw;
    font-size: 3.7333vw;
  }

  .numList2 > li {
    padding-left: 9.0666vw;
  }
  .numList2 > li + li {
    margin-top: 5.3333vw;
  }
  .numList2 > li ul.f14 li {
    padding-left: 1.3333vw;
    text-indent: -1.3333vw;
  }
  .numList2 .num {
    width: 6.4vw;
    height: 6.4vw;
    line-height: 6.4vw;
    font-size: 3.7333vw;
  }
  .numList2.type2 li strong + span {
    display: block;
    margin: 1.3333vw 0 0 -9.0666vw;
    font-size: 3.7333vw;
  }

  .numList3 > li {
    margin-top: 1.6666vw;
    padding-left: 12.6666vw;
  }
  .numList3 > li + li {
    margin-top: 1.3333vw;
  }
  .numList3 > li ul.f14 li {
    padding-left: 1vw;
    text-indent: -1.3333vw;
  }
  .numList3 .step {
    width: 12.6666vw;
    height: 6.4vw;
    line-height: 6.4vw;
    font-size: 4.333vw;
  }

  .tipArea {
    margin-top: 10.6666vw;
    padding: 5.3333vw;
    font-size: 3.7333vw;
  }
  .tipArea > strong {
    padding-left: 6.6666vw;
    padding-bottom: 1.8666vw;
    line-height: 5.3333vw;
    background-size: 4.333vw;
  }
  .tipArea02 {
    padding: 0 4.3333vw;
  }

  .day01_01_03 {
    margin-top: 5.333vw !important;
  }
  .day01_01_03 > div {
    width: 47.2vw;
  }
  .day01_01_03 li + li {
    margin-top: 5.333vw;
  }
  .day01_01_03 strong {
    line-height: 6.666vw;
  }
  .day01_01_03 span {
    font-size: 3.7333vw;
  }
  .day01_01_03 .fl ul {
    padding-left: 5.333vw;
  }

  .day01_01_03_list li + li {
    margin-top: 5.333vw;
  }
  .day01_01_03_list + p {
    font-size: 3.7333vw;
  }

  .day01_01_04_list li {
    margin-top: 2.6666vw;
    font-size: 3.7333vw;
  }

  .day07_07_txt01 {
    height: 126.7333vw;
    padding-left: 44.46666vw;
  }
  .day07_07_txt02 {
    height: 54.6666vw;
    margin-bottom: -10vw;
    padding-right: 47.46666vw;
    background-size: 41.8666vw 54.6666vw;
  }

  .tbl th,
  .tbl td {
    padding: 2.6666vw 0;
  }

  /*
	.appInfo {padding-left:21.3333vw;}
	.appInfo:before {width:16vw;height:16vw;}
	*/

  .tel {
    padding-left: 6.666vw;
    background-size: 5.333vw;
  }
  .ico_time {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 1.333vw;
    background-size: 4.8vw;
  }

  .campaignArea {
    height: 41.6vw;
    margin: 4vw -5.3333vw 0 -5.3333vw;
    padding-left: 32.8vw;
    padding-top: 28.5vw;
    background: url(../images/bg_campaignArea.png) left -3.65vw center no-repeat;
    background-size: auto 41.6vw;
    font-size: 5.333vw;
    line-height: 5.5333vw;
  }

  .campaignArea sup {
    font-size: 3.5vw;
  }

  /* fsl2 추가 202405 */
  .mgt10 {
    margin-top: 2.6667vw !important;
  }
  .mgt20 {
    margin-top: 5.33vw;
  }
  .mgt40 {
    margin-top: 10.66vw;
  }
  .mgt60 {
    margin-top: 16vw;
  }

  .content .tit.guide.noBg {
    padding: 10.6666vw 0 0 0;
  }
  .content .tit.guide.bgTop {
    background-position: right 5.3333vw;
  }
  p.iconImg img {
    width: 4.8vw;
    height: 4.8vw;
  }
  h5.stit {
    margin-top: 2.6666vw;
    font-size: 5.3333vw;
  }

  .footer.f2 li + li {
    margin-top: 0;
  }
  .footer.f2 li:last-child {
    margin-top: 2.6666vw;
  }

  .icoCenter {
    padding-left: 12.26vw;
    background-size: 8.53vw 8.53vw;
  }

  .day01_01_03 em {
    margin-bottom: 2.6666vw;
    width: 6.4vw;
    height: 6.4vw;
    line-height: 6.4vw;
    font-size: 3.7333vw;
  }

  .day01_01_03_list.f2 li {
    padding-left: 9.0666vw;
  }
  .day01_01_03_list.f2 li em {
    margin-bottom: 2.6666vw;
    width: 6.4vw;
    height: 6.4vw;
    line-height: 6.4vw;
    font-size: 3.7333vw;
  }
  .day01_01_03_list.f2 li span {
    padding-top: 2.6666vw;
    margin-left: -9.0666vw;
  }

  .day07_07_txt02.f2 {
    height: 78.6666vw;
    margin-bottom: -10vw;
    padding-right: 47.46666vw;
    background-size: 41.8666vw 78.6666vw;
  }
}

/* 카카오 이모티콘 이벤트 ***************************************************************************/
.emoticonEvt {
  height: 100%;
  background-color: #f6f6f6;
}
.emoticonEvt .inner {
  position: relative;
  max-width: 540px;
  margin: 0 auto;
}

.emoticonEvt .content {
  max-width: 100%;
  padding-bottom: 0;
}

.emoticonEvt .evtVisual {
  background-color: #181c7f;
}
.emoticonEvt .evtVisual .inner {
  color: #fff;
}
.emoticonEvt .evtVisual .inner strong {
  display: block;
}
.emoticonEvt .evtVisual .inner strong span {
  display: block;
}
.emoticonEvt .evtVisual .inner span {
  color: #ffd100;
}
.emoticonEvt .evtVisual .inner p span {
  display: block;
}
.emoticonEvt .evtVisual .inner:after {
  content: "";
  display: block;
  width: 428px;
  height: 469px;
  background: url(../images/event/evt_img01.png) no-repeat;
  background-size: 100%;
  z-index: 1;
}

.emoticonEvt .evtSec {
  background-color: #fff;
}
.emoticonEvt .evtSec + .evtSec {
  margin-top: 10px;
}
.emoticonEvt #evtSecNoti .inner dt {
  font-weight: 800;
  color: #181c7f;
  line-height: 1;
  border-bottom: 2px solid #181c7f;
}
.emoticonEvt #evtSecNoti .inner li {
  color: #181c7f;
}
.emoticonEvt #evtSecNoti .inner li span + span {
  font-weight: 600;
}
.emoticonEvt #evtSecNoti .inner ul.lineType li span {
  background-color: #fff;
}
.emoticonEvt #evtSecNoti .inner ul.lineType li {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.emoticonEvt #evtSecNoti .inner ul.lineType li span {
  position: relative;
  z-index: 1;
}
.emoticonEvt #evtSecNoti .inner ul.lineType li:before {
  content: "";
  position: absolute;
  left: 50px;
  right: 50px;
  top: 50%;
  height: 1px;
  background: url(../images/event/line_event_notice.png) left center;
}

.emoticonEvt .evtTit {
  color: #181c7f;
}
.emoticonEvt .evtTit em {
  overflow: hidden;
  display: block;
  text-indent: -999px;
  background-size: 100%;
}
.emoticonEvt .evtTit strong {
  display: inline-block;
}
.emoticonEvt .evtTit span {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
}
.emoticonEvt .evtTit + p {
  color: #181c7f;
}

.emoticonEvt .evtTit em.step1 {
  background: url(../images/event/ico_step1.png);
}
.emoticonEvt .evtTit em.step2 {
  background: url(../images/event/ico_step2.png);
}
.emoticonEvt .evtTit em.step3 {
  background: url(../images/event/ico_step3.png);
}

.emoticonEvt #evtSec03 .formWrite input {
  border-color: #bcbcbc;
  border-radius: 11.52px;
  color: #666;
}
.emoticonEvt #evtSec03 .formWrite input::placeholder {
  color: #666;
  font-weight: 300;
}

.emoticonEvt #evtSec03 .checkWrap label {
  display: inline-block;
  background: url(../images/event/evt_checkbox.png) left center no-repeat;
}
.emoticonEvt #evtSec03 .checkWrap input:checked + label {
  background: url(../images/event/evt_checkbox_active.png) left center no-repeat;
}
.emoticonEvt #evtSec03 .checkWrap label a {
  color: #0e8def;
  border-bottom: 1px solid #0e8def;
}

.emoticonEvt .footer {
  background-color: #ededed;
  border-top: 2px solid #e5e5e5;
}
.emoticonEvt .footer li {
  text-align: center;
}

.emoticonEvt.hid {
  overflow: hidden;
}
.emoticonEvt .dimd {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.emoticonEvt .dimd.active {
  display: block;
}
.emoticonEvt .dimd .popWrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 620px;
  padding: 60px 40px 50px 40px;
  border-radius: 15px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.emoticonEvt .dimd .popWrap h3 {
  font-size: 36px;
  font-weight: 800;
  color: #181c7f;
  line-height: 1;
}
.emoticonEvt .dimd .popWrap .terms {
  overflow-y: auto;
  height: 360px;
  margin-top: 30px;
  padding: 30px;
  background: #f2f2f2;
  font-size: 22px;
  line-height: 31px;
  font-weight: 300;
}
.emoticonEvt .dimd .popWrap .terms strong {
  display: block;
}
.emoticonEvt .dimd .popWrap .btn {
  display: block;
  height: 80px;
  line-height: 80px;
  margin-top: 40px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  border-radius: 15px;
  background-color: #444;
  text-align: center;
}
.emoticonEvt .dimd .popWrap .btn2 {
  position: absolute;
  right: 12px;
  top: 12px;
  overflow: hidden;
  width: 48px;
  height: 48px;
  background: url(../images/event/btn_popClose.png) center center no-repeat;
  text-indent: -9999px;
}

/*PC */
@media screen and (min-width: 1024px) {
  .emoticonEvt .header {
    height: 128px;
    border-width: 8px;
  }
  .emoticonEvt .header .inner {
    max-width: 1000px;
    height: 120px;
  }
  .emoticonEvt .header .bi {
    width: 314px;
    height: 74px;
  }
  .emoticonEvt .header .ci {
    width: 144px;
    height: 62px;
  }

  .emoticonEvt .content {
    padding-top: 128px;
  }
  .emoticonEvt .content .inner {
    max-width: 1000px;
  }

  .emoticonEvt .evtVisual .inner {
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .emoticonEvt .evtVisual .inner strong {
    font-size: 62px;
    line-height: 74px;
  }
  .emoticonEvt .evtVisual .inner p {
    font-size: 24px;
    line-height: 36px;
  }
  .emoticonEvt .evtVisual .inner p br {
    display: none;
  }
  .emoticonEvt .evtVisual .inner:after {
    position: absolute;
    top: 58px;
    right: -24px;
  }

  .emoticonEvt .evtSec + .evtSec {
    margin-top: 9px;
  }
  .emoticonEvt .evtSec .inner {
    padding: 80px 0;
  }
  .emoticonEvt #evtSec03.evtSec .inner {
    padding-bottom: 150px;
  }

  .emoticonEvt #evtSecNoti .inner {
    display: flex;
    justify-content: space-between;
  }
  .emoticonEvt #evtSecNoti .inner dl {
    width: 470px;
  }
  .emoticonEvt #evtSecNoti .inner dt {
    padding-bottom: 25px;
    font-size: 36px;
  }
  .emoticonEvt #evtSecNoti .inner ul {
    margin-top: 16px;
  }
  .emoticonEvt #evtSecNoti .inner li {
    padding-left: 20px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: -2px;
    background: url(../images/event/ico_event_notice.png) left center no-repeat;
  }
  .emoticonEvt #evtSecNoti .inner li br {
    display: none;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span:first-child {
    padding-right: 24px;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span em {
    padding-left: 54px;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span + span {
    width: 175px;
    padding-left: 24px;
  }

  .emoticonEvt .evtTit em {
    width: 68px;
    height: 68px;
    margin-bottom: 10px;
  }
  .emoticonEvt .evtTit strong {
    font-size: 44px;
    line-height: 60px;
    vertical-align: middle;
  }
  .emoticonEvt .evtTit span {
    width: 115px;
    margin-left: 20px;
    line-height: 60px;
    vertical-align: middle;
    background: url(../images/event/bg_step_nclear.png);
  }
  .emoticonEvt .evtTit span.clear {
    background: url(../images/event/bg_step_clear.png);
  }
  .emoticonEvt .evtTit + p {
    margin-top: 15px;
    font-size: 24px;
    line-height: 34px;
  }

  .emoticonEvt #evtSec01 .inner .bg {
    position: absolute;
    right: -40px;
    bottom: 0;
    width: 487px;
    height: 449px;
    background: url(../images/event/bg_evtSec01.png);
  }
  .emoticonEvt #evtSec01 .btnWrap {
    width: 318px;
    height: 70px;
  }
  .emoticonEvt #evtSec01 .btnWrap .btn {
    height: 70px;
    line-height: 70px;
    font-size: 24px;
  }

  .emoticonEvt #evtSec02 iframe {
    margin-top: 23px;
    height: 562px;
  }

  .emoticonEvt #evtSec03 .formWrite input {
    height: 80px;
    margin-top: 23px;
    padding: 0 40px;
    font-size: 26px;
    line-height: 78px;
  }
  .emoticonEvt #evtSec03 .formWrite input + input {
    margin-top: 20px;
  }
  .emoticonEvt #evtSec03 .checkWrap {
    margin-top: 20px;
  }
  .emoticonEvt #evtSec03 .checkWrap label {
    height: 66px;
    padding-left: 86px;
    font-size: 26px;
    line-height: 66px;
  }

  .emoticonEvt #evtSec03 .btnWrap {
    height: 80px;
    margin-top: 40px;
  }
  .emoticonEvt #evtSec03 .btnWrap .btn {
    height: 80px;
    line-height: 78px;
    font-size: 26px;
  }

  .emoticonEvt .footer {
    height: 80px;
    padding: 28px 0;
  }
  .emoticonEvt .footer ul {
    max-width: 1000px;
    margin: 0 auto;
  }
  .emoticonEvt .footer li {
    font-size: 18px;
    color: #888;
  }
}

@media screen and (max-width: 1023px) {
  .emoticonEvt .evtVisual .inner {
    height: 655.2px;
    padding-top: 77.76px;
    text-align: center;
  }
  .emoticonEvt .evtVisual .inner strong {
    font-size: 44.64px;
    line-height: 53.28px;
  }
  .emoticonEvt .evtVisual .inner p {
    margin-top: 21.6px;
    font-size: 23.04px;
    line-height: 30.24px;
  }
  .emoticonEvt .evtVisual .inner:after {
    position: relative;
    width: 434.16px;
    height: 426.24px;
    margin: 34.56px auto 0 auto;
    background-image: url(../images/event/evt_img01_m.png);
  }

  .emoticonEvt .evtSec .inner {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .emoticonEvt .evtSec + .evtSec {
    margin-top: 10px;
  }
  .emoticonEvt #evtSec03.evtSec .inner {
    padding-bottom: 144px;
  }

  .emoticonEvt #evtSecNoti .inner {
    padding-top: 165.6px;
  }
  .emoticonEvt #evtSecNoti .inner dl + dl {
    margin-top: 36px;
  }
  .emoticonEvt #evtSecNoti .inner dt {
    padding-bottom: 14.4px;
    font-size: 25.92px;
  }
  .emoticonEvt #evtSecNoti .inner ul {
    margin-top: 17.28px;
  }
  .emoticonEvt #evtSecNoti .inner li {
    padding-left: 31.68px;
    font-size: 20.16px;
    line-height: 43.2px;
    letter-spacing: -2px;
    background: url(../images/event/ico_event_notice_m.png) left 16px no-repeat;
    background-size: 15.84px auto;
  }
  .emoticonEvt #evtSecNoti .inner li br {
    display: block;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span:first-child {
    padding-right: 14.4px;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span em {
    padding-left: 34px;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span + span {
    width: 230px;
    padding-left: 14.4px;
  }
  .emoticonEvt #evtSecNoti .inner ul.type li:nth-child(4) {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 28.8px;
  }

  .emoticonEvt .evtTit em {
    width: 48.96px;
    height: 48.96px;
    margin-bottom: 5.76px;
    background-size: cover !important;
  }
  .emoticonEvt .evtTit div {
    display: flex;
    justify-content: space-between;
  }
  .emoticonEvt .evtTit strong {
    font-size: 36px;
    line-height: 44.64px;
    vertical-align: middle;
  }
  .emoticonEvt .evtTit span {
    width: 91.44px;
    line-height: 44.64px;
    vertical-align: middle;
    background: url(../images/event/bg_step_nclear_m.png);
    background-size: cover !important;
  }
  .emoticonEvt .evtTit span.clear {
    background-image: url(../images/event/bg_step_clear_m.png);
  }
  .emoticonEvt .evtTit + p {
    margin-top: 24.48px;
    font-size: 20.16px;
    line-height: 28.8px;
  }

  .emoticonEvt #evtSec01 .inner .bg {
    position: relative;
    right: -28px;
    display: block;
    width: 400.32px;
    height: 271.44px;
    margin: 21.6px auto 0 auto;
    background: url(../images/event/bg_evtSec01_m.png);
    background-size: cover;
  }
  .emoticonEvt #evtSec01 .btnWrap {
    margin-top: 36px;
  }

  .emoticonEvt #evtSec02 iframe {
    margin-top: 17.28px;
    height: 271.44px;
  }

  .emoticonEvt #evtSec03 .formWrite input {
    height: 72px;
    margin-top: 17.28px;
    padding: 0 28.8px;
    font-size: 18.72px;
    line-height: 70px;
  }
  .emoticonEvt #evtSec03 .formWrite input + input {
    margin-top: 14.4px;
  }
  .emoticonEvt #evtSec03 .checkWrap {
    margin-top: 21.6px;
  }
  .emoticonEvt #evtSec03 .checkWrap label {
    height: 47.52px;
    padding-left: 61.92px;
    line-height: 47.52px;
    font-size: 18.72px;
    background-size: 47.52px;
  }
  .emoticonEvt #evtSec03 .checkWrap input:checked + label {
    background-size: 47.52px;
  }
  .emoticonEvt #evtSec03 .btnWrap {
    margin-top: 36px;
  }

  .emoticonEvt .footer {
    padding: 25.92px 25.92px 50.4px 25.92px;
  }
  .emoticonEvt .footer li {
    font-size: 15.84px;
    line-height: 23.04px;
  }

  .emoticonEvt .dimd .popWrap {
    width: 446.4px;
    padding: 43.2px 28.8px 36px 28.8px;
    border-radius: 10.8px;
  }
  .emoticonEvt .dimd .popWrap h3 {
    font-size: 25.92px;
  }
  .emoticonEvt .dimd .popWrap .terms {
    height: 259.2px;
    margin-top: 21.6px;
    padding: 21.6px;
    font-size: 15.84px;
    line-height: 23px;
  }
  .emoticonEvt .dimd .popWrap .btn {
    height: 57.6px;
    line-height: 57.6px;
    margin-top: 28.8px;
    font-size: 17.28px;
    border-radius: 10.8px;
  }
  .emoticonEvt .dimd .popWrap .btn2 {
    right: 8.64px;
    top: 8.64px;
    width: 34.56px;
    height: 34.56px;
    background-size: 17.28px;
  }
}

/* mobile*/
@media screen and (max-width: 540px) {
  .emoticonEvt .evtVisual .inner {
    height: 121.3333vw;
    padding-top: 14.4vw;
  }
  .emoticonEvt .evtVisual .inner strong {
    font-size: 8.26666vw;
    line-height: 9.86666vw;
  }
  .emoticonEvt .evtVisual .inner p {
    margin-top: 4vw;
    font-size: 4.26666vw;
    line-height: 5.6vw;
  }
  .emoticonEvt .evtVisual .inner:after {
    width: 80.4vw;
    height: 78.9333vw;
    margin-top: 6.4vw;
  }

  .emoticonEvt .evtSec .inner {
    padding-top: 13.3333vw;
    padding-bottom: 13.3333vw;
  }
  .emoticonEvt #evtSec03.evtSec .inner {
    padding-bottom: 26.6666vw;
  }

  .emoticonEvt #evtSecNoti .inner {
    padding-top: 30.6666vw;
  }
  .emoticonEvt #evtSecNoti .inner dl + dl {
    margin-top: 6.6666vw;
  }
  .emoticonEvt #evtSecNoti .inner dt {
    padding-bottom: 2.6666vw;
    font-size: 4.8vw;
  }
  .emoticonEvt #evtSecNoti .inner ul {
    margin-top: 3.2vw;
  }
  .emoticonEvt #evtSecNoti .inner li {
    padding-left: 5.86666vw;
    font-size: 3.7333vw;
    line-height: 8vw;
    letter-spacing: -2px;
    background-position: left 2.8666vw;
    background-size: 2.9333vw auto;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span:first-child {
    padding-right: 2.6666vw;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span em {
    padding-left: 6.06666vw;
  }
  .emoticonEvt #evtSecNoti .inner ul.lineType li span + span {
    width: 42.333vw;
    padding-left: 2.6666vw;
  }
  .emoticonEvt #evtSecNoti .inner ul.type li:nth-child(4) {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 28.8px;
  }

  .emoticonEvt .evtTit em {
    width: 9.06666vw;
    height: 9.06666vw;
    margin-bottom: 1.06666vw;
  }
  .emoticonEvt .evtTit strong {
    font-size: 6.6666vw;
    line-height: 8.2666vw;
  }
  .emoticonEvt .evtTit span {
    width: 16.93334vw;
    line-height: 8.2666vw;
  }
  .emoticonEvt .evtTit + p {
    margin-top: 4.53333vw;
    font-size: 3.73333vw;
    line-height: 5.3333vw;
  }

  .emoticonEvt #evtSec01 .inner .bg {
    right: -5.6666vw;
    width: 74.1333vw;
    height: 50.2666vw;
    margin: 4vw auto 0 auto;
  }
  .emoticonEvt #evtSec01 .btnWrap {
    margin-top: 36px;
  }

  .emoticonEvt #evtSec02 iframe {
    margin-top: 3.2vw;
    height: 50.4vw;
  }

  .emoticonEvt #evtSec03 .formWrite input {
    height: 13.3333vw;
    margin-top: 3.2vw;
    padding: 0 5.3333vw;
    font-size: 3.46666vw;
    line-height: 13.06666vw;
  }
  .emoticonEvt #evtSec03 .formWrite input + input {
    margin-top: 2.6666vw;
  }
  .emoticonEvt #evtSec03 .checkWrap {
    margin-top: 4vw;
  }
  .emoticonEvt #evtSec03 .checkWrap label {
    height: 8.8vw;
    padding-left: 11.46666vw;
    line-height: 8.8vw;
    font-size: 3.46666vw;
    background-size: 8.8vw;
  }
  .emoticonEvt #evtSec03 .checkWrap input:checked + label {
    background-size: 8.8vw;
  }
  .emoticonEvt #evtSec03 .btnWrap {
    margin-top: 6.6666vw;
  }

  .emoticonEvt .footer {
    padding: 4.8vw 5.0666vw 9.3333vw 5.0666vw;
  }
  .emoticonEvt .footer li {
    font-size: 2.93333vw;
    line-height: 4.2666vw;
  }

  .emoticonEvt .dimd .popWrap {
    width: 82.666vw;
    padding: 8vw 5.3333vw 6.6666vw 5.3333vw;
    border-radius: 2vw;
  }
  .emoticonEvt .dimd .popWrap h3 {
    font-size: 4.8vw;
  }
  .emoticonEvt .dimd .popWrap .terms {
    height: 48vw;
    margin-top: 4vw;
    padding: 4vw;
    font-size: 2.93333vw;
    line-height: 4.63333vw;
  }
  .emoticonEvt .dimd .popWrap .btn {
    height: 10.6666vw;
    line-height: 10.6666vw;
    margin-top: 5.3333vw;
    font-size: 3.2vw;
    border-radius: 2vw;
  }
  .emoticonEvt .dimd .popWrap .btn2 {
    right: 1.6vw;
    top: 1.6vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}

/* 카카오톡 1:1 상담*/
/* PC */
.consultBtn {
  position: fixed;
  bottom: 28.8px;
  right: 50%;
  margin-right: -241px;
  background-color: #fae334;
  border-radius: 11.52px;
  box-shadow: 5.76px 5.76px 14.4px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.consultBtn a {
  display: block;
  height: 74.88px;
  padding: 0 17.28px;
  line-height: 74.88px;
  color: #391b1b;
  font-weight: 800;
}
.consultBtn a:after {
  content: "";
  display: inline-block;
  width: 44.64px;
  height: 40.32px;
  margin-left: 14.4px;
  background: url(../images/kakao_logo.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-top: -6px;
}

.menu .consultBtn {
  bottom: auto;
  top: -74.88px;
}

.imgArea > .lineBox {
  display: inline-block;
  padding: 28.8px 14.4px;
  border-radius: 17.28px; /*border:4.32px solid #F2F2F2;*/
  color: #001489;
  font-weight: 800;
  font-size: 28.8px;
  line-height: 40.32px;
  text-align: center;
}
.imgArea > .lineBox + p {
  margin-top: 14.4px;
  font-size: 17.28px;
  line-height: 23.04px;
  text-align: left;
  color: rgba(0, 0, 0, 0.56);
}
.imgArea > .lineBox.b01 {
  padding-left: 34.56px;
  padding-right: 34.56px;
}
.imgArea > .lineBox.b02 {
  margin-top: -2.88px;
  padding: 28.8px 0 0 0;
}
.imgArea > .lineBox.b03 {
  padding-left: 23.04px;
  padding-right: 23.04px;
}
.imgArea > .b03_02 {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  lign-items: center;
  font-size: 28.8px;
  line-height: 40.32px;
  color: #001489;
  font-weight: 800;
}
.imgArea > .lineBox.b04 {
  padding: 0;
  font-size: 28.8px;
}
.imgArea > .lineBox.b06 {
  margin-top: -14.4px;
}
.imgArea > .lineBox.b08 {
  padding-left: 50.4px;
  padding-right: 50.4px;
}
.imgArea > .lineBox.b12 {
  padding: 0;
  margin: 0 -28.8px;
}

.imgAreaTwo {
  display: flex;
  margin-top: 14.4px;
}
.imgAreaTwo > .imgArea {
  width: calc(100% - 28.8px);
}
.imgAreaTwo > .imgArea + .imgArea {
  margin-left: 28.8px;
}
.imgAreaTwo > .imgArea .lineBox {
  display: block;
  padding: 21.6px 0;
  font-size: 21.6px;
  line-height: 30.24px;
}
.imgAreaTwo > .imgArea .lineBox span {
  font-weight: 300;
}

/* mobile*/
@media screen and (max-width: 540px) {
  .consultBtn {
    bottom: 5.333vw;
    margin-right: -44.666vw;
    border-radius: 2.133vw;
    box-shadow: 1.066vw 1.066vw 2.666vw rgba(0, 0, 0, 0.1);
  }
  .consultBtn a {
    height: 13.866vw;
    padding: 0 3.2vw;
    line-height: 13.866vw;
  }
  .consultBtn a:after {
    width: 8.2666vw;
    height: 7.4666vw;
    margin-left: 2.666vw;
    margin-top: -1.1111vw;
  }

  .menu .consultBtn {
    bottom: auto;
    top: -13.866vw;
  }

  .imgArea > .lineBox {
    padding: 5.3333vw 2.6666vw;
    border-radius: 3.2vw;
    border-width: 0.8vw;
    font-size: 5.3333vw;
    line-height: 7.4666vw;
  }
  .imgArea > .lineBox + p {
    margin-top: 2.6666vw;
    font-size: 3.2vw;
    line-height: 4.2666vw;
  }
  .imgArea > .lineBox.b01 {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
  .imgArea > .lineBox.b02 {
    margin-top: -0.5333vw;
  }
  .imgArea > .lineBox.b03 {
    padding-left: 4.2666vw;
    padding-right: 4.2666vw;
  }
  .imgArea > .b03_02 {
    font-size: 5.3333vw;
    line-height: 7.4666vw;
  }
  .imgArea > .lineBox.b04 {
    font-size: 5.3333vw;
  }
  .imgArea > .lineBox.b06 {
    margin-top: -2.6666vw;
  }
  .imgArea > .lineBox.b08 {
    padding-left: 9.3333vw;
    padding-right: 9.3333vw;
  }
  .imgArea > .lineBox.b12 {
    margin: 0 -5.3333vw;
  }

  .imgAreaTwo {
    margin-top: 2.666vw;
  }
  .imgAreaTwo > .imgArea {
    width: calc(100% - 5.3333vw);
  }
  .imgAreaTwo > .imgArea + .imgArea {
    margin-left: 5.3333vw;
  }
  .imgAreaTwo > .imgArea .lineBox {
    padding: 4vw 0;
    font-size: 4vw;
    line-height: 5.6vw;
  }
}

/* store-find */
.store-find .title {
  padding: 5.3333vw 0;
  font-size: 5.3333vw;
  font-weight: 800;
  color: #001586;
}
.store-find .title span {
  color: #e85526;
}
.store-find .mall-shortcut,
.store-find .map-tit {
  position: relative;
  margin: 0 -5.333vw;
  padding: 5.3333vw;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ececec;
  font-size: 3.7333vw;
  font-weight: 300;
  color: #444;
}
.store-find .mall-shortcut div,
.store-find .map-tit div {
  position: relative;
  padding-left: 9.0666vw;
  font-size: 4.8vw;
  font-weight: 800;
  color: #000;
}
.store-find .mall-shortcut div::before,
.store-find .map-tit div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6.4vw;
  height: 6.4vw;
  background: url(../images/icon_shop.png);
  background-size: 100%;
  transform: translateY(-50%);
}
.store-find .mall-shortcut span,
.store-find .map-tit span {
  display: inline-block;
  padding-top: 2.6666vw;
}
.store-find .mall-shortcut a,
.store-find .map-tit a {
  position: absolute;
  top: 5.8666vw;
  right: 5.3333vw;
  display: inline-block;
  width: 24vw;
  height: 6.6666vw;
  font-size: 3.2vw;
  font-weight: 800;
  color: #fff;
  line-height: 6.6666vw;
  text-align: center;
  background: #001586;
}
.store-find .map-tit {
  border-width: 0;
}
.store-find .map-tit div::before {
  background-image: url(../images/icon_store.png);
}
.store-find .map-tit a {
  color: #001586;
  background-color: #ffd100;
}
.store-find .sticky-area {
  position: sticky;
  top: calc(16vw + 4px);
  margin: 0 -5.3333vw;
  padding: 0 5.3333vw;
  background: #fff;
  z-index: 10;
}
.store-find .map-area .search {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.store-find .map-area .search select {
  width: 48%;
  height: 9.0666vw;
  padding-left: 2.6666vw;
  border: 1px solid #f2f2f2;
  font-size: 3.7333vw;
  font-weight: 300;
  background-image: url(../images/icon_select.png);
  background-repeat: no-repeat;
  background-position: right 2.9333vw center;
  background-color: #fff;
  background-size: 3.6vw 2.2666vw;
}
.store-find .map-area .map {
  height: 53.3333vw;
  margin-top: 2.6666vw;
}
.map-label {
  display: inline-block;
  padding: 1.3333vw 1.8666vw;
  border: 1px solid #001586;
  border-radius: 1.6vw;
  font-size: 3.2vw;
  font-weight: 800;
  color: #001586;
  background: #fff;
}
.store-find .tab-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5.3333vw -5.3333vw 0;
}
.store-find .tab-menu a {
  display: block;
  flex-basis: 50%;
  height: 10.6667vw;
  text-align: center;
  line-height: 10.6667vw;
  background: #f8f8f8;
}
.store-find .tab-menu a span {
  font-size: 3.7333vw;
  font-weight: 400;
  color: #444;
}
.store-find .tab-menu a span::before {
  content: "";
  display: inline-block;
  width: 4.2667vw;
  height: 4.2667vw;
  margin: 3.4667vw 2.6667vw 0 0;
  background: url(../images/icon_store_tab1.png);
  background-size: 100%;
  vertical-align: top;
}
.store-find .tab-menu a + a span::before {
  background-image: url(../images/icon_store_tab2.png);
}
.store-find .tab-menu a.on {
  border-top: 1px solid #f8f8f8;
  background: #fff;
}
.store-find .tab-menu a.on span {
  font-weight: 800;
  color: #001586;
}
.store-find .result-list .item {
  position: relative;
  padding: 5.3333vw 0;
  border-bottom: 1px solid #ececec;
}
.store-find .result-list .item * {
  letter-spacing: -0.24vw;
}
.store-find .result-list .item .name {
  font-size: 3.7333vw;
  font-weight: 800;
}
.store-find .result-list .item .address {
  margin-top: 1.3333vw;
  padding-right: 30.6666vw;
  font-size: 3.7333vw;
  font-weight: 300;
  line-height: 6.4vw;
}
.store-find .result-list .item .number {
  margin-top: 1.3333vw;
  font-size: 3.7333vw;
  font-weight: 800;
}
.store-find .result-list .item .number a[href^="tel:"] {
  position: relative;
  margin-left: 2.6666vw;
  padding-left: 2.6666vw;
  font-weight: 300;
  text-decoration: underline;
}
.store-find .result-list .item .number a[href^="tel:"]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 4vw;
  background: #b4b4b4;
  transform: translateY(-50%);
}
.store-find .result-list .item .view-map {
  position: absolute;
  /* top: 11vw; */
  top: 50%;
  right: 0;
  width: 13.3333vw;
  height: 13.3333vw;
  background: url(../images/icon_location.png) no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}
.store-find .result-list .item .view-map span {
  font-size: 0;
}
.store-find .result-list .item.no-result {
  padding: 26.6667vw 0;
}
.store-find .result-list .item.no-result p {
  position: relative;
  padding-top: 9.0667vw;
  font-size: 3.7333vw;
  color: #444;
  font-weight: 300;
  text-align: center;
}
.store-find .result-list .item.no-result p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 6.4vw;
  height: 6.4vw;
  background: url(../images/icon_store_noresult.png);
  background-size: 100%;
  transform: translateX(-50%);
}
.store-find .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10.6666vw;
}
.store-find .pagination span {
  padding: 0 1.0666vw;
  font-size: 4.8vw;
  letter-spacing: -0.24vw;
  font-weight: 300;
}
.store-find .pagination .current {
  font-weight: 800;
}
.store-find .pagination button {
  margin: 0 0 0 10.6666vw;
  width: 10.6666vw;
  height: 10.6666vw;
  background: url(../images/btn_pagenation_on.png);
  background-size: 100%;
}
.store-find .pagination button span {
  font-size: 0;
}
.store-find .pagination button.prev {
  margin: 0 10.6666vw 0 0;
  transform: rotate(180deg);
}
.store-find .pagination button:disabled {
  background-image: url(../images/btn_pagenation_off.png);
}
.store-find .pagination button.prev:disabled {
  transform: rotate(0);
}
.store-find .pagination button.next:disabled {
  transform: rotate(180deg);
}
.footer.store-find {
  padding: 5.3333vw 5.3333vw;
}

.loading,
.loading::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 100;
}
.loading::before {
  background: rgba(0, 0, 0, 0.6);
}
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading .cont {
  position: relative;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid;
  border-color: #fff #0000;
  animation: l1 1s infinite;
  z-index: 101;
}
@keyframes l1 {
  to {
    transform: rotate(0.5turn);
  }
}

/* store-find pc */
@media screen and (min-width: 540px) {
  .store-find .title {
    padding: 20px 0;
    font-size: 32px;
  }
  .store-find .mall-shortcut,
  .store-find .map-tit {
    margin: 0 -28.8px;
    padding: 28.8px;
    font-size: 18px;
  }
  .store-find .mall-shortcut div,
  .store-find .map-tit div {
    padding-left: 44px;
    font-size: 23px;
  }
  .store-find .mall-shortcut div::before,
  .store-find .map-tit div::before {
    width: 30px;
    height: 30px;
  }
  .store-find .mall-shortcut span,
  .store-find .map-tit span {
    padding-top: 13px;
  }
  .store-find .mall-shortcut a,
  .store-find .map-tit a {
    top: 28px;
    right: 28.8px;
    width: 120px;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
  }
  .store-find .sticky-area {
    top: 86.4px;
    margin: 0 -28.8px;
    padding: 0 28.8px;
  }
  .store-find .map-area .search select {
    height: 54px;
    padding-left: 16px;
    font-size: 22px;
    background-size: 27px 17px;
    background-position: right 17px center;
  }
  .store-find .map-area .map {
    height: 320px;
    margin-top: 13px;
  }
  .map-label {
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 15px;
  }
  .store-find .tab-menu {
    margin: calc(40px * 0.7) -28.8px 0;
  }
  .store-find .tab-menu a {
    height: calc(80px * 0.72);
    line-height: calc(80px * 0.72);
  }
  .store-find .tab-menu a span {
    font-size: calc(28px * 0.72);
  }
  .store-find .tab-menu a span::before {
    width: calc(32px * 0.72);
    height: calc(32px * 0.72);
    margin: calc(26px * 0.72) calc(20px * 0.72) 0 0;
  }
  .store-find .result-list .item {
    padding: 32px 0;
  }
  .store-find .result-list .item * {
    letter-spacing: -1px;
  }
  .store-find .result-list .item .name {
    font-size: 22px;
  }
  .store-find .result-list .item .address {
    margin-top: 8px;
    padding-right: 120px;
    font-size: 22px;
    line-height: 1.5;
  }
  .store-find .result-list .item .number {
    margin-top: 8px;
    font-size: 22px;
  }
  .store-find .result-list .item .number a[href^="tel:"] {
    margin-left: 16px;
    padding-left: 16px;
  }
  .store-find .result-list .item .number a[href^="tel:"]::before {
    height: 24px;
  }
  .store-find .result-list .item .view-map {
    top: 65px;
    width: 80px;
    height: 80px;
  }
  .store-find .result-list .item.no-result {
    padding: calc(200px * 0.72) 0;
  }
  .store-find .result-list .item.no-result p {
    padding-top: calc(68px * 0.72);
    font-size: calc(28px * 0.72);
  }
  .store-find .result-list .item.no-result p::before {
    width: calc(48px * 0.72);
    height: calc(48px * 0.72);
  }
  .store-find .pagination {
    margin-top: 64px;
  }
  .store-find .pagination span {
    padding: 0 6px;
    font-size: 28px;
    letter-spacing: -0.9px;
  }
  .store-find .pagination button {
    margin: 0 0 0 64px;
    width: 64px;
    height: 64px;
  }
  .store-find .pagination button.prev {
    margin: 0 64px 0 0;
  }
  .footer.store-find {
    padding: 32px 32px;
  }
}