html, body { width: 100%; height: 100%; touch-action: pan-y; }

body { position: relative; height: auto; min-height: 100%; }

.container { width: 100%; /* overflow: hidden; */ position: relative; }
.container img { max-width: 100%; }
.container.etc { padding-top: 5rem; }
@media screen and (max-width: 800px) {
  .container.etc {
    padding-top: 3.625rem;
  }
}

#con { display: block; }

#skipNav a { position: absolute; display: block; font-size: 0px; top: -9999px; left: -9999px; }
#skipNav a:focus { position: absolute; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 20px; z-index: 9999; text-align: center; }

.con_tit1 { font-size: 3.375em; font-weight: 600; margin-bottom: 0.7407407407em; 
}
.con_tit2 { font-size: 1.875em; font-weight: 600; }
.con_tit3 { font-size: 1.5em; font-weight: 600; margin-bottom: 1.2916666667em; }
@media screen and (max-width: 800px) {
  .con_tit3 { font-size: 1.25em; }
}
.con_txt1 { font-size: 1.5em; font-weight: 600; margin-bottom: 2.0833333333em; }
@media screen and (max-width: 800px) {
  .con_tit1 { font-size: 1.875em; margin-bottom: 0.8em; }
  .con_tit2 { font-size: 1.5em; }
  .con_txt1 { font-size: 1.125em; margin-bottom: 1.7777777778em; }
}

:root {
  --navH: 16.25rem;
}


.loading_wrap {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6000;
}
.loading_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.loading_circle {
  position: relative;
  width: 12.5rem;
  height: 12.5rem;
}
.loading_circle svg {
  width: 100%;
  height: 100%;
}
.loading_circle svg .loadingCircle {
  stroke-dasharray: 130;
  stroke-width: 4px;
  stroke: url(#SVGID_1_);
}
.loading_circle .loading_txt {
  position: absolute;
  top: 50%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 2.4px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1280px) {
  .loading_circle .loading_txt {
    font-size: resRem(24, "md");
  }
}

#floatingMn {
  position: fixed;
  bottom: 13px;
  right: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #fff;
  z-index: 1000;
  transform: translateX(6.625rem);
  transition: transform 0.35s;
}
#floatingMn.scroll {
  transform: none;
}
#floatingMn .floating_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 5.625rem;
  font-weight: bold;
  overflow: visible;
  font-family: "Poppins", sans-serif;
}
#floatingMn .floating_btn .txt {
  position: relative;
  z-index: 5;
  margin-top: 0.25em;
}
#floatingMn .floating_btn svg {
  position: relative;
  z-index: 4;
}
#floatingMn .app {
  font-size: 1.25em;
  width: 12.5rem;
  transition: all 0.35s;
  position: relative;
}
#floatingMn .app::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(294deg, #ff6600, #ff9f31);
  z-index: 2;
}
#floatingMn .app::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  opacity: 0;
  background-image: linear-gradient(294deg, #ff6600 20%, #ff9f31);
  transition: transform 0.2s, opacity 0.3s;
  z-index: 3;
}
#floatingMn .app svg {
  margin-left: 0.95em;
}
@media screen and (min-width: 1281px), print {
  #floatingMn .app:hover::before {
    transform: none;
    opacity: 1;
  }
}
#floatingMn .app.on::after {
  background-image: linear-gradient(294deg, #00aaf1, #56cdff);
}
#floatingMn .app.on::before {
  background-image: linear-gradient(294deg, #00aaf1, #56cdff);
}
#floatingMn .app.on .app_lists {
  transform: translateY(0);
  opacity: 1;
}
#floatingMn .app_lists {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  padding: 0.4em 0.8em;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.3s, opacity 0.3s;
  color: #222;
  font-weight: 400;
  font-family: "Pretendard", sans-serif;
  border: 1px solid #dddddd;
  border-bottom: 0;
}
#floatingMn .app_lists .item {
  padding: 0 0.4em;
  height: 2.8em;
}
#floatingMn .app_lists .item + .item {
  border-top: 1px solid #dddddd;
}
#floatingMn .app_lists .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 1em;
}
#floatingMn .app_lists .item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1em;
  height: 0.7em;
  margin-top: -0.35em;
  transform: translateX(-100%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='13.684' viewBox='0 0 20 13.684'%3E%3Cpath d='m-666.016 315.306-6.842-6.842h-4.562l5.23 5.229h-13.826v3.225h13.826l-5.23 5.229h4.562l6.842-6.842z' transform='translate(686.016 -308.464)' style='fill:%23222'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
@media screen and (min-width: 1281px), print {
  #floatingMn .app_lists .item a:hover {
    font-weight: bold;
  }
  #floatingMn .app_lists .item a:hover::after {
    opacity: 1;
    transform: none;
  }
}
#floatingMn .top {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 5.625rem;
  background-color: #121212;
  border-radius:50%;
}
@media screen and (max-width: 800px) {
  #floatingMn {
    transform: translateX(5.625em);
  }
  #floatingMn .floating_btn {
    font-size: 0.9375em;
    height: 3.625rem;
  }
  #floatingMn .app {
    width: 8.6666666667em;
  }
  #floatingMn .app svg {
    width: 1.3333333333em;
    margin-left: 0.5333333333em;
  }
  #floatingMn .top {
    /* width: 3.8666666667em; */
    width:60px; height:60px;
  }
  #floatingMn .top svg {
    height: 0.8666666667em;
  }
  #floatingMn .top .txt {
    margin-top: 0.4545454545em;
    font-size: 0.6875em;
    line-height: 1;
  }
  #floatingMn .app_lists {
    padding: 0.2666666667em 0.5333333333em;
  }
  #floatingMn .app_lists .item a {
    height: 2.8em;
    padding-right: 0;
  }
}

