#ifrm {
   width: 100%;
   min-height: 300px;
   overflow: hidden;
   border: 0;
}


/* pc */
@media screen and (min-width:1300px) {
   #memofile {
      max-width: 1250px;
   }
}

/* tablet */
@media screen and (min-width:768px) and (max-width:1024px) {
   #memofile {
      width: 99%;
   }
}

/* mobile */
@media screen and (min-width:0) and (max-width:767px) {
   #memofile {
      width: 99%;
   }
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
li,
dl,
dt,
dd,
ul,
pre,
form,
fieldset,
legend,
button,
table,
th,
td {
   border: 0;
   margin: 0;
   padding: 0;
}

ul,
ol,
li,
dl {
   list-style: none;
}

img {
   border: 0;
   vertical-align: middle;
   font-size: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
   font-style: normal;
}

a {
   text-decoration: none;
   color: #333;
}

a:hover,
a:active,
a:focus {
   text-decoration: none;
}

table {
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
   padding: 0;
}

strong {
   font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
   display: block;
}

body,
th,
td,
input,
select,
textarea,
button {
   color: var(--fc0);
   font-size: var(--fs1);
   line-height: 1.5;
   letter-spacing: -0.02em;
   font-family: 'Pretendard';
   font-weight: 400;
}

body,
html {}