#floatingMm {	
  /* position: fixed; */
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #fff;
  z-index: 1000;
  transition: transform 0.35s;
}
#floatingMm .floating_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* height: 5.625rem; */
  height: 100%;
  font-weight: bold;
  overflow: visible;
  font-family: "Poppins", sans-serif;
}
#floatingMm .floating_btn .txt {
  position: relative;
  z-index: 5;
  margin-top: 0.25em;
}
#floatingMm .floating_btn svg {
  position: relative;
  z-index: 4;
}
#floatingMm .app {
  font-size: 1.05em;
  width: 12.5rem;
  transition: all 0.35s;
  position: relative;
}
#floatingMm .app::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(294deg, #ff6600, #ff9f31);
  z-index: 2;
}
#floatingMm .app::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  opacity: 0;
  background-image: linear-gradient(294deg, #ff6600 20%, #ff9f31);
  transition: transform 0.2s, opacity 0.3s;
  z-index: 3;
}
#floatingMm .app svg {
  margin-left: 0.95em;
}




@media screen and (min-width: 1281px), print {
  #floatingMm .app:hover::before {
    transform: none;
    opacity: 1;
  }
}
#floatingMm .app.on::after {
  background-image: linear-gradient(294deg, #00aaf1, #56cdff);
}
#floatingMm .app.on::before {
  background-image: linear-gradient(294deg, #00aaf1, #56cdff);
}
#floatingMm .app.on .app_lists {
  transform: translateY(0);
  opacity: 1;
}
#floatingMm .app_lists {
  position: absolute;
  /* bottom: 100%; */
  left: 0;
  width: 100%;
  transform: translateY(-100%);
  padding: 0.4em 0.8em;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.3s, opacity 0.3s;
  color: #222;
  font-weight: 400;
  font-family: "Pretendard", sans-serif;
  border: 1px solid #dddddd;
  /* border-bottom: 0; */
  top : 100%
}
#floatingMm .app_lists .item {
  padding: 0 0.4em;
  height: 2.8em;
}
#floatingMm .app_lists .item + .item {
  border-top: 1px solid #dddddd;
}
#floatingMm .app_lists .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-right: 1.25em;
}
#floatingMm .app_lists .item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1em;
  height: 0.7em;
  margin-top: -0.35em;
  transform: translateX(-100%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='13.684' viewBox='0 0 20 13.684'%3E%3Cpath d='m-666.016 315.306-6.842-6.842h-4.562l5.23 5.229h-13.826v3.225h13.826l-5.23 5.229h4.562l6.842-6.842z' transform='translate(686.016 -308.464)' style='fill:%23222'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
@media screen and (min-width: 1281px), print {
  #floatingMm .app_lists .item a:hover {
    font-weight: bold;
  }
  #floatingMm .app_lists .item a:hover::after {
    opacity: 1;
    transform: none;
  }
}
#floatingMm .top {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 5.625rem;
  background-color: #121212;
}
@media screen and (max-width: 800px) {
  #floatingMm {
    /* transform: translateX(3.625em); */
  }
  #floatingMm .floating_btn {
    font-size: 0.9375em;
    /* height: 3.625rem; */
    height: 100%;
  }
  #floatingMm .app {
    width: 8.6666666667em;
  }
  #floatingMm .app svg {
    width: 1.3333333333em;
    margin-left: 0.5333333333em;
  }
  #floatingMm .app_lists {
    padding: 0.2666666667em 0.5333333333em;
  }
  #floatingMm .app_lists .item a {
    height: 2.8em;
    padding-right: 0;
  }
}