html {
   scrollbar-gutter: stable;

   body {
      width: 100%;
      min-width: 1280px;
   }

   :focus {
      outline: none;
   }

   .slick-list {
      width: 100%;
   }

   .slick-track {
      display: flex
   }

   .slick-slide {
      display: block;
   }

   /*quick*/
   .mr_quick {
      position: fixed;
      right: 1%;
      top: 754px;
      z-index: 9999;
      transition: all 0.5s ease;
   }

   .mr_quick.mr_fixed {
      position: fixed;
      top: 50px;
   }

   .mr_quick ul {
      display: flex;
      flex-direction: column;
      gap: 5px;
   }

   .mr_quick a {
      width: 180px;
      display: block;
   }

   .mr_quick a img {
      width: 100%;
   }

   .mr_quick a p {
      width: 100%;
      padding: 20px 0;
      background: var(--bgc1);
      color: rgba(0, 0, 0, 0.2);
      font-weight: 700;
      font-size: 26px;
      text-align: center;
   }

   /*quick2*/
   .mr_quick2 {
      position: fixed;
      left: 1%;
      top: 754px;
      z-index: 9999;
      transition: all 0.5s ease;
   }

   .mr_quick2.mr_fixed {
      position: fixed;
      top: 50px;
   }

   .mr_quick2 ul {
      display: flex;
      flex-direction: column;
      gap: 5px;
   }

   .mr_quick2 a {
      width: 180px;
      display: block;
   }

   .mr_quick2 a img {
      width: 100%;
   }

   .mr_quick2 a p {
      width: 100%;
      padding: 20px 0;
      background: var(--bgc1);
      color: rgba(0, 0, 0, 0.2);
      font-weight: 700;
      font-size: 26px;
      text-align: center;
   }

   /*header*/
   .mr_tnb {
      background: var(--bgc1);
      width: 100%;
      margin: 0 auto;
      border-bottom: 1px var(--bc2) solid;
   }

   .mr_tnb ul {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      justify-content: flex-end;
   }

   .mr_tnb a {
      display: block;
      padding: 3px 15px;
      border-left: 1px var(--bc2) solid;
      color: var(--fc1);
      font-size: var(--fs3);
   }

   .mr_hd_top {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 30px;
      padding: 10px 0;
   }

   .mr_hd_logo {
      flex-grow: 1;
   }

   .mr_hd_logo a {
      display: flex;
      gap: 15px;
      align-items: center;
      color: var(--fc2);
   }

   .mr_hd_logo a img {
      width: 165px;
   }

   .mr_hd_logo a p {
      display: flex;
      flex-direction: column;
      line-height: 1.1;
      font-size: var(--fs3);
   }

   .mr_hd_logo a p strong {
      font-size: var(--fs5);
   }

   .mr_hd_tel {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      gap: 10px;
      line-height: 1.1;
   }

   .mr_hd_tel img {
      width: 40px;
   }

   .mr_hd_tel p {
      color: var(--fc3);
   }

   .mr_hd_tel p strong {
      font-size: 1.25em;
      color: var(--fc4);
      font-weight: 700;
   }

   .mr_hd_tel span {
      font-size: var(--fs3);
      color: var(--fc1);
   }

   .mr_hd_banner {
      flex-shrink: 0;
   }

   .mr_hd_banner {
      width: 260px;
      height: 65px;
      border-radius: var(--radi1);
      overflow: hidden;
      position: relative;
   }

   .mr_hdba_slide {
      z-index: 1;
      position: relative;
   }

   .mr_hdba_slide img {
      width: 100%;
   }

   .mr_hdba_arrow {
      position: absolute;
      z-index: 2;
      right: 5px;
      top: 5px;
      display: flex;
      border: 1px rgba(255, 255, 255, 0.6) solid;
      border-radius: var(--radi1);
      overflow: hidden;
   }

   .mr_hdba_arrow button {
      background: transparent;
      color: rgba(255, 255, 255, 0.6);
      font-size: 10px;
      padding: 0 2px;
   }

   .mr_hdba_arrow button:first-child {
      border-right: 1px rgba(255, 255, 255, 0.6) solid;
   }

   .mr_hd_gnb {
      width: 100%;
      border-top: 1px var(--bc1) solid;
      border-bottom: 1px var(--bc1) solid;
   }

   .mr_hd_gnb ul {
      display: flex;
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      justify-content: space-between;
   }

   .mr_hd_gnb a {
      display: flex;
      padding: 15px 20px;
      font-weight: 500;
      font-size: var(--fs4);
      position: relative;
   }

   .mr_hd_gnb a:before {
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      background: #222;
      left: 0;
      top: 0;
      opacity: 0;
      transition: all 0.2s;
   }

   .mr_hd_gnb a:hover {
      font-weight: 600;
   }

   .mr_hd_gnb a:hover:before {
      opacity: 0.1;
   }

   .mr_hd_gnb li:nth-child(1) a {
      color: var(--mc1);
   }

   .mr_hd_gnb li:nth-child(1) a:before {
      background: var(--mc1);
   }

   .mr_hd_gnb li:nth-child(2) a {
      color: var(--mc2);
   }

   .mr_hd_gnb li:nth-child(2) a:before {
      background: var(--mc2);
   }

   .mr_hd_gnb li:nth-child(3) a {
      color: var(--mc3);
   }

   .mr_hd_gnb li:nth-child(3) a:before {
      background: var(--mc3);
   }

   .mr_hd_gnb li:nth-child(4) a {
      color: var(--mc4);
   }

   .mr_hd_gnb li:nth-child(4) a:before {
      background: var(--mc4);
   }

   .mr_hd_gnb li:nth-child(5) a {
      color: var(--mc5);
   }

   .mr_hd_gnb li:nth-child(5) a:before {
      background: var(--mc5);
   }


   /*visual*/
   #mr_visual {
      position: relative;
      margin: 0 auto;
   }

   #mr_visual .mr_visual_slide {
      width: 100%;
      height: 350px;
      overflow: hidden;
   }

   #mr_visual .mr_vs_box {
      position: relative;
      width: 100%;
      height: 350px;
      overflow: hidden;
   }

   #mr_visual .mr_vs_img {
      position: relative;
      z-index: 22;
   }

   #mr_visual .mr_vs_img img {
      width: 2000px;
      left: 50%;
      margin-left: -1000px;
      position: absolute;
   }

   #mr_visual .mr_vs_text {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      position: relative;
      z-index: 99;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
   }

   #mr_visual .mr_vs_t1 {
      font-weight: 200;
      font-size: var(--fs7);
      margin-bottom: 10px;
   }

   #mr_visual .mr_vs_t1 strong {
      font-weight: 700;
   }

   #mr_visual .mr_vs_t2 img {
      width: 380px;
   }

   #mr_visual .mr_vs_t3 {
      font-size: var(--fs2);
   }

   #mr_visual .mr_vs_t3 span {
      border: 1px rgba(255, 255, 255, 0.2) solid;
      border-radius: 999px;
      padding: 5px 20px;
   }

   #mr_visual .mr_vs_t3 p {
      margin-top: 10px;
      padding-left: 10px;
   }

   #mr_visual .mr_vs_t3 p strong {
      font-size: 1.125em;
   }

   #mr_visual .mr_visual_slide .slick-list {
      position: relative;
      z-index: 11;
   }

   #mr_visual .mr_visual_slide .slick-dots {
      position: absolute;
      width: 100%;
      display: flex;
      justify-content: center;
      bottom: 30px;
      left: 0;
      z-index: 22;
      gap: 7px;
   }

   #mr_visual .mr_visual_slide .slick-dots button {
      font-size: 0;
      cursor: pointer;
      width: 14px;
      height: 14px;
      border-radius: 999px;
      background: #fff;
      opacity: 0.4;
   }

   #mr_visual .mr_visual_slide .slick-dots .slick-active button {
      opacity: 1;
   }



   /*Top_car_flash*/
   #Top_car_flash {
      position: relative;
      margin: 0 auto;
      max-width: 1280px;
      margin: 0 auto;
   }

   #Top_car_flash .mr_visual_slide {
      width: 100%;
      height: 200px;
      overflow: hidden;
   }

   #Top_car_flash .mr_vs_box {
      position: relative;
      width: 100%;
      height: 170px;
      overflow: hidden;
   }

   #Top_car_flash .mr_vs_img {
      position: relative;
      z-index: 22;
   }

   #Top_car_flash .mr_vs_img img {
      width: 1280px;
      left: 50%;
      margin-left: -640px;
      position: absolute;
   }

   #Top_car_flash .mr_vs_text {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      position: relative;
      z-index: 99;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
   }

   #Top_car_flash .mr_vs_t1 {
      font-weight: 200;
      font-size: var(--fs7);
      margin-bottom: 10px;
   }

   #Top_car_flash .mr_vs_t1 strong {
      font-weight: 700;
   }

   #Top_car_flash .mr_vs_t2 img {
      width: 450px;
   }

   #Top_car_flash .mr_vs_t3 {
      font-size: var(--fs2);
   }

   #Top_car_flash .mr_vs_t3 span {
      border: 1px rgba(255, 255, 255, 0.2) solid;
      border-radius: 999px;
      padding: 5px 20px;
   }

   #Top_car_flash .mr_vs_t3 p {
      margin-top: 10px;
      padding-left: 10px;
   }

   #Top_car_flash .mr_vs_t3 p strong {
      font-size: 1.125em;
   }

   #Top_car_flash .mr_visual_slide .slick-list {
      position: relative;
      z-index: 11;
   }

   #Top_car_flash .mr_visual_slide .slick-dots {
      position: absolute;
      width: 100%;
      display: flex;
      justify-content: center;
      bottom: 30px;
      left: 0;
      z-index: 22;
      gap: 7px;
   }

   #Top_car_flash .mr_visual_slide .slick-dots button {
      font-size: 0;
      cursor: pointer;
      width: 14px;
      height: 14px;
      border-radius: 999px;
      background: #fff;
      opacity: 0.4;
   }

   #Top_car_flash .mr_visual_slide .slick-dots .slick-active button {
      opacity: 1;
   }

   /*main */
   .mr_main_wrap {
      width: 1280px;
      margin: 0 auto;
      padding: 80px 0 0;
   }

   .mr_main_tit {
      font-size: var(--fs5);
      margin-bottom: 30px;
   }

   .mr_main_more {
      position: absolute;
      right: 0;
      top: 5px;
   }

   .mr_main_more a {
      display: inline-block;
      padding: 7px 20px;
      border: 1px var(--bc1) solid;
      box-sizing: border-box;
      background: #fff;
      color: var(--fc1);
      transition: all 0.3s;
   }

   .mr_main_more a:hover {
      background: var(--bgc9);
      color: #fff;
      border-color: var(--bgc9);
   }


   /*main tab*/
   .mr_mb_tab_btn {
      display: flex;
      gap: 1%;
   }

   .mr_mb_tab_btn button {
      width: 11.625%;
      cursor: pointer;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: var(--fs4);
      opacity: 0.6;
      transition: all 0.3s;
   }

   .mr_mb_tab_btn button.current,
   .mr_mb_tab_btn button:hover {
      color: #fff;
      font-weight: 600;
      opacity: 1;
   }

   .mr_mb_tab_btn button:nth-child(1) {
      background: var(--mc6);
   }

   .mr_mb_tab_btn button:nth-child(1).current,
   .mr_mb_tab_btn button:nth-child(1):hover {
      background-image: linear-gradient(to top, #2d75cc, #123885);
   }

   .mr_mb_tab_btn button:nth-child(2) {
      background: var(--mc7);
   }

   .mr_mb_tab_btn button:nth-child(2).current,
   .mr_mb_tab_btn button:nth-child(2):hover {
      background-image: linear-gradient(to top, #0a87e8, #1457a9);
   }

   .mr_mb_tab_btn button:nth-child(3) {
      background: var(--mc8);
   }

   .mr_mb_tab_btn button:nth-child(3).current,
   .mr_mb_tab_btn button:nth-child(3):hover {
      background-image: linear-gradient(to top, #3cd5d5, #0ba1a1);
   }

   .mr_mb_tab_btn button:nth-child(4) {
      background: var(--mc9);
   }

   .mr_mb_tab_btn button:nth-child(4).current,
   .mr_mb_tab_btn button:nth-child(4):hover {
      background-image: linear-gradient(to top, #59ac7d, #12813f);
   }

   .mr_mb_tab_btn button:nth-child(5) {
      background: var(--mc10);
   }

   .mr_mb_tab_btn button:nth-child(5).current,
   .mr_mb_tab_btn button:nth-child(5):hover {
      background-image: linear-gradient(to top, #a0c175, #669f1d);
   }

   .mr_mb_tab_btn button:nth-child(6) {
      background: var(--mc11);
   }

   .mr_mb_tab_btn button:nth-child(6).current,
   .mr_mb_tab_btn button:nth-child(6):hover {
      background-image: linear-gradient(to top, #cbcb34, #a4a911);
   }

   .mr_mb_tab_btn button:nth-child(7) {
      background: var(--mc12);
   }

   .mr_mb_tab_btn button:nth-child(7).current,
   .mr_mb_tab_btn button:nth-child(7):hover {
      background-image: linear-gradient(to top, #e5b476, #c87d1c);
   }

   .mr_mb_tab_btn button:nth-child(8) {
      background: var(--mc13);
   }

   .mr_mb_tab_btn button:nth-child(8).current,
   .mr_mb_tab_btn button:nth-child(8):hover {
      background-image: linear-gradient(to top, #f38575, #cd3e29);
   }



   /*main-counter*/
   .mr_mb_counter {
      box-sizing: border-box;
      border: 2px var(--bc3) solid;
      padding: 20px 0;
      margin: 30px auto;
   }

   .mr_mb_counter ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .mr_mb_counter ul li {
      width: 33%;
      color: var(--fc5);
      box-sizing: border-box;
      padding: 0 40px;
      position: relative;
   }

   .mr_mb_counter ul li:before {
      content: "";
      display: block;
      width: 1px;
      height: 40px;
      border-left: 1px var(--fc5) dashed;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -20px;
      opacity: 0.3;
   }

   .mr_mb_counter ul li:first-child:before {
      display: none;
   }

   .mr_mb_counter ul li dl {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: var(--fs4);
   }

   .mr_mb_counter ul li dt {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .mr_mb_counter ul li dt img {
      width: 36px;
   }

   .mr_mb_counter ul li dd {
      display: flex;
      align-items: baseline;
      gap: 5px;
   }

   .mr_mb_counter ul li dd strong {
      font-size: 1.5em;
      font-weight: 800;
   }

   /*main tab content*/
   .mr_mb_tab_list {
      position: relative;
      display: none;
   }

   .mr_mb_tab_list.current {
      display: block;
   }

   .mr_mb_tabli_box ul {
      display: flex;
      gap: 30px 2%;
      flex-wrap: wrap;
   }

   .mr_mb_tabli_box ul li {
      width: 23.5%;
   }

   .mr_mb_tabli_box ul li a {
      display: block;
   }

   .mr_mb_tabli_img {
      width: 100%;
      padding-top: 68.85%;
      position: relative;
      overflow: hidden;
   }

   .mr_mb_tabli_img>div {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mr_mb_tabli_img>div>img {
      max-width: 100%;
      transition: all 0.3s;
   }

   .mr_mb_tabli_box ul li a:hover .mr_mb_tabli_img>div>img {
      transform: scale(1.2);
   }

   .mr_mb_tabli_txt {
      display: flex;
      flex-direction: column;
      gap: 5px;
   }

   .mr_mb_tabli_txt strong {
      height: 1.2em;
      line-height: 1.2em;
      overflow: hidden;
      display: block;
      font-size: var(--fs4);
   }

   .mr_mb_tabli_txt p {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .mr_mb_tabli_txt p span {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--fc1);
   }

   .mr_mb_tabli_txt p span:before {
      content: "";
      display: block;
      width: 1px;
      height: 18px;
      background: var(--bc4);
   }

   .mr_mb_tabli_txt p span:first-child:before {
      display: none;
   }


   /*mr_main_marke*/
   #mr_main_market {
      border-top: 1px var(--bc1) solid;
      padding-top: 50px;
      margin-top: 80px;
      position: relative;
   }

   #mr_main_market .mr_main_more {
      top: 55px;
   }

   .mr_mm_table table {
      table-layout: fixed;
      width: 100%;
   }

   .mr_mm_table thead th {
      background: var(--bgc2);
      padding: 10px 0;
      color: var(--fc6);
      font-weight: 600;
      position: relative;
   }

   .mr_mm_table thead th:before {
      content: "";
      display: block;
      position: absolute;
      width: 1px;
      height: 12px;
      background: var(--fc6);
      opacity: 0.4;
      left: 0;
      top: 50%;
      margin-top: -6px;
   }

   .mr_mm_table thead th:first-child:before {
      display: none;
   }

   .mr_mm_table tbody td {
      text-align: center;
      border-bottom: 1px var(--bc1) solid;
      padding: 10px 0;
      color: var(--fc6);
      text-align: center;
      vertical-align: middle;
   }

   .mr_mm_table tbody td p {
      display: inline-block;
   }

   .mr_mm_bt {
      background: #333;
      border-radius: 9999px;
      color: #fff;
      font-size: 0.85em;
      padding: 0px 10px;
      display: inline-block;
      margin-left: 5px;
   }

   .mr_mmbt1 {
      background: var(--bgc3);
   }

   .mr_mmbt2 {
      background: var(--bgc4);
   }

   .mr_mmbt3 {
      background: var(--bgc5);
   }

   .mr_mm_state {
      color: var(--mc1);
      font-weight: 500;
   }

   .mr_main_notice {
      margin-top: 80px;
      display: flex;
      justify-content: space-between;
   }

   .mr_main_notice section {
      width: 49%;
      box-sizing: border-box;
      position: relative;
      padding: 30px 40px;
      height: 310px;
   }

   .mr_main_notice section .mr_main_tit {
      font-size: var(--fs7);
      margin-bottom: 20px;
   }

   .mr_main_notice section .mr_main_more {
      top: 35px;
      right: 35px;
   }

   .mr_main_notice section .mr_main_more a {
      border-color: transparent;
      font-size: var(--fs6);
      transition: all 0.3s;
   }

   .mr_main_notice section#mr_board1 {
      background: var(--bgc6)
   }

   .mr_main_notice section#mr_board2 {
      background: var(--bgc7)
   }

   .mr_board_list {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   .mr_board_list li {
      display: flex;
      gap: 10px;
   }

   .mr_board_list a {
      color: var(--fc6);
      flex-grow: 1;
      height: 1.5em;
      line-height: 1.5em;
      overflow: hidden;
      position: relative;
      padding-left: 10px;
   }

   .mr_board_list a:before {
      content: "";
      display: block;
      background: var(--fc7);
      width: 5px;
      height: 5px;
      border-radius: 999px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -3px;
   }

   .mr_board_list a:hover {
      text-decoration: underline;
   }

   .mr_board_list span {
      flex-shrink: 0;
      color: var(--fc7);
   }

   /*footer*/
   footer {
      border-top: 1px var(--bc1) solid;
      padding-bottom: 50px;
   }

   .mr_foot_top {
      border-bottom: 1px var(--bc1) solid;
   }

   .mr_ft_area {
      width: 1280px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 10px;
      height: 55px;
   }

   .mr_ft_area ul {
      flex-grow: 1;
      display: flex;
   }

   .mr_ft_area ul a {
      padding: 0 10px;
      font-weight: 500;
   }

   .mr_ft_area select {
      flex-shrink: 0;
      height: 55px;
      border: 0;
      border-left: 1px var(--bc1) solid;
      padding: 0 20px;
      color: var(--fc1);
   }

   .mr_ft_area p {
      flex-shrink: 0;
      background: var(--fc5);
      cursor: pointer;
      padding: 0px 20px;
      color: #fff;
      height: 56px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 1.025em;
      letter-spacing: 0em;
      margin-top: -1px;
   }

   .mr_foot_area {
      color: var(--fc1);
      width: 1280px;
      padding-top: 20px;
      margin: 0 auto;
      box-sizing: border-box;
      padding-right: 500px;
      display: flex;
      flex-wrap: wrap;
      gap: 5px 15px;
      font-size: 0.9em;
      background-image: url(img/foot_logo.png);
      background-size: 200px 79px;
      background-position: 100% 20px;
      background-repeat: no-repeat;
   }

   .mr_fa_copy {
      width: 100%;
      opacity: 0.6;
      margin-top: 10px;
   }


   /*view_popup*/
   .mr_view_popup {
      display: none;
   }

   .mr_view_pop_area {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9999999;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mr_vipo_close {
      width: 50px;
      height: 50px;
      background: var(--mc1);
      color: #fff;
      font-size: 25px;
      position: sticky;
      margin-left: auto;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 0px;
   }

   .mr_vipo_box {
      width: 1100px;
      height: 90%;
      overflow-x: hidden;
      overflow-y: scroll;
      background: #fff;
      box-sizing: border-box;
      position: relative;
   }

   .mr_vipo_top {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding: 0 20px;
   }

   .mr_vipo_tit {
      font-size: var(--fs7);
      margin-top: -20px;
   }

   .mr_vipo_info {
      display: flex;
      align-items: center;
      gap: 20px;
   }

   .mr_vipo_info li {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: var(--fs6);
   }

   .mr_vipo_info li p {
      color: var(--fc1);
      font-weight: 300;
   }

   .mr_vipo_content {
      padding: 20px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      width: 100%;
      box-sizing: border-box;
   }

   .mr_vipo_co_left {
      flex-grow: 1;
      width: 600px;
      display: flex;
      flex-direction: column;
      gap: 20px;
   }

   .mr_vipo_le_top {
      width: 100%;
      overflow: hidden;
   }

   .mr_car_img {
      display: block;
      width: 100%;
      padding-top: 68.85%;
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      border: 1px var(--bc1) solid;
   }

   .mr_car_img>div {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
   }

   .mr_car_img>div img {
      width: 100%;
      transition: all 0.3s;
   }

   .mr_car_img>div:hover img {
      transform: scale(1.2);
   }

   .mr_car_for {
      position: relative;
      height: 494px;
      overflow: hidden;
   }

   .mr_car_for_arrow {
      position: absolute;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
      z-index: 99;
   }

   .mr_car_for_arrow button {
      color: #fff;
      background: transparent;
      font-size: 50px;
   }

   .mr_car_for_slide {
      position: relative;
      z-index: 88;
   }

   .mr_car_nav_slide {
      width: calc(100% + 5px);
      margin-left: -3px;
   }

   .mr_car_nav_slide .slick-track {
      gap: 10px;
   }

   .mr_car_nav_arrow {
      display: flex;
      align-items: center;
      justify-content: end;
      margin: 23px 0 10px;
   }

   .mr_car_nav_arrow button {
      background: #fff;
      border: 1px var(--bc1) solid;
      font-size: var(--fs3);
      margin-left: -1px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--fc7);
   }

   .mr_vipo_le_link {
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 5px;
   }

   .mr_vipo_le_link a {
      padding: 5px 15px;
      color: #fff;
      background: var(--mc1);
      transition: all 0.3s;
      font-size: var(--fs6);
      font-weight: 500;
   }

   .mr_vipo_le_link a:hover {
      background: var(--fc4);
   }

   .mr_vipo_le_content {
      display: flex;
      flex-direction: column;
      border-top: 1px var(--bc1) solid;
   }

   .mr_vipo_le_content dl {
      border-bottom: 1px var(--bc1) solid;
      padding: 24px 0;
      display: flex;
      gap: 30px;
      align-items: baseline;
   }

   .mr_vipo_le_content dl dt {
      font-size: var(--fs2);
   }

   .mr_vipo_le_content dl dd {
      color: var(--fc1);
   }

   .mr_vipo_le_banner a {
      display: block;
      width: 100%;
   }

   .mr_vipo_le_banner img {
      width: 100%;
   }


   .mr_vipo_co_right {
      width: 310px;
      display: flex;
      flex-direction: column;
      gap: 20px;
   }

   .mr_vipo_ri_ski {
      border: 1px var(--bc3) solid;
      box-sizing: border-box;
      padding: 20px;
   }

   .mr_vipo_ri_ski dt strong {
      font-size: var(--fs2);
      font-weight: 400;
   }

   .mr_vipo_ri_ski dt p {
      display: flex;
      gap: 10px;
      font-size: var(--fs6);
      color: var(--fc1);
   }

   .mr_vipo_ri_ski dt p span {
      display: flex;
      gap: 10px;
      align-items: center;
   }

   .mr_vipo_ri_ski dt p span:before {
      content: "";
      width: 1px;
      height: 12px;
      background: var(--fc1);
      opacity: 0.5;
   }

   .mr_vipo_ri_ski dt p span:first-child:before {
      display: none;
   }

   .mr_vipo_ri_ski dd {
      margin-top: 20px;
   }

   .mr_vipo_ri_ski_list {
      display: flex;
      flex-direction: column;
      gap: 11px;
   }

   .mr_vipo_ri_ski_list li {
      display: flex;
      border-top: 1px var(--bc1) solid;
      padding-top: 11px;
      font-size: 0.95em;
   }

   .mr_vipo_ri_ski_list li span {
      font-weight: 500;
   }

   .mr_vipo_ri_ski_list li div {
      flex-grow: 1;
      text-align: right;
      color: var(--fc1);
   }

   .mr_vipo_ri_link {
      color: var(--bgc3);
      border: 1px var(--bgc3) solid;
      border-radius: 9999px;
      padding: 3px 10px;
      transition: all 0.3s;
      font-weight: 500;
      font-size: 0.95em;
   }

   .mr_vipo_ri_link:hover {
      color: #fff;
      background: var(--bgc3);
   }

   .mr_vipo_ri_ski_list li div .mr_vipo_ri_p1 {
      font-weight: 500;
      color: var(--mc1);
   }

   .mr_vipo_ri_seller {
      border: 1px var(--bc1) solid;
      box-sizing: border-box;
      padding: 20px;
   }

   .mr_seller_top {
      display: flex;
      gap: 10px;
      align-items: center;
   }

   .mr_seller_img {
      width: 100px;
      flex-shrink: 0;
      box-sizing: border-box;
      border: 1px var(--bc1) solid;
      position: relative;
      padding-top: 80px;
      overflow: hidden;
      border-radius: var(--radi1);
   }

   .mr_seller_img>div {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mr_seller_img>div>img {
      width: 100%;
   }

   .mr_seller_txt {
      flex-grow: 1;
      line-height: 1.3;
   }

   .mr_seller_txt span {
      color: var(--fc7);
      font-size: var(--fs6);
   }

   .mr_seller_txt p strong {
      font-weight: 700;
      font-size: 1.25em;
   }

   .mr_seller_txt a {
      font-size: 0.95em;
      font-weight: 700;
      display: flex;
      align-items: center;
   }

   .mr_seller_btn {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
   }

   .mr_seller_btn a {
      font-size: 0.95em;
      transition: all 0.3s;
   }

   .mr_sell_b1 {
      width: 100%;
      background: var(--bgc8);
      color: #fff;
      padding: 7px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .mr_sell_b1:hover {
      background: var(--fc6);
   }

   .mr_sell_b2 {
      flex: 1 1 40%;
      box-sizing: border-box;
      border: 2px var(--bc2) solid;
      color: var(--bgc8);
      padding: 5px;
      text-align: center;
   }

   .mr_sell_b2:hover {
      border-color: var(--fc6);
      color: var(--fc6);
   }

   .mr_vipo_ri_slide dt {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .mr_vipo_ri_slide dt p {
      font-size: var(--fs4);
   }

   .mr_risl_arrow {
      display: flex;
      align-items: center;
   }

   .mr_risl_arrow button {
      background: #fff;
      border: 1px var(--bc1) solid;
      font-size: var(--fs3);
      margin-left: -1px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--fc7);
   }

   .mr_vipo_ri_slide dd {
      width: calc(100% + 8px);
      overflow: hidden;
      margin-left: -2px;
      margin-top: 10px;
   }

   .mr_risl_img {
      box-sizing: border-box;
      border: 1px var(--bc1) solid;
   }

   .mr_risl_img>div {
      display: block;
      width: 100%;
      padding-top: 68.85%;
      position: relative;
      overflow: hidden;
   }

   .mr_risl_img>div>a {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
   }

   .mr_risl_img>div>a img {
      width: 100%;
      transition: all 0.3s;
   }

   .mr_risl_img>div>a:hover img {
      transform: scale(1.2);
   }

   .mr_vipo_ri_slide dd .slick-track {
      gap: 10px;
   }


   /*sub counter*/
   .mr_sub_conter {
      box-sizing: border-box;
      width: 100%;
      padding: 20px 0;
      background: var(--bgc9);
   }

   .mr_sub_conter ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 1280px;
      margin: 0 auto;
   }

   .mr_sub_conter ul li {
      width: 33%;
      color: var(--fc5);
      box-sizing: border-box;
      padding: 0 40px;
      position: relative;
   }

   .mr_sub_conter ul li:before {
      content: "";
      display: block;
      width: 1px;
      height: 40px;
      border-left: 1px rgba(255, 255, 255, 0.5) dashed;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -20px;
      opacity: 0.3;
   }

   .mr_sub_conter ul li:first-child:before {
      display: none;
   }

   .mr_sub_conter ul li dl {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: var(--fs4);
      color: #fff;
   }

   .mr_sub_conter ul li dt {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .mr_sub_conter ul li dt img {
      width: 36px;
   }

   .mr_sub_conter ul li dd {
      display: flex;
      align-items: baseline;
      gap: 5px;
   }

   .mr_sub_conter ul li dd strong {
      font-size: 1.5em;
      font-weight: 800;
   }

   /*sub*/
   .mr_sub_area {
      width: 1280px;
      margin: 0 auto;
      padding: 30px 0 80px;
   }

   /*sub top*/
   .mr_sub_top {
      position: relative;
      margin-bottom: 20px;
   }

   .mr_st_nav {
      display: flex;
      gap: 2px;
      align-items: center;
      font-size: var(--fs3);
      opacity: 0.7;
   }

   .mr_st_tit {
      font-size: var(--fs5);
   }

   .mr_sponser {
      position: absolute;
      right: 0;
      bottom: 0;
      text-align: right;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
   }

   .mr_sponser dt {
      background: var(--fc3);
      color: #fff;
      border-radius: 9999px;
      padding: 0 10px;
      font-size: var(--fs6);
   }

   .mr_sponser dd {
      color: var(--fc3);
      display: flex;
      align-items: center;
      font-weight: 700;
      font-size: var(--fs2);
   }


   /*sub sponser list*/
   .mr_sub_sponser_list ul {
      display: flex;
      gap: 1.5%;
   }

   .mr_sub_sponser_list li {
      width: 15.416%;
   }

   .mr_sub_sponser_list a {
      dislay: block;
      width: 100%;
   }

   .mr_spon_li_img {
      width: 100%;
      padding-top: 68.85%;
      position: relative;
      overflow: hidden;
      border: 1px var(--bc1) solid;
      box-sizing: border-box;
   }

   .mr_spon_li_img>div {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mr_spon_li_img>div>img {
      max-width: 80%;
      transition: all 0.3s;
   }

   .mr_sub_sponser_list a:hover .mr_spon_li_img>div>img {
      transform: scale(1.2);
   }

   .mr_spon_li_txt {
      margin-top: 10px;
   }

   .mr_spon_li_txt p {
      font-weight: 600;
      line-height: 1.5em;
      height: 1.5em;
      overflow: hidden;
   }

   .mr_spon_li_txt span {
      font-size: var(--fs6);
      opacity: 0.7;
   }

   /*sub search box*/
   .mr_sub_list_search {
      border-top: 2px var(--fc3) solid;
      padding: 20px 0 30px;
      margin-top: 30px;
      display: flex;
      gap: 10px;
      font-size: 0.95em;
      color: var(--fc1);
   }

   .mr_sub_list_search>ul {
      flex-grow: 1;
      display: flex;
      border-left: 1px var(--bc1) solid;
      position: relative;
   }

   .mr_sub_list_search>ul>li {
      width: 20%;
   }

   .mr_lise_tit {
      box-sizing: border-box;
      padding: 0 15px;
      height: 65px;
      border: 1px var(--bc1) solid;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-left: 0;
      cursor: pointer;
   }

   .mr_lise_name {
      flex-shrink: 0;
      width: 280px;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      border: 1px var(--bc1) solid;
      padding: 0 15px;
   }

   .mr_lise_name p {
      flex-shrink: 0;
      padding-right: 15px;
   }

   .mr_lise_name input {
      border: 0;
      padding: 5px;
      flex-grow: 1;
      border-left: 1px var(--bc1) solid;
      width: 160px;
   }

   .mr_lise_box {
      position: absolute;
      width: 1280px;
      background: var(--bgc1);
      top: 64px;
      left: -1px;
      padding: 20px;
      box-sizing: border-box;
      border: 1px var(--bc1) solid;
      display: none;
      z-index: 1;
   }

   .mr_lise_box.current {
      display: block;
   }

   .mr_lise_p1 {
      font-size: var(--fs6);
   }

   .mr_lise_p1 span {
      color: var(--mc5);
      font-weight: 500;
   }

   .mr_lise_list {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 10px;
   }

   .mr_lise_list li {
      width: 15%
   }

   .mr_lise_list li a {
      display: flex;
      align-items: center;
      gap: 5px;
      color: var(--fc5);
   }

   .mr_lise_list li a:before {
      content: "";
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 999px;
      background: var(--bgc8);
      opacity: 0.6;
   }

   .mr_lise_list li a:hover {
      color: var(--fc0);
      font-weight: 500;
   }

   .mr_lise_close {
      position: absolute;
      right: 0;
      top: 0;
      width: 38px;
      height: 38px;
      background: var(--bgc9);
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
   }

   .mr_lise_selc {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px;
   }

   .mr_lise_selc select {
      flex-grow: 1;
      height: 45px;
      padding: 10px;
      border: 1px rgba(0, 0, 0, 0.2) solid;
      background: rgba(255, 255, 255, 0.8);
      border-radius: var(--radi1);
      -moz-appearance: none;
      /* Firefox */
      -webkit-appearance: none;
      /* Safari and Chrome */
      appearance: none;
      background-image: url("img/select_arrow.png");
      background-repeat: no-repeat;
      background-position: 96% center;
      background-size: 1.2rem;
      color: var(--fc5);
      font-size: 0.95em;
   }

   .mr_lise_selc span {
      flex-shrink: 0;
      text-align: center;
      font-size: 1.125em;
   }

   .mr_lise_selc button {
      border: 0;
      background: var(--fc5);
      height: 45px;
      padding: 0 50px;
      color: #fff;
      flex-shrink: 0;
      border-radius: var(--radi1);
      cursor: pointer;
   }

   .mr_lise_selct {
      display: flex;
      flex-grow: 1;
      border-left: 1px var(--bc1) solid;
   }

   .mr_lise_selct select {
      width: 14.28%;
      border-radius: 0;
      border: 1px var(--bc1) solid;
      color: var(--fc1);
      height: 60px;
      padding: 15px;
      border-left: 0;
      -moz-appearance: none;
      /* Firefox */
      -webkit-appearance: none;
      /* Safari and Chrome */
      appearance: none;
      background-image: url("img/select_arrow.png");
      background-repeat: no-repeat;
      background-position: 90% center;
      background-size: 1.2rem;
   }

   .mr_lise_btn {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5px;
      box-sizing: border-box;
   }

   .mr_lise_btn a {
      padding: 0 30px;
      height: 45px;
      border: 2px var(--fc3) solid;
      color: var(--fc3);
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mr_lise_btn a.mr_lise_b1 {
      background: var(--bgc9);
      color: #fff;
      border-color: var(--bgc9);
   }

   .mr_lise_ul1 ul {
      display: flex;
      flex-wrap: wrap;
      gap: 20px 2%;
      border-top: 2px var(--fc3) solid;
      padding-top: 30px;
      margin-top: 50px;
   }

   .mr_lise_ul1 li {
      width: 45%;
      border: 1px var(--bc1) solid;
      box-sizing: border-box;
      display: flex;
	  margin-left: 30px;
   }

   .mr_lise_ul1 li a {}

   .mr_liseul1_img {
      width: 240px;
      padding-top: 200px;
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      border-right: 1px var(--bc1) solid;
      flex-shrink: 0;
   }

   .mr_liseul1_img>div {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mr_liseul1_img>div>img {
      max-width: 80%;
      transition: all 0.3s;
   }

   .mr_lise_ul1 li a:hover .mr_liseul1_img>div>img {
      transform: scale(1.2);
   }

   .mr_liseul1_txt {
      flex-grow: 1;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      justify-content: space-between;
   }

   .mr_liseul1_t1 {
      font-weight: 500;
      font-size: 1.05em;
      height: 1.5em;
      line-height: 1.5em;
      overflow: hidden;
   }

   .mr_liseul1_t2 {
      display: flex;
      opacity: 0.7;
      align-items: center;
      font-size: 0.9em;
      gap: 7px;
   }

   .mr_liseul1_t2 span {
      display: flex;
      align-items: center;
      gap: 7px;
   }

   .mr_liseul1_t2 span:before {
      content: "";
      display: block;
      width: 1px;
      height: 15px;
      background: var(--fc7);
   }

   .mr_liseul1_t2 span:first-child:before {
      display: none;
   }

   .mr_liseul1_t3 {
      flex-grow: 1;
      display: flex;
      gap: 5px;
      font-size: var(--fc3);
      align-items: flex-start;
      margin-top: 1px;
   }

   .mr_liseul1_t3 em {
      color: var(--mc2);
      border: 1px var(--mc2) solid;
      padding: 0 10px;
      border-radius: 999px;
      font-size: 0.85em;
   }

   .mr_liseul1_t4 {
      display: flex;
      justify-content: space-between;
      color: var(--fc3);
      line-height: 1em;
   }

   .mr_liseul1_t4 strong {
      font-weight: 700;
      font-size: 1.5em;
   }

   .mr_liked {
      font-size: 28px;
   }

   .mr_liseul1_t4 i.liked {
      color: var(--bgc3);
   }


   .mr_paging {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      margin-top: 50px;
   }

   .mr_paging i {
      opacity: 0.8;
   }

   .mr_paging a {
      display: flex;
      align-items: center;
      font-weight: 300;
      font-size: var(--fs6);
      opacity: 0.6;
   }

   .mr_paging strong {
      font-size: var(--fs6);
      background: var(--bgc1);
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
   }


   /* ±Þ¿©ÇüÅ ¹îÁö (ÁöÀԸŸŠsub6) */
   .mr-badge-bosut {
      display: inline-block;
      padding: 3px 6px;
      font-size: 11px;
      font-weight: bold;
      border-radius: 4px;
      color: #fff;
      line-height: 1;
   }

   .mr-badge-bosut.type-1 {
      background-color: #007bff;
   }

   /* ¿ÏÁ¦: Blue */
   .mr-badge-bosut.type-2 {
      background-color: #28a745;
   }

   /* ¹«Á¦: Green */
   .mr-badge-bosut.type-3 {
      background-color: #17a2b8;
   }

   /* ¿ÏÁ¦±Þ: Cyan */
   .mr-badge-bosut.type-4 {
      background-color: #ffc107;
      color: #333;
   }

   /* ¼ø¼ö: Yellow */
   .mr-badge-bosut.type-5 {
      background-color: #dc3545;
   }

   /* ¸ÅÃâ: Red */
   /* =========================================
   ÁöÀԸŸŠ(sub6) °øÅë CSS
   ========================================= */


   /* °Ô½ÃÆÇ °øÅë ¹öÆ° */
   .bbs-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 6px 12px;
      font-size: 13px;
      border-radius: var(--bbs-radius);
      text-decoration: none;
      border: 1px solid transparent;
      cursor: pointer;
   }

   .bbs-btn-primary {
      background: var(--bbs-primary);
      color: #fff;
   }

   .bbs-btn-primary:hover {
      background: #0f2548;
      color: #fff;
   }

   .bbs-btn-accent {
      background: var(--bbs-accent);
      color: #fff;
   }

   .bbs-btn-accent:hover {
      background: #d97000;
      color: #fff;
   }

   .bbs-btn-outline {
      border-color: #ced4da;
      background: #fff;
      color: #333;
   }

   .bbs-btn-secondary {
      background: #6c757d;
      color: #fff;
   }

   .bbs-btn-danger {
      background: #dc3545;
      color: #fff;
   }

   /* 1. ÁöÀԸŸŠ¸ñ·Ï (sub6.html) */
   .bbs-wrapper {
      width: 100%;
      margin: 30px auto;
      font-family: 'Malgun Gothic', sans-serif;
      font-size: 13px;
   }

   .bbs-card {
      background: #fff;
      border: 1px solid #dee2e6;
      border-radius: var(--bbs-radius);
      padding: 15px;
      margin-bottom: 20px;
   }

   .bbs-title-banner {
      background: var(--bbs-primary);
      color: #fff;
      padding: 10px 20px;
      border-radius: var(--bbs-radius);
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: bold;
   }

   .bbs-table {
      width: 100%;
      border-top: 2px solid var(--bbs-primary);
      margin-bottom: 15px;
   }

   .bbs-table th {
      background: #f8f9fa;
      text-align: center;
      padding: 10px;
      border-bottom: 1px solid #dee2e6;
      font-size: 14px;
   }

   .bbs-table td {
      padding: 10px;
      border-bottom: 1px solid #dee2e6;
      vertical-align: middle;
      font-size: 14px;
   }

   .bbs-page-btn {
      display: inline-block;
      padding: 5px 10px;
      border: 1px solid #dee2e6;
      margin: 0 2px;
      color: #333;
      text-decoration: none;
   }

   .bbs-page-btn.active {
      background: var(--bbs-primary);
      color: #fff;
      border-color: var(--bbs-primary);
   }

   /* 2. ÁöÀԸŸŠµî·Ï/¼öÁ¤ Æû (sub6_form.html) */
   .form-wrapper {
      width: 100%;
      margin: 30px auto;
      background: #fff;
      border: 1px solid #dee2e6;
      border-radius: var(--bbs-radius);
      padding: 30px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   }

   .form-title {
      font-size: 18px;
      font-weight: bold;
      color: var(--bbs-primary);
      border-bottom: 2px solid var(--bbs-primary);
      padding-bottom: 12px;
      margin-bottom: 25px;
   }

   .form-label {
      font-weight: bold;
      color: #333;
      font-size: 13px;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      height: 100%;
   }

   .form-group {
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px dashed #eee;
   }

   .form-group:last-child {
      border-bottom: none;
      margin-bottom: 0;
   }

   .required {
      color: #dc3545;
      margin-left: 3px;
   }

   /* 3. ÁöÀԸŸŠ»ó¼¼º¸±â Æ˾÷ (sub6_open.html) */
   body.popup-body {
      font-family: 'Malgun Gothic', sans-serif;
      font-size: 13px;
      background: #f4f6f9;
      padding: 15px;
   }

   .detail-card {
      background: #fff;
      border: 1px solid #dee2e6;
      border-radius: var(--bbs-radius);
      padding: 20px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   }

   .detail-header {
      border-bottom: 2px solid var(--bbs-primary);
      padding-bottom: 12px;
      margin-bottom: 15px;
   }

   .detail-title {
      font-size: 16px;
      font-weight: bold;
      color: var(--bbs-primary);
      margin: 0;
   }

   .info-table th {
      background: #f8f9fa;
      color: #333;
      font-weight: bold;
      width: 110px;
      padding: 10px;
      border-bottom: 1px solid #dee2e6;
      vertical-align: middle;
      text-align: right;
      border-right: 1px solid #dee2e6;
   }

   .info-table td {
      padding: 10px 15px;
      border-bottom: 1px solid #dee2e6;
      vertical-align: middle;
   }

   .info-table tr:last-child th,
   .info-table tr:last-child td {
      border-bottom: none;
   }

   .contact-box {
      background: #f0f4f8;
      border-radius: var(--bbs-radius);
      padding: 15px;
      margin-top: 15px;
   }

   /* ============================================================
   ë¡??????Ž˜???? ë°????˜• ????????(PC)
   ============================================================ */

   @media screen and (min-width: 1025px) {
      .mr_login_wrap {
         padding: 50px 0 80px;
      }
   }

   @media screen and (min-width: 769px) and (max-width: 1024px) {
      .mr_login_wrap {
         flex-direction: column;
         align-items: center;
         gap: 30px;
      }

      .mr_login_visual,
      .mr_login_card {
         max-width: 600px;
         width: 100%;
      }
   }

   /* =======================================================
   ¸¶ÀÌÆäÀÌÁö ¸Å¹° ¸ñ·Ï (My Car List) - Design Rebuild
   ======================================================= */
   .mr_mycar_wrap {
      width: 100%;
      margin: 30px auto 60px;
      font-family: 'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;
      color: #333;
   }

   .mr_mycar_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 2px solid #222;
   }

   .mr_mycar_top_btns {
      display: flex;
      gap: 8px;
   }

   .mr_mycar_btn {
      padding: 8px 16px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 4px;
      border: none;
      cursor: pointer;
      transition: all 0.2s;
   }

   .mr_btn_gray {
      background-color: #f1f3f5;
      color: #495057;
      border: 1px solid #ced4da;
   }

   .mr_btn_gray:hover {
      background-color: #e9ecef;
   }

   .mr_btn_point {
      background-color: #009482;
      color: #fff;
   }

   .mr_btn_point:hover {
      background-color: #007c6d;
   }

   .mr_mycar_list_box {
      width: 100%;
      overflow-x: auto;
   }

   .mr_mycar_table {
      width: 100%;
      min-width: 900px;
      border-collapse: collapse;
      background-color: #fff;
   }

   .mr_mycar_table th {
      background-color: #f8f9fa;
      color: #495057;
      padding: 15px 10px;
      font-size: 14px;
      font-weight: 600;
      border-bottom: 1px solid #dee2e6;
      text-align: center;
   }

   .mr_mycar_table td {
      padding: 15px 10px;
      vertical-align: middle;
      border-bottom: 1px solid #f1f3f5;
      text-align: center;
      transition: background-color 0.2s;
   }

   .mr_mycar_table tbody tr:hover td {
      background-color: #fcfdfe;
   }

   .col_chk {
      width: 5%;
   }

   .col_img {
      width: 12%;
   }

   .col_info {
      width: 35%;
      text-align: left !important;
   }

   .col_year {
      width: 15%;
   }

   .col_price {
      width: 13%;
   }

   .col_status {
      width: 10%;
   }

   .col_action {
      width: 10%;
   }

   .mr_mycar_img {
      width: 100px;
      height: 75px;
      overflow: hidden;
      border-radius: 6px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      margin: 0 auto;
   }

   .mr_mycar_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .mr_car_title {
      display: block;
      font-size: 16px;
      font-weight: 700;
      color: #212529;
      margin-bottom: 4px;
   }

   .mr_car_opt {
      font-size: 13px;
      color: #868e96;
   }

   .mr_car_year {
      font-size: 15px;
      font-weight: 600;
      color: #343a40;
   }

   .mr_car_km {
      font-size: 13px;
      color: #868e96;
      margin-top: 2px;
   }

   .mr_price_txt {
      font-size: 18px;
      font-weight: 700;
      color: #e03131;
   }

   .mr_mycar_badge {
      display: inline-block;
      padding: 5px 10px;
      font-size: 12px;
      font-weight: 600;
      border-radius: 20px;
   }

   .badge_on {
      background-color: #e3fafc;
      color: #0c8599;
   }

   .badge_off {
      background-color: #f1f3f5;
      color: #868e96;
   }

   .mr_mycar_action {
      display: flex;
      flex-direction: column;
      gap: 6px;
      align-items: center;
   }

   .mr_mycar_sbtn {
      display: inline-block;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: 500;
      border-radius: 4px;
      border: 1px solid transparent;
      text-decoration: none;
      transition: all 0.2s;
      width: 50px;
   }

   .sbtn_modify {
      color: #009482;
      border-color: #009482;
      background: transparent;
   }

   .sbtn_modify:hover {
      background: #009482;
      color: #fff;
   }

   .sbtn_delete {
      color: #fa5252;
      border-color: #fa5252;
      background: transparent;
   }

   .sbtn_delete:hover {
      background: #fa5252;
      color: #fff;
   }

   .mr_mycar_paging {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 30px;
   }

   .mr_page_btn,
   .mr_page_on {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 32px;
      height: 32px;
      padding: 0 10px;
      font-size: 14px;
      border-radius: 4px;
      text-decoration: none;
      transition: all 0.2s;
   }

   .mr_page_btn {
      background-color: #fff;
      border: 1px solid #dee2e6;
      color: #495057;
   }

   .mr_page_btn:hover {
      background-color: #f8f9fa;
      color: #212529;
   }

   .mr_page_on {
      background-color: #009482;
      border: 1px solid #009482;
      color: #fff;
      font-weight: 700;
   }

   /* üũ¹Ú½º µðÀÚÀÎ */
   .mr_chk {
      width: 18px;
      height: 18px;
      cursor: pointer;
   }

   .rule {
      margin-top: 30px;
      font-size: 16px;
   }

   .rule h4 {
      font-weight: 700;
      position: relative;
      font-size: 1.125em;
      color: #151d8d;
      padding-left: 10px;
      margin-top: 30px;
      margin-bottom: 10px;
      border-top: 1px #e0e0e0 solid;
      padding-top: 20px;
   }

   .rule h4:after {
      content: "";
      width: 3px;
      height: 16px;
      background: #151d8d;
      position: absolute;
      left: 0;
      top: 25px;
   }

   .rule h4:first-child {
      border-top-width: 0;
   }

   .rule h5 {
      font-size: 1em;
      color: #222;
      font-weight: 700;
      margin-top: 15px;
   }

   .rule h5 span {
      font-weight: 500;

   }

   .rule ol.ols {
      margin-bottom: 10px;
      margin-left: 0px;
      padding-left: 12px;

      list-style: outside;
   }

   .rule ol.ols li {
      list-style-type: decimal !important;
      line-height: 180%;
      margin: 0 8px;
   }

   .rule h6 {
      font-size: 1em;
      margin-top: 10px;
      margin-bottom: 5px;
      font-weight: 500;
      position: relative;
   }

   ul.uls {
      margin-bottom: 16px;
      margin-left: 10px;
      padding-left: 12px;
      list-style: outside;
   }

   ul.uls li {
      list-style-type: disc;
   }

   dl.dls {
      margin-bottom: 16px;
   }

   dl.dls dt {
      color: #2aa400;
      font-weight: bold;
   }

   dl.dls dd {
      padding: 0 0 10px 20px;
   }

   /*Àλ縻*/
   .s11-top {
      text-align: center;
   }

   .s11-top dt {
      background: url(img/logo.png);
      background-size: 300px 117px;
      background-position: 50% 0;
      background-repeat: no-repeat;
      padding-top: 150px;
      color: #005ebe;
      font-size: 30px;
      font-weight: 600;
   }

   .s11-top dd {
      font-weight: 500;
      font-size: 20px;
      color: #29333f;
      margin-top: 20px;
   }


   .s11-box {
      text-align: center;
      border-top: 1px #e0e0e0 solid;
      margin-top: 50px;
      padding-top: 50px;
      display: flex;
      gap: 50px;
   }

   .s11b-img {
      flex-shrink: 0;
      width: 430px;
   }

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

   .s11b-txt {
      flex-grow: 1;
      word-break: keep-all;
   }

   .s11b-txt dl {
      margin-top: 20px;
   }

   .s11b-txt dl:first-child {
      margin-top: 0;
   }

   .s11b-txt dt {
      position: relative;
      color: #0c246a;
      font-size: 30px;
      font-weight: 600;
      padding-left: 12px;
   }

   .s11b-txt dd {
      padding-left: 12px;
      margin-top: 30px;
      font-weight: 500;
      color: #29333f;
      font-size: 1.05em;
   }

   /* ¸ð¹ÙÀÏ ´ëÀÀ */
   @media screen and (max-width: 768px) {
      .mr_mycar_wrap {
         padding: 0 15px;
      }
   }

   /* =======================================================
   ¸¶ÀÌÆäÀÌÁö ÅÇ ¸Þ´º (My Page Tab Menu)
   ======================================================= */
   .mr_mypage_tab_wrap {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto 30px;
      font-family: 'Malgun Gothic', '¸¼Àº °íµñ', sans-serif;
   }

   .mr_mypage_count_info {
      text-align: right;
      margin-bottom: 10px;
      font-size: 14px;
      color: #495057;
   }

   .mr_mypage_count_info .mr_count_item {
      display: inline-block;
   }

   .mr_mypage_count_info .mr_count_divider {
      display: inline-block;
      margin: 0 10px;
      color: #dee2e6;
   }

   .mr_mypage_count_info strong {
      font-weight: 700;
   }

   .mr_mypage_count_info .txt_point {
      color: #e03131;
      font-size: 15px;
   }

   .mr_mypage_tab {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
      border-bottom: 2px solid #009482;
   }

   .mr_mypage_tab li {
      flex: 1;
      text-align: center;
   }

   .mr_mypage_tab li a {
      display: block;
      padding: 14px 0;
      font-size: 15px;
      font-weight: 600;
      color: #495057;
      text-decoration: none;
      background-color: #f8f9fa;
      border: 1px solid #dee2e6;
      border-bottom: none;
      margin-right: -1px;
      transition: all 0.2s;
   }

   .mr_mypage_tab li:last-child a {
      margin-right: 0;
   }

   .mr_mypage_tab li a:hover {
      background-color: #e9ecef;
      color: #212529;
   }

   .mr_mypage_tab li.active a {
      background-color: #009482;
      color: #ffffff;
      border-color: #009482;
   }

   @media screen and (max-width: 768px) {
      .mr_mypage_tab_wrap {
         padding: 0 15px;
      }

      .mr_mypage_tab {
         flex-wrap: wrap;
      }

      .mr_mypage_tab li {
         flex: 0 0 50%;
         margin-bottom: -1px;
      }

      .mr_mypage_tab li a {
         border-bottom: 1px solid #dee2e6;
      }

      .mr_mypage_tab li.active a {
         border-bottom-color: #009482;
      }
   }

   /* =======================================================
   ³» Á¤º¸ º¸±â (My Info View) - Design Rebuild (Concept Matched)
   ======================================================= */
   .mr_info_wrap {
      max-width: 1280px;
      margin: 50px auto;
      font-family: 'Pretendard', sans-serif;
      color: var(--fc0);
   }

   .mr_info_header {
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 2px solid var(--bgc9);
   }

   .mr_info_title {
      font-size: var(--fs5);
      font-weight: 700;
      color: var(--fc0);
   }

   .mr_info_list {
      border-top: 2px solid var(--fc0);
      border-bottom: 1px solid var(--bc1);
   }

   .mr_info_list>div {
      display: flex;
      border-bottom: 1px solid var(--bc1);
   }

   .mr_info_list>div:last-child {
      border-bottom: none;
   }

   .mr_info_list dt {
      width: 200px;
      padding: 20px;
      background: var(--bgc2);
      font-weight: 600;
      color: var(--fc3);
      display: flex;
      align-items: center;
   }

   .mr_info_list dd {
      flex: 1;
      padding: 20px;
      color: var(--fc1);
      font-size: 15px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
   }

   .mr_info_sub {
      font-size: 13px;
      color: var(--fc7);
   }

   .mr_info_zip {
      color: var(--mc2);
      font-weight: 600;
   }

   .mr_info_pic {
      max-width: 150px;
      border: 1px solid var(--bc1);
      border-radius: var(--radi1);
   }

   .mr_info_point {
      color: var(--mc5);
      font-size: var(--fs1);
      font-weight: 700;
   }

   .mr_info_btn_group {
      margin-top: 40px;
      display: flex;
      justify-content: center;
      gap: 15px;
   }

   .mr_btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 55px;
      padding: 0 40px;
      font-size: 16px;
      font-weight: 600;
      border-radius: var(--radi1);
      text-decoration: none;
      transition: all 0.3s;
      cursor: pointer;
   }

   .mr_btn_point {
      background: var(--bgc9);
      color: #fff;
      border: 1px solid var(--bgc9);
   }

   .mr_btn_point:hover {
      background: var(--fc2);
   }

   .mr_btn_gray {
      background: #fff;
      color: var(--fc3);
      border: 1px solid var(--bc1);
   }

   .mr_btn_gray:hover {
      background: var(--bgc2);
   }

   .mr_btn_danger {
      background: #fff;
      color: var(--mc5);
      border: 1px solid var(--mc5);
   }

   .mr_btn_danger:hover {
      background: var(--mc5);
      color: #fff;
   }

   /* 768px ÀÌÇÏ ´ëÀÀ */
   @media screen and (max-width: 768px) {
      .mr_info_wrap {
         padding: 0 20px;
      }

      .mr_info_list>div {
         flex-direction: column;
      }

      .mr_info_list dt {
         width: 100%;
         padding: 15px 20px;
         border-bottom: 1px solid var(--bc1);
      }

      .mr_info_list dd {
         padding: 15px 20px;
         border-bottom: none;
      }

      .mr_info_btn_group {
         flex-direction: column;
      }

      .mr_btn {
         width: 100%;
      }
   }

   /* ÇãÀ§¸Å¹° ½Å°í ÆäÀÌÁö */
   .mr_badcar_wrap {
      max-width: 1000px;
      margin: 50px auto;
      padding: 20px;
      font-family: 'Noto Sans KR', sans-serif;
   }

   .mr_badcar_title {
      text-align: center;
      margin-bottom: 40px;
   }

   .mr_badcar_title h2 {
      font-size: 32px;
      color: #222;
      font-weight: 700;
      margin-bottom: 10px;
   }

   .mr_badcar_title p {
      font-size: 15px;
      color: #666;
   }

   .mr_badcar_form_box {
      border-top: 2px solid #222;
   }

   .mr_badcar_row {
      display: flex;
      border-bottom: 1px solid #ddd;
   }

   .mr_badcar_th {
      width: 160px;
      background: #f9f9f9;
      padding: 20px;
      font-size: 15px;
      color: #333;
      font-weight: 600;
      display: flex;
      align-items: center;
   }

   .mr_badcar_th span {
      color: #e53935;
      margin-left: 5px;
   }

   .mr_badcar_td {
      flex: 1;
      padding: 20px;
      font-size: 14px;
      color: #555;
   }

   .mr_badcar_td p {
      margin-bottom: 5px;
      line-height: 1.5;
   }

   .mr_badcar_td p:last-child {
      margin-bottom: 0;
   }

   .mr_link_url {
      color: #0056b3;
      text-decoration: underline;
   }

   .mr_badcar_radio_group {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      align-items: center;
   }

   .mr_badcar_radio_group label {
      cursor: pointer;
      display: flex;
      align-items: center;
   }

   .mr_badcar_radio_group input[type="radio"] {
      margin-right: 5px;
      margin-top: 0;
   }

   .mr_badcar_input {
      width: 100%;
      height: 45px;
      border: 1px solid #ddd;
      padding: 0 15px;
      border-radius: 4px;
      font-size: 14px;
      outline: none;
   }

   .mr_badcar_input:focus {
      border-color: #333;
   }

   .mr_badcar_textarea {
      width: 100%;
      height: 150px;
      border: 1px solid #ddd;
      padding: 15px;
      border-radius: 4px;
      font-size: 14px;
      resize: vertical;
      outline: none;
   }

   .mr_badcar_textarea:focus {
      border-color: #333;
   }

   .mr_badcar_submit_wrap {
      text-align: center;
      margin-top: 40px;
   }

   .mr_badcar_btn_submit {
      display: inline-block;
      background: #222;
      color: #fff;
      border: none;
      padding: 0 50px;
      height: 55px;
      line-height: 55px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      border-radius: 4px;
      transition: all 0.3s;
   }

   .mr_badcar_btn_submit:hover {
      background: #444;
   }

   @media (max-width: 768px) {
      .mr_badcar_row {
         flex-direction: column;
      }

      .mr_badcar_th {
         width: 100%;
         border-bottom: 1px solid #eee;
         padding: 15px;
      }

      .mr_badcar_td {
         padding: 15px;
      }
   }

   /* Á¦ÈÞ¹®ÀÇ Æû ½ºÅ¸ÀÏ */
   .mr_coop_wrap {
      max-width: 800px;
      margin: 0 auto;
      padding: 40px 20px;
   }

   .mr_coop_title {
      text-align: center;
      margin-bottom: 30px;
   }

   .mr_coop_title p {
      font-size: 16px;
      color: #555;
   }

   .mr_coop_form_box {
      border-top: 2px solid #2d75cc;
      background: #fff;
   }

   .mr_coop_row {
      display: flex;
      border-bottom: 1px solid #ddd;
      align-items: stretch;
   }

   .mr_coop_th {
      width: 150px;
      background: #f9f9f9;
      padding: 20px;
      font-weight: 600;
      color: #333;
      display: flex;
      align-items: center;
   }

   .mr_coop_th span {
      color: #e53935;
      margin-left: 5px;
   }

   .mr_coop_td {
      flex: 1;
      padding: 15px 20px;
   }

   .mr_coop_input {
      width: 100%;
      max-width: 400px;
      height: 40px;
      padding: 0 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 14px;
   }

   .mr_coop_textarea {
      width: 100%;
      height: 150px;
      padding: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 14px;
      resize: vertical;
   }

   .mr_coop_captcha {
      display: flex;
      align-items: center;
      gap: 15px;
   }

   .mr_coop_captcha_input_wrap p {
      font-size: 13px;
      color: #666;
      margin-bottom: 5px;
   }

   .mr_coop_input_short {
      width: 150px;
      height: 40px;
      padding: 0 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
   }

   .mr_coop_submit_wrap {
      text-align: center;
      margin-top: 40px;
   }

   .mr_coop_btn_submit {
      display: inline-block;
      width: 200px;
      height: 50px;
      background: #123885;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background 0.3s;
   }

   .mr_coop_btn_submit:hover {
      background: #2d75cc;
   }

   @media screen and (max-width: 768px) {
      .mr_coop_row {
         flex-direction: column;
      }

      .mr_coop_th {
         width: 100%;
         padding: 15px 20px 5px;
         background: transparent;
         border-bottom: none;
      }

      .mr_coop_td {
         padding: 5px 20px 15px;
      }

      .mr_coop_input {
         max-width: 100%;
      }

      .mr_coop_captcha {
         flex-direction: column;
         align-items: flex-start;
      }
   }

   /* =======================================================
   °øÅë Æû Å×À̺í (Common Form Table)
   ======================================================= */
   .mr_form_table {
      width: 100%;
      border-top: 2px solid var(--fc0);
      border-bottom: 1px solid var(--bc1);
      margin-bottom: 30px;
   }

   .mr_form_table th.mr_form_label {
      width: 200px;
      padding: 20px;
      background: var(--bgc2);
      font-weight: 600;
      color: var(--fc3);
      text-align: left;
      border-bottom: 1px solid var(--bc1);
      vertical-align: middle;
   }

   .mr_form_table td.mr_form_input {
      padding: 20px;
      color: var(--fc1);
      font-size: 15px;
      border-bottom: 1px solid var(--bc1);
      vertical-align: middle;
   }

   .mr_form_table tr:last-child th,
   .mr_form_table tr:last-child td {
      border-bottom: none;
   }

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

      .mr_form_table,
      .mr_form_table tbody,
      .mr_form_table tr,
      .mr_form_table th,
      .mr_form_table td {
         display: block;
         width: 100%;
      }

      .mr_form_table th.mr_form_label {
         padding: 15px 20px;
      }

      .mr_form_table td.mr_form_input {
         padding: 15px 20px;
         border-bottom: 1px solid var(--bc1);
      }

      .mr_form_table tr:last-child td {
         border-bottom: none;
      }
   }

   /* =======================================================
   ȸ¿ø Å»Åð (Withdrawal)
   ======================================================= */
   .mr_withdraw_wrap {
      max-width: 600px;
      margin: 60px auto;
      font-family: 'Pretendard', sans-serif;
      color: var(--fc0);
      border: 1px solid var(--bc1);
      border-radius: var(--radi1);
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   }

   .mr_withdraw_header {
      background: var(--bgc2);
      padding: 20px 30px;
      border-bottom: 2px solid var(--fc0);
   }

   .mr_withdraw_title {
      font-size: var(--fs4);
      font-weight: 700;
      color: var(--fc3);
      margin: 0;
   }

   .mr_withdraw_content {
      padding: 30px;
   }

   .mr_withdraw_msg {
      font-size: 15px;
      line-height: 1.6;
      color: var(--fc5);
      margin-bottom: 30px;
      background: #f8f9fa;
      padding: 20px;
      border-radius: var(--radi1);
      border: 1px solid var(--bc1);
   }

   .mr_withdraw_msg p {
      margin-bottom: 10px;
   }

   .mr_withdraw_msg p:last-child {
      margin-bottom: 0;
   }

   .mr_withdraw_form {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 30px;
      justify-content: center;
   }

   .mr_withdraw_form label {
      font-size: 16px;
      font-weight: 600;
      color: var(--fc3);
   }

   .mr_withdraw_form input[type="password"] {
      width: 200px;
      height: 45px;
      padding: 0 15px;
      border: 1px solid var(--bc1);
      border-radius: var(--radi1);
      font-size: 16px;
      outline: none;
   }

   .mr_withdraw_form input[type="password"]:focus {
      border-color: var(--bgc9);
   }

/* ============================================================
   »õ·Î¿î °¶·¯¸® ¸ñ·Ï ½ºÅ¸ÀÏ (.mr_gallery_list)
   ============================================================ */
.mr_gallery_list {
   width: 100%;
   min-width: 1280px;
   max-width: 1280px;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   gap: 20px 0;
   border-top: 2px #222 solid;
   padding-top: 30px;
   margin-top: 50px;
}

.mr_gallery_list li {
   width: 576px;
   box-sizing: border-box;
   border: 1px #e0e0e0 solid;
   display: flex;
   border-radius: 5px;
   margin: 0 32px;
   background: #fff;
   position: relative;
}

.mr_galli_img {
   width: 200px;
   height: 240px;
   position: relative;
   overflow: hidden;
   flex-shrink: 0;
}

.mr_galli_img a {
   display: flex;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   justify-content: center;
   align-items: center;
}

.mr_galli_img a img {
   max-width: 100%;
   max-height: 100%;
   object-fit: cover;
   transition: all 0.3s;
}

.mr_galli_img a:hover img {
   transform: scale(1.1);
}

.mr_gal_btn1 {
   position: absolute;
   left: 10px;
   top: 10px;
   border-radius: 5px;
   background: #05b786;
   color: #fff;
   font-size: 13px;
   padding: 2px 7px;
   line-height: 1.4;
   z-index: 2;
}

.mr_gal_btn1.mr_gabt1_1 {
   background: #686f86;
}

.mr_gal_btn2 {
   position: absolute;
   right: 10px;
   bottom: 10px;
   border-radius: 5px;
   background: #313762;
   color: #fff;
   font-size: 16px;
   padding: 2px 10px;
   display: flex;
   align-items: center;
   gap: 5px;
   line-height: 1.4;
   z-index: 2;
}

.mr_galli_txt {
   padding: 20px;
   box-sizing: border-box;
   font-size: 16px;
   color: #8592a2;
   font-weight: 600;
   flex-grow: 1;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.mr_galli_t1 {
   display: block;
   font-size: 14px;
   color: #8592a2;
}

.mr_galli_t2 {
   margin-top: 4px;
   line-height: 1.4;
}

.mr_galli_t2 strong {
   font-weight: 700;
   color: #061446;
   font-size: 1.125em;
   margin-right: 5px;
}

.mr_galli_t2 strong a {
   color: #061446;
   text-decoration: none;
}

.mr_galli_t2 strong a:hover {
   color: #4b60f7;
}

.mr_galli_t2 em {
   display: inline-flex;
   align-items: center;
   font-style: normal;
   font-size: 0.9em;
   color: #555;
}

.mr_galli_t2 em:after {
   content: "";
   display: block;
   width: 1px;
   height: 12px;
   background: #b8c2cd;
   margin-left: 5px;
   margin-right: 5px;
}

.mr_galli_t2 em:last-child:after {
   display: none;
}

.mr_galli_t3 {
   display: flex;
   padding: 10px 0;
   margin: 5px 0;
}

.mr_galli_t3 dl {
   width: 33.333%;
   position: relative;
   box-sizing: border-box;
   padding: 10px 20px;
   margin: 0;
}

.mr_galli_t3 dl:nth-child(2) {
   width: 37.333%;
}
.mr_galli_t3 dl:nth-child(3) {
   width: 29.333%;
}

.mr_galli_t3 dl:after {
   content: "";
   display: block;
   width: 1px;
   height: 90%;
   background: #dae3eb;
   position: absolute;
   left: 0;
   top: 0;
}

.mr_galli_t3 dl:first-child {
   padding-left: 0;
}

.mr_galli_t3 dl:first-child:after {
   display: none;
}

.mr_galli_t3 dl dt {
   color: #061446;
   font-size: 1.05em;
   font-weight: 700;
   margin-bottom: 3px;
}

.mr_galli_t3 dl dd {
   margin: 0;
   font-size: 0.9em;
   color: #8592a2;
   font-weight: 500;
}

.mr_galli_t3 img {
   width: 28px;
   margin-bottom: 5px;
}

.mr_galli_t4 {
   display: flex;
   flex-wrap: wrap;
   justify-content: end;
   border-top: 1px #dae3eb solid;
   padding-top: 15px;
   align-items: center;
   gap: 5px;
}

.mr_galli_t4 img {
   width: 28px;
}

.mr_galli_t4 span {
   font-size: 14px;
   color: #8592a2;
}

.mr_galli_t4 strong {
   flex-grow: 1;
   color: #061446;
   font-size: 1.05em;
   font-weight: 700;
}

.mr_galli_t4 a {
   padding: 5px 10px;
   display: flex;
   align-items: center;
   border: 1px #bdc5ff solid;
   background: #eff1fe;
   color: #5c67b6;
   border-radius: 5px;
   transition: all 0.3s;
   text-decoration: none;
   font-size: 14px;
}

.mr_galli_t4 a:hover {
   background: #5c67b6;
   border-color: #5c67b6;
   color: #fff;
}

.mr_gal_liked {
   position: absolute;
   right: 20px;
   top: 10px;
   font-size: 24px;
   color: #4b60f7;
   cursor: pointer;
}

.mr_gal_liked i.liked {
   color: #e53e3e;
}