/* motion */
#apPopup .ap_popup_box .popup_menu_btm,
#gnb .dep1 > a,
.header .h_inner .gnb > ul > li > ul > li a,
.header .h_inner .side_mn .side_mn_box,
.header .h_inner .side_mn .side_mn_box ul li a,
#gnb .dep2 {-moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

/* button */
.a_btn {display:inline-block; padding:0 30px 0 30px; line-height:52px; background-color:#FF6701; color:#fff; border-radius:60px; font-size:16px;}
.a_btn.run {padding:0 30px 0 68px; background-image:url('/resource/frt/images/renewal/icon/icon_run.svg'); background-repeat:no-repeat; background-size:28px auto; background-position: 30px center;}
.a_btn.insta {padding:0 30px 0 68px; background-image:url('/resource/frt/images/renewal/icon/icon_insta.svg'); background-repeat:no-repeat; background-size:28px auto; background-position: 30px center; font-weight:600;}

.a_btn1 {display:inline-block; padding:0 15px 0 15px; line-height:28px; background-color:#fff; color:#FF6701; border:1px solid #fff; border-radius:15px; font-size:14px;}
.a_btn1.on {background-color:#FF6701; color:#fff;}

.a_btn2 {display:inline-block; padding:0 20px 0 20px; line-height:38px; background-color:#fff; color:#FF6701; border-radius:60px; font-size:14px; border:1px solid #FF6701;}
.a_btn2.dis {background:#C6C8CA; color:#fff; border-color:#C6C8CA;}

@media screen and (max-width: 1280px) {
    .a_btn {padding:0 25px 0 25px; font-size:12px; line-height:40px;}
    .a_btn.insta {padding:0 14px 0 43px;  background-size:24px auto; background-position: 14px center;}
}

/* header */
.header {position:sticky; top:0; background:#fff; z-index:1010; box-shadow: 0px 4px 6px 0px #00000008;}
.header .h_inner {position:relative; height:100px; padding:0;}
.header .h_inner .logo {position:Absolute; top:50%; left:80px; display:inline-block; width:180px; transform:translateY(-50%); z-index:10;}
.header .h_inner .logo a {display:inline-block; width:180px; height:48px; background:url('/resource/frt/images/renewal/logo/logo1.png') no-repeat center; background-size:180px auto;}
.header .h_inner .gnb {width:100%; text-align:center;}
.header .h_inner .gnb > ul {position:relative; display:flex; width:100%; justify-content:center;}
.header .h_inner .gnb > ul > li {display:inline-block;}
.header .h_inner .gnb > ul > li > a {display:inline-block; padding:0 50px; line-height:100px; font-size:20px; font-weight:600;}
.header .h_inner .gnb > ul > li > ul {position:absolute; top:100px; left:0; width:100%; background:#FCFCFD;  display:flex; justify-content:center; border-top:1px solid #f2f2f2;}
.header .h_inner .gnb > ul > li > ul > li {display:inline-block; padding:0 40px;}
.header .h_inner .gnb > ul > li > ul > li a {display:inline-block; padding:25px 0; font-size:16px; line-height:18px; font-weight:400;}
.header .h_inner .side_mn {position:absolute; top:0; right:80px; z-index:10; padding-top:24px;}

.header .h_inner .side_mn .side_mn_box {visibility: hidden; opacity: 0; position:absolute; top:0; right:0; display:flex; align-items:center; width:0px; height:100px; background:#FF6701; overflow:hidden;}
.header .h_inner .side_mn .side_mn_box .side_mn_tit {position:relative; display:inline-block; padding:0 8% 0 36px; margin:0 0 0 3%; line-height:52px; white-space:nowrap; background-image:url('/resource/frt/images/renewal/icon/icon_run.svg'); background-repeat:no-repeat; background-size:28px auto; background-position: 0 center; color:#fff;}
.header .h_inner .side_mn .side_mn_box .side_mn_tit:after {position:absolute; top:50%; right:10%; display:inline-block; width:31px; height:20px; background:url('/resource/frt/images/renewal/icon/icon_menu_arrow.svg') no-repeat center; content:''; transform:translateY(-50%);}

.header .h_inner .side_mn .side_mn_box {}
.header .h_inner .side_mn .side_mn_box ul {display:flex; width:100%;}
.header .h_inner .side_mn .side_mn_box ul li {padding:0 3%;}
.header .h_inner .side_mn .side_mn_box ul li a {font-size:20px; font-weight:600;}
.header .h_inner .side_mn .side_mn_box ul li a:hover {color:#fff;}
.header .h_inner .side_mn:hover .side_mn_box {width:calc(100dvw - 370px); opacity:1; visibility:visible;}

#gnb .dep2 {visibility: hidden; opacity: 0;}
#gnb .dep1:hover > a {color:#FF6701;}
#gnb .dep1:hover .dep2 {opacity:1; visibility:visible;}
#gnb .dep2 a:hover {color:#FF6701;}

.header .h_inner .all_menu {position:Absolute; top:0px; right:0px;  display:none;}
.header .h_inner .all_menu .m_menu_btn{display:inline-block; width:60px; height:60px; background:url('/resource/frt/images/renewal/icon/icon_menu.svg') no-repeat center; background-size:26px auto;}



@media screen and (max-width: 1280px) {
    .header .h_inner {height:60px;}
    .header .h_inner .logo {width:132px; left:13px;}
    .header .h_inner .logo a {width:132px; height:32px; background-size:132px auto;}
    .header .h_inner .side_mn {display:none;}
    #gnb {display:none;}
    .header .h_inner .all_menu {display:inline-block;}
}

/* footer */
.ft {}
.ft .ft_inner {display:flex; align-items:center; width:100%; padding:80px; background:#3A3B3C;}
.ft .ft_inner .left_box {width:284px; padding-right:100px;}
.ft .ft_inner .left_box .ft_logo {width:184px;}
.ft .ft_inner .left_box .ft_logo img {width:100%;}
.ft .ft_inner .right_box {width:calc(100% - 284px); position:relative;}
.ft .ft_inner .right_box .ft_logo {width:241px;}
.ft .ft_inner .right_box .ft_logo img {width:100%;}
.ft .ft_inner .right_box .ft_mn {display:flex; padding:30px 0 20px 0;}
.ft .ft_inner .right_box .ft_mn > li {padding-right:20px;}
.ft .ft_inner .right_box .ft_mn > li > a {font-size:16px; font-weight:500; color:#C6C8CA;}
.ft .ft_inner .right_box .ft_mn > li.family_site {position:relative;}
.ft .ft_inner .right_box .ft_infos {}
.ft .ft_inner .right_box .ft_infos .group {}
.ft .ft_inner .right_box .ft_infos .group span {font-size:12px; font-weight:400; line-height:1.8; color:#A7A7A7;}
.ft .ft_inner .right_box .ft_share {position:absolute; bottom:0; right:0; text-align:right;}
.ft .ft_inner .right_box .ft_share p {padding-bottom:20px; font-size:12px; font-weight:400; color:#C6C8CA;}

.ft .family_site .family_lists { display: none; position: absolute; left: 50%; bottom: 100%; width: auto; min-width: 11.875rem; transform: translate(-50%, -0.5rem); z-index: 1001; font-size: 1em; white-space: nowrap; line-height: 1.35; background-color: #171717; border: 1px solid #333; padding: 1em; letter-spacing: -0.4px; font-family: "Pretendard", "Poppins", sans-serif; font-weight: 400; }
.ft .family_site .family_lists > li + li { margin-top: 1em; }
.ft .family_site .family_lists a { display: block; color:#C6C8CA;}
.ft .family_site .family_lists a:hover{ font-weight: bold; }

@media screen and (max-width: 1280px) {
.ft .ft_inner .right_box .ft_share  {position:static; text-align:left; padding-top:20px;}
}

@media screen and (max-width: 800px) {
.ft .ft_inner {padding:30px 15px; align-items:flex-start;}
.ft .ft_inner .left_box {width:93px; padding-right:25px;}
.ft .ft_inner .left_box .ft_logo {width:68px;}
.ft .ft_inner .right_box {width:100%;}
.ft .ft_inner .right_box .ft_logo {width:190px;}
.ft .ft_inner .right_box .ft_mn {padding:24px 0 24px 0;}
.ft .ft_inner .right_box .ft_mn > li {padding-right:15px;}
.ft .ft_inner .right_box .ft_mn > li > a {font-size:12px;}
.ft .ft_inner .right_box .ft_infos .group span {display:block; font-size:12px;}
.ft .ft_inner .right_box .ft_infos br {display:none;}
.ft .ft_inner .right_box .ft_share  {position:static; text-align:left; padding-top:20px;}
.ft .ft_inner .right_box .ft_share p {display:none;}
}

/* 모바일 전체 메뉴 */
.allMenu {position:fixed; top:0; right:0; overflow-Y:auto; transform:translate(100%); width:100%; height:100dvh; z-index:1100; background:#f7f7f7; opacity:0; transition: all .4s; }
.allMenu.on {transform:translate(0); opacity:1; }
.allMenu .allMenu_box {position:relative;}
.allMenu .allMenu_box .allMenu_logo {padding:14px 15px; background:#fff;}
.allMenu .allMenu_box .allMenu_logo .logo {display:inline-block; width:132px; height:32px; background:url('/resource/frt/images/renewal/logo/logo1.png') no-repeat center; background-size:132px auto; color:transparent;}
.allMenu .allMenu_box .allMenu_con {}
.allMenu .allMenu_box .allMenu_con > ul {padding:0 15px;}
.allMenu .allMenu_box .allMenu_con > ul > li {border-bottom:1px solid #EBEBEB;}
.allMenu .allMenu_box .allMenu_con > ul > li > a {display:block; padding:26px 0; font-size:18px; font-weight:600; color:#646464; background-image:url('/resource/frt/images/renewal/icon/icon_arrow_btm.svg'); background-repeat:no-repeat; background-position:calc(100% - 15px) center; background-size:28px auto;}

.allMenu .allMenu_box .allMenu_con > ul > li.on > a {color:#FF6701; background-image:url('/resource/frt/images/renewal/icon/icon_arrow_top.svg');}

.allMenu .allMenu_box .allMenu_con .dep1 {}
.allMenu .allMenu_box .allMenu_con .dep1 > ul {display:none;}
.allMenu .allMenu_box .allMenu_con .dep1 > ul > li {}
.allMenu .allMenu_box .allMenu_con .dep1 > ul > li > a {display:block; padding:15px 20px; }

.allMenu .allMenu_box .allMenu_con .dep1 > ul > li:first-child > a {padding-top:10px;}
.allMenu .allMenu_box .allMenu_con .dep1 > ul > li:last-child > a {padding-bottom:30px;}

.allMenu .allMenu_box .allMenu_close {position:absolute; top:0; right:10px; width:60px; height:60px; background:url('/resource/frt/images/renewal/icon/icon_menu_close.svg') no-repeat center; background-size:18px auto; color:transparent;}

.allMenu .allMenu_box .allMenu_btm .top_box {padding:25px 20px 40px 20px; background:#FF6701; }
.allMenu .allMenu_box .allMenu_btm .top_box h3 {font-size:18px; color:#ebebeb; padding:17px 0 17px 37px; background:url('/resource/frt/images/renewal/icon/icon_run.svg') no-repeat left center; background-size:28px;}

.allMenu .allMenu_box .allMenu_btm .top_box ul {}
.allMenu .allMenu_box .allMenu_btm .top_box ul li {display:flex; align-items:center; justify-content: space-between; padding:25px 0;}
.allMenu .allMenu_box .allMenu_btm .top_box ul li span {display:inline-block; font-size:18px; font-weight:600; color:#fff;}
.allMenu .allMenu_box .allMenu_btm .btm_box {padding:30px 20px;}
.allMenu .allMenu_box .allMenu_btm .btm_box dl {}
.allMenu .allMenu_box .allMenu_btm .btm_box dl dt {display:block; padding:0 0 0 34px; font-size:15px; line-height:24px; font-weight:600; color:#646464; background:url('/resource/frt/images/renewal/icon/icon_insta1.svg') no-repeat left center; background-size:24px auto;}
.allMenu .allMenu_box .allMenu_btm .btm_box dl dd {padding-top:15px;font-size:11px; color:#8E8E8E; font-weight:400;}


/* 사이드 메뉴 */
#apMn {display:none; position:fixed; bottom:80px; right:13px; z-index:1010;}
#apMn .ap_menu_btn {display:inline-block; width:60px; height:60px; background:#FF6701 url('/resource/frt/images/renewal/icon/icon_run2.svg') no-repeat center; background-size:37px auto; box-shadow: 1px 2px 2px 0px #00000040; border-radius:50%;}
@media screen and (max-width: 800px) {
    #apMn {display:inline-block;}
}

#apPopup {display:none;position:fixed; top:0; left:0; width:100%; height:100dvh; z-index:1011; }
#apPopup .ap_popup_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter: blur(5px); z-index:1012;}
#apPopup .ap_popup_box {}
#apPopup .ap_popup_box .popup_menu_btm {position:absolute; bottom:0; left:0; width:100%; transform:translateY(100%); z-index:1013;}
#apPopup.on .ap_popup_box .popup_menu_btm {transform:translateY(0);}
#apPopup .ap_popup_box .popup_menu_btm .top_box {padding:25px 20px 25px 20px; background:#FF6701; border-radius:25px 25px 0 0; }
#apPopup .ap_popup_box .popup_menu_btm .top_box ul {}
#apPopup .ap_popup_box .popup_menu_btm .top_box ul li {display:flex; align-items:center; justify-content: space-between; padding:25px 0;}
#apPopup .ap_popup_box .popup_menu_btm .top_box ul li span {display:inline-block; font-size:18px; font-weight:600; color:#fff;}
#apPopup .ap_popup_box .ap_popup_close {position:absolute; top:-25px; left:50%; display:inline-block; width:50px; height:50px; background:#fff url('/resource/frt/images/renewal/icon/icon_arrow_btm1.svg') no-repeat center; border-radius:50%; color:transparent; transform:translateX(-50%);}