@charset "euc_kr";

@import "base02.css";

/*ºÎµå·´°Ô À̵¿*/
html {
    scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/*¸ð¹ÙÀÏ¿¡¼­ ¿µ¿ª Ŭ¸¯½Ã »ý½Ã´Â ÆĶõ ¹Ú½º ¾ø¾Ö±â*/
input:focus{outline:none;}

html {
    -webkit-tap-highlight-color : transparent;
    /* È­¸éÀ» ±æ°Ô ´©¸£°í ÀÖÀ»¶§ ¶ß´Â Æ˾÷À̳ª ¾×¼Ç½ÃÆ®¸¦ Á¦¾î */
    -webkit-touch-callout:none;
    /* ÅؽºÆ®³ª À̹ÌÁö¸¦ ¼±ÅÃÇÒ ¼ö ÀÖ°Ô ÇÏ´Â ¿©ºÎ¸¦ Á¦¾î */
    -webkit-user-select:none;
    /* ¸µÅ©¸¦ ÅÍÄ¡ÇßÀ»¶§ ³ª¿À´Â ±âº» ¿µ¿ªÀÇ »ö»óÀ» Á¦¾î */
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

.wrap {width:1500px;margin:0 auto;position:relative;}
#TopPopup2 {display:none;}

/**header**/
#header{float:left;width: 100%;z-index: 99;position: relative;border-bottom:#eaeff4 1px solid;}
#header_inner {position: relative;}
#menu_top {width: 100%;float: left;height: 30px;text-align:right;padding-top:10px;}
.ip_add {display: inline-block;color:#404040;font-size:15px;line-height:30px;margin-right:50px;letter-spacing:0;}
.top_menu {display: inline-block;float: right;}
.top_menu ul {display: inline-block;}
.top_menu li {display: inline-block;float:left;margin-right:20px;}
.top_menu li:last-child {margin-right:0;}
.top_menu li a {display: inline-block;color:#404040;font-size:15px;line-height:30px;}
.top_menu li a i {display: inline-block;margin-right:5px;vertical-align:middle;}
.top_menu li a i img  {display: block;margin:0 auto;}
#logo {display: inline-block;position: absolute;left: 10px;top: 13px;z-index: 10;}
#logo a, #logo a img {display: block;}
#menu_container {width:100%;float:left;clear:both;position: relative;height: 90px;}

/*MENU SINGLE DROPDOWN*/
#single_dropdown #main_menu {margin-left:291px;}
#single_dropdown #main_menu ul { display: none; z-index: 99;background:#164299; /* background: url(../images/main/top_bg.png) repeat;  */position: absolute; left: 0; top: 90px; padding-top: 10px;padding-bottom: 20px; width:100%; height: auto !important; }
#single_dropdown #main_menu ul li { float: none; display: block; }
#single_dropdown #main_menu ul li a { display: block; color: #fff; font-size: 15px; padding: 8px 0 8px 9px; border-bottom: 1px solid #0f3b94; margin: 0 10px; text-align: left;word-break:keep-all;font-weight: 400;}
#single_dropdown #main_menu ul li a:hover {color:#fff;}
#single_dropdown #main_menu ul li:first-child a { border-top: none; }
#single_dropdown #main_menu ul li:last-child a { border-bottom: none; }
#single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom: none; } /*IE8 HACK*/
#single_dropdown #main_menu li a.active, #single_dropdown #main_menu li a:hover {color:#164299}
#single_dropdown #main_menu {display: inline-block;}
/* #single_dropdown #main_menu li.menu05 a {padding-right:0;} */
#single_dropdown #main_menu li {display: inline-block; float: left; position: relative; margin: 0px; text-align: center;}
#single_dropdown #main_menu li:first-child { background: none; }
#single_dropdown #main_menu li ul li { clear: both; margin: 0; width: 100%; }
#single_dropdown #main_menu > li > a {position: relative;letter-spacing: -1px;display: block;color: #000;font-size: 20px;line-height: 90px;font-weight: 500;padding: 0 30px;}
#single_dropdown #main_menu > li > a:before {content:'';display:block;width:0;height:2px;position:absolute;left:0;bottom:0;transition: 0.5s;background:transparent;}
#single_dropdown #main_menu > li > a:hover:before {width:100%;height:2px;position:absolute;left:0;bottom:0;background:#0558ab;}
#single_dropdown #main_menu li a:active { background-color: transparent; }
#single_dropdown #main_menu li a.jquery_dropdown { color: #164299;}

#total_m_lay {position: fixed;top: 0;height: 100%;box-shadow: none;z-index: 999999;}
.m_tnb {background:#fff; padding:20px 10px; text-align:left;}
.m_tnb a {border: #023b88 1px solid;color: #023b88;line-height: 1;display: inline-block;margin-right: 9px;padding: 10px 17px;border-radius: 0 5px 0 5px;}

#total_m_lay {right:-100%; width: 300px ; overflow:auto;  border:0;background:#023b88;}
.total_m {padding:20px;}
.total_m li button {position: absolute;top: 0;left: 0;width: 100%;height: 52px;text-indent: -999999999999999999999999px;overflow: hidden;background: none;border: none;}
.total_m > ul > li {position:relative; width:auto !important; font-size:18px;font-weight:400;  /*background:#fff; */ border-bottom:1px solid rgba(0,0,0,0.3);}
.total_m > ul > li > a {padding: 15px 0;color: #fff;display: block;font-size: 18px;font-weight: 500;}
.total_m > ul > li.has-sub > a {/*background:url('../img/gnb_dot.png') no-repeat right 15px center*/}
.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc;*/}
.total_m > ul > li.has-sub:before{position:absolute;top: 20px;right: 23px;width: 1px;height: 17px;margin-top:-1px;display:block;content:"";background:#fff;display: block;}
.total_m > ul > li.has-sub:after{position: absolute;top: 26px;right: 15px;width: 17px;height: 1px;display: block;content: "";background: #fff;}
.total_m > ul > li.has-sub.open > a {/*background:#93845a url('../img/gnb_dot_on.png') no-repeat right 15px center*/ }
.total_m > ul > li > ul {display:none; padding:10px 0;}
.total_m > ul > li > ul > li {font-size:16px; /*background-repeat:no-repeat; background-position:right 14px; border-top:1px solid #ddd;*/}
.total_m > ul > li > ul > li:first-child {border-top:0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display:none;}
.total_m > ul > li.has-sub.open:after{position: absolute;top: 27px;right: 15px;width: 18px;height: 1px;display: block;content: "";background: #20a8a1;}
.total_m > ul > li > ul > li > a {display:block;padding:0 0 10px; color:#fff;  font-weight:200;}
.total_m > ul > li > ul > li.open > a {color:#1e5394;}
.total_m .btnClose {display: inline-block;position: absolute;right: 15px;width: 50px;height: 50px;background: url(../images/main_new/btn_close.png) center center no-repeat;top: 14px;}
.m_login {display:none;}

#tnb {display: inline-block;position: absolute;right: 0;top: 24px;}
#top_search {display: inline-block;position: absolute; right: 53px;top: 33px;}
#tnb span, #tnb span img {display:block;}
#tnb span {padding:10px 0 10px 10px;cursor:pointer;}


/**main**/
#main_container {clear:both;width:100%;float:left;}
#main_container > div {clear:both;width:100%;float:left;}

:root {
      --main-slide-width: min(64vw, 1280px);
      --arrow-size: 70px;
    }

    .main-visual-wrap {
  width: 100%;
  background:#f4f8fd;padding:42px 0;
  overflow: hidden;
    }

  .main-visual {
      position: relative;
      width: 100%;
    }

    .main-swiper {
      width: 100%;
      overflow: visible;
    }

    .main-swiper .swiper-wrapper {
      align-items: center;
    }

    .main-swiper .swiper-slide {
      width: var(--main-slide-width);
      height: 496px;
      border-radius: 28px;
      overflow: hidden;
      opacity: 0.75;
      transition: opacity 0.35s ease, transform 0.35s ease;
    }

    .main-swiper .swiper-slide-active {
      opacity: 1;
    }

    .slide-inner {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 28px;
    }

    .slide-inner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
	.slide-inner img.mo {
      display:none;
    }
    .slide-inner::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      /*background: linear-gradient(
        90deg,
        rgba(26, 107, 212, 0.94) 0%,
        rgba(26, 107, 212, 0.82) 34%,
        rgba(26, 107, 212, 0.38) 56%,
        rgba(26, 107, 212, 0.05) 78%
      );*/
      pointer-events: none;
    }

    .slide-text {
      position: absolute;
      left: 86px;
      top: 105px;
      z-index: 2;
      color: #fff;
    }

    .slide-text h2 {
      font-size: 42px;
      line-height: 1.42;
      font-weight: 800;
      letter-spacing: -1.6px;
      margin-bottom: 38px;
	  color:#fff;
    }

    .slide-text p {
      font-size: 26px;
      line-height: 1.48;
      font-weight: 500;
      letter-spacing: -1px;
	  color:#fff;
    }
	.slide-text.black h2 {
      font-size: 42px;
      line-height: 1.42;
      font-weight: 800;
      letter-spacing: -1.6px;
      margin-bottom: 38px;
	  color:#000;
    }
.slide-text.black h2 strong {
	  color:#044abf;font-weight: 800;
    }
    .slide-text.black p {
      font-size: 26px;
      line-height: 1.48;
      font-weight: 500;
      letter-spacing: -1px;
	  color:#000;
    }

    /* Á¿ì È­»ìÇ¥ */
    .swiper-button-prev,
    .swiper-button-next {
      width: var(--arrow-size);
      height: var(--arrow-size);
      border-radius: 50%;
      background: #fff;
      color: #111;
      box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
      top: 50%;
      transform: translateY(-50%);
      margin-top: 0;
      z-index: 30;
    }

    .swiper-button-prev::after,
    .swiper-button-next::after {
      font-size: 30px;
      font-weight: 800;
    }

    /* Áß¾Ó È°¼º ¹è³Ê ¾çÂÊ ±âÁØ */
    .swiper-button-prev {
      left: calc(50% - (var(--main-slide-width) / 2) - (var(--arrow-size) / 2));
    }

    .swiper-button-next {
      right: calc(50% - (var(--main-slide-width) / 2) - (var(--arrow-size) / 2));
    }

    /* Ä¿½ºÅÒ pager */
    .main-pager {
      position: absolute;
      left: 50%;
      bottom: 35px;
      transform: translateX(-50%);
      z-index: 40;

      width: 300px;
      height: 38px;
      padding: 0 24px;

      border-radius: 999px;
      background: #fff;
      box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);

      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .pager-fraction {
      flex-shrink: 0;
      min-width: 44px;
      font-size: 16px;
      font-weight: 500;
      color: #111;
      line-height: 1;
      text-align: left;
    }

    .pager-bullets {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 14px;
    }

    .pager-bullet {
      width: 10px;
      height: 10px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: #b8b8b8;
      cursor: pointer;
      transition: background 0.25s ease, transform 0.25s ease;
    }

    .pager-bullet.active {
      background: #1763cf;
    }

    .pager-bullet:hover {
      transform: scale(1.15);
    }


    /* ¹ÝÀÀÇü */
    @media (max-width: 1440px) {
      :root {
        --main-slide-width: 68vw;
      }

      .main-swiper .swiper-slide {
        height: 440px;
      }

      .slide-text {
        left: 70px;
        top: 90px;
      }

      .slide-text h2 {
        font-size: 38px;
      }

      .slide-text p {
        font-size: 23px;
      }

      .quick-menu {
        right: 30px;
      }
    }

    @media (max-width: 1024px) {
      :root {
        --main-slide-width: 86vw;
        --arrow-size: 56px;
      }

      .main-visual-wrap {
        padding: 20px 16px 40px;
      }

      .main-swiper .swiper-slide {
        height: 390px;
      }

      .slide-text {
        left: 42px;
        top: 82px;
      }

      .slide-text h2 {
        font-size: 32px;
        margin-bottom: 28px;
      }

      .slide-text p {
        font-size: 20px;
      }

      .swiper-button-prev::after,
      .swiper-button-next::after {
        font-size: 24px;
      }

      .quick-menu {
        display: none;
      }
    }
@media (max-width: 800px) {
.slide-inner img.pc {
      display:none;
    }
	.slide-inner img.mo {
      display:block;
	  aspec-ratio:311 / 195
    }
	.slide-inner .slide-text {display:none;}
	.main-swiper .swiper-slide {
        height: auto;
        border-radius: 20px;
      }
}
    @media (max-width: 640px) {
      :root {
        --main-slide-width: 100%;
      }

     /* .main-swiper .swiper-slide {
        height: 360px;
        border-radius: 20px;
      }*/

      .slide-inner {
        border-radius: 20px;
      }

      .slide-text {
        left: 28px;
        top: 68px;
      }

      .slide-text h2 {
        font-size: 26px;
        line-height: 1.36;
        margin-bottom: 24px;
      }

      .slide-text p {
        font-size: 17px;
      }

      .swiper-button-prev,
      .swiper-button-next {
        display: none;
      }

      .main-pager {
        width: 240px;
        padding: 0 20px;
      }
    }

 @media (max-width: 480px) {
	.slide-text h2 {
        font-size: 22px;}
	.slide-text p {
        font-size: 15px;}

 }
  @media (max-width: 400px) {
 .main-pager {height: 28px;width: 210px;bottom: 15px;}
.main-visual-wrap {padding: 20px 16px 12px;}
}
* {box-sizing:border-box;}
#main_qlinks {background:#f4f8fd;padding:10px 0 50px 0;overflow:hidden;}
#main_qlinks li {width:calc(100% / 6); float:left;border-left:#ddd 1px solid; box-sizing:border-box;}
#main_qlinks li:first-child {border-left:none;}
#main_qlinks li a {display:block;}
#main_qlinks li a img{display:block;margin:0 auto 20px auto;}
#main_qlinks li a {display:block;text-align:center;font-weight:500;}
#main_01 {width:100%;float:left;}
.main_01_01 {width:100%;float:left;padding: 50px 0;}
.main_notice {width: 32%;float: left;margin-right: 2%;border:#ddd 1px solid;padding:47px;border-radius:20px;}
.main_dataorder {width: 32%;float: left;margin-right: 2%;border:#ddd 1px solid;padding:47px;border-radius:20px;}
.main_notice h2, .main_dataorder h2 {font-size:25px;font-weight:bold;color:#000;margin-bottom:20px}
.main_notice h2 a, .main_dataorder h2 a {margin-top: 10px;display:inline-block;float:right;color:#797979;font-size:16px;vertical-align:middle;}
.main_notice h2 a i, .main_dataorder h2 a i {display:inline-block;margin-left:10px;vertical-align:baseline;}
.main_notice h2 a i img, .main_dataorder h2 a i img {display:block;vertical-align:middle;}

.main_notice h2 span, .main_operate h2 span, .main_dataorder h2 span{color: #b70000;}


.main_popupzone {overflow: hidden;border-radius: 20px 20px 0 20px;position:relative;width:32%;float:right;}
.zone_arr{display: inline-block;text-align: center;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;right: 0;padding: 10px 40px;border-radius: 15px 0 0 0;z-index: 100;}
.zone_arr span {display: inline-block;margin:0 5px;cursor:pointer;}

.main_popupzone .slick-slide img {display: block;width: 100%;aspect-ratio: 16 / 11;}
#main_solution {clear: both;width: 100%;float: left;padding: 0 0 50px 0;}
#main_solution h2 {color: #000;text-align:center;font-size:30px;font-weight:bold;margin-bottom:10px;}
#main_solution p {color:#525252;text-align:center;font-size:18px;margin-bottom:25px;}
#main_solution li {width:23.5%;float:left;margin-right:2%;}
#main_solution li a {display: block;border:#e2ebf7 1px solid;border-radius:20px;padding:30px;text-align:center;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}
#main_solution li:nth-child(4n) {margin-right:0}
#main_solution li:nth-child(2n) a {background:#f4f8fd;}
#main_solution li a img {display:block;margin:0 auto 20px auto;}
#main_solution li a span {display:block;text-align:center;color: #000;font-size:23px;font-weight:bold;}
#main_best {clear: both;width: 100%;float: left;padding: 0 0 50px 0;}
#main_best h2 {color: #000;text-align:left;font-size:30px;font-weight:bold;margin-bottom:20px;}
#main_best h2 span {vertical-align: middle;display:inline-block;margin-left:30px;font-weight:normal;color:#525252;font-size:18px;}
#main_best .slick-slide {margin:0 10px;}
#main_best .slick-slide > div a {display:block;border:#ddd 1px solid;padding:20px;border-radius:20px;text-align:center;transition:0.5s;}
#main_best .slick-slide > div a:hover {border:#1570cd 2px solid;}
#main_best .slick-slide > div a img {display:block;margin:0 auto 10px auto;}
#main_best .slick-slide > div a span {display:block;text-align:center;}
#main_best .slick-list {margin:0 -10px;}
.main_event {background:#d9e8f7 url(../images/main_new/event_img.png) 98% bottom no-repeat;overflow: hidden;border-radius: 0 20px 20px 20px;}
.main_event a {display:block;padding:44px;}
.main_event a h2 {font-size:40px;font-weight:bold;color:#000;margin-bottom:10px}
.main_event a p {color:#525252;text-align:center;font-size:18px;}
#main_event {clear: both;width: 100%;float: left;padding: 0 0 50px 0;}
.l_ev {width: 870px;float: left;border-radius: 20px;overflow: hidden;}
.l_ev a {display:block;}
.l_ev a img {display: block;width: 100%;aspect-ratio: 30 / 11;}
.r_ev {width: calc(100% - 900px);float: right;border: #ebeef3 2px solid;border-radius: 20px;padding: 40px; background:url(/images/new/member_img.png) 91% 50px no-repeat; min-height: 319px;}
.r_ev a {display:block;}
.r_ev a h2 {color: #000;font-size:30px;font-weight:bold;margin:20px 0;}
.r_ev a p {margin-bottom:30px;font-size:20px;}
.r_ev a span {font-size: 18px;display: inline-block;border: #dfe2e6 2px solid;padding: 14px 20px;border-radius: 10px;line-height: 1;}
.r_ev a:hover span{background:#0558ab;border:#0558ab 2px solid;color:#fff;}
#main_customer {clear: both;width: 100%;float: left;padding: 0 0 50px 0;}

#main_customer li {width:32%;margin-right:2%;float:left;}
#main_customer li:last-child {margin-right:0;}
#main_customer li a {display:block;border:#ddd 1px solid;border-radius:20px;padding:30px 30px 30px 134px;overflow:hidden;}
#main_customer li a:hover{border:#133fe8 1px solid;}
#main_customer li:nth-child(1) a{border:none;background:#f4f4f4 url(/images/new/com_01.png) 30px 20px no-repeat;}
#main_customer li:nth-child(2) a{background:url(/images/new/com_02.png) 30px 20px no-repeat;}
#main_customer li:nth-child(3) a{background:url(/images/new/com_03.png) 30px 20px no-repeat;}
#main_customer li a h3 {font-size:27px;color:#000;font-weight:bold; margin-bottom: 10px;}
#main_customer li a h3 span {color:#133fe8;}
#main_customer li a p {font-size:18px;color:#626262;}

#main_gall {clear:both;width:100%;float:left;padding:50px 0;background:#f4f8fd;}

.board-list li {width:100%;float:left;padding:8px 0;}
.board-list li a {display:block;}
.board-list li a p{font-size:17px;width:calc(100% - 70px);float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-list li a span {font-size: 15px;color: #b5b5b5;display: inline-block;width: 70px;float: right;text-align: right;}


.main_movie {width: 48%;float: left;position:relative;overflow:hidden;}
.main_photo{width: 48%;float: right;position:relative;overflow:hidden;}
.main_movie h2 {font-size:30px;font-weight:bold;color:#000;margin-bottom:20px}
.main_photo h2 {font-size:30px;font-weight:bold;color:#000;margin-bottom:20px}
.movie_img {width: 100%;border-radius: 12px;overflow: hidden;height: auto;aspect-ratio: 1 / 0.7;position:relative;margin-bottom:10px;}
.movie_img img {display:block;width:100%;height:100%;}
.main_movie .slick-slide, .main_photo .slick-slide {margin:0 10px;}
.main_movie .slick-list, .main_photo .slick-list {margin:0 -10px;}
.movie_img span {display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.movie_img span img {display: inline-block !important;width:50px;height:auto;}
.main_nav {display: inline-block;position: absolute;right: 0;top: 0;}
.main_nav span {display: inline-block;cursor:pointer;}
.main_nav a {display: inline-block;}
.main_movie .slick-slide a span {display: block;color: #305fd5;font-size: 13px;margin-top: 5px;}

#main_02 {clear: both;width: 100%;float: left;padding:50px 0;background: #fff;}
#main_02 h2 {text-align:left;font-size:30px;font-weight:bold;color:#000;margin-bottom:20px}
#main_02 h2 a {margin-top: 5px;float:right;display:inline-block;float:right;color:#797979;font-size:16px;vertical-align:middle;}
#main_02 a i {display:inline-block;margin-left:10px;vertical-align:baseline;}
#main_02 h2 a i img {display:block;vertical-align:middle;}


.shop_txt {text-align:center;margin-bottom:30px;}
#main_02 .slick-slide {margin:0 10px;}
#main_02 .slick-list {margin:0 -10px;}
#main_02 .slick-list a {display:block;border:#ddd 1px solid;padding:30px;border:#ddd 1px solid;border-radius:10px;}
#main_02 .slick-list a:hover{border:#133fe8 1px solid;}
.shop_img {width: 100%;height: auto;aspect-ratio: 1 / 1;margin-bottom:30px;}
.shop_img img {display:block;width:100%;height:100%;}
#main_02 .slick-list a p {margin-bottom:10px;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main_02 .slick-list a span {color:#000;font-size:16px;line-height:1.5;display:inline-block;font-weight:bold;position:relative;}
/*#main_02 .slick-list a span:after {content:'';width:100%;height:1px;background:#146ba8;position:absolute;left:0;bottom:0;}*/
#shop_prev {position: absolute;left:-40px;top: 50%;transform: translateY(-50%);}
#shop_next {position: absolute;right:-40px;top: 50%;transform: translateY(-50%);}



#main_03{clear: both;width: 100%;float: left;padding: 0 0 80px 0;}
#main_03 .tab_wrap{display: flex; gap: 30px; position: relative;}
#main_03 h2{font-size:30px;font-weight:bold;color:#000;margin-bottom:20px}
#main_03 .tab_wrap a {margin-top: 10px;display:inline-block;float:right;color:#797979;font-size:16px;vertical-align:middle;position: absolute;right: 0;}
#main_03 .tab_wrap a i {display:inline-block;margin-left:10px;vertical-align:baseline;}
#main_03 .tab_wrap a i img {display:block;vertical-align:middle;}
#main_03 .port_tab{display: flex; gap: 8px;}
#main_03 .port_tab span{display: inline-block; height: 40px; padding: 9px 20px; border: 1px solid #a1a1a1; border-radius: 5px; min-width: 110px; text-align: center; background: #fff; cursor: pointer;}
#main_03 .port_tab span.on{border: 1px solid #1a77d7; background: #1a77d7; color:#fff;}
#main_03 .port_more{position: absolute; top:8px; right:0}
#main_03 .port_more img{display: inline-block; margin-left: 5px; margin-bottom: 2px;}
#main_03 .df{display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between;}
#main_03 .df li{flex: 0 0 calc((100% - 45px) / 4); box-sizing: border-box; text-align: center;border-radius:10px;padding:35px;}
#main_03 .df li:nth-child(odd) {background:#f0f6fd;border:#e4eaf4 1px solid;}
#main_03 .df li:nth-child(even) {background:#f9f7fe;border:#f0eef6 1px solid;}
#main_03 .df li a {position:relative;}
#main_03 .portf_img img{width: 100%; display: block;}
#main_03 .portf_img {background: url(../images/sub_new/bg.png) 0 0 no-repeat;aspect-ratio: 653 / 401;box-sizing: border-box;padding: 8px;background-size: cover;width: 80%;margin: 0 auto 25px auto;}

#main_03 .portf_link {font-size: 22px !important;text-align: left;font-weight: 500;color: #000;}
#main_03 .portf_link span {margin-top:10px;display:block;font-size: 15px !important;text-align: left;font-weight: normal;color: #636363;}
#main_03 .portf_btn {display: inline-block;position: absolute;right: 0;bottom: 0;border-radius:50%;overflow:hidden;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);}
/*******footer*******/
#bottom_banner {border-top:#ddd 1px solid;width: 100%;float: left;padding: 10px  0;clear:both;}
#bottom_banner .wrap {padding-right:162px;}
#bottom_banner .slick-slide {margin:0 10px;}
#bottom_banner .slick-list {margin:0 -10px;}
.banner_slick {overflow:hidden;}
.banner_nav {display:inline-block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#banner_prev {display:inline-block;float:left;}
#banner_next {display:inline-block;float:left;border-left:#efefef 1px solid;}


#footer {clear: both;width: 100%;float: left;padding: 60px 0;background: #1e2736;}
.bo_info {width: 31%;float: left;margin-right: 4%;}

.bo_logo {display: block;margin-bottom: 20px;}
.bo_info p {color: #e2e3e5;font-size: 14px;}
.bo_cus {width: 25%;float: right;}
.bo_cus span {font-size:20px;color:#fff;font-weight:500;display:block}
.bo_cus h3 {font-size:40px;color:#fff;font-weight:bold;margin:20px 0 10px 0;}
.bo_cus p {font-size:15px;color:#fff;display:block;margin-bottom: 20px;}
.bo_cus > a {display:inline-block;color: #d0d0d0;background: #273042;font-size: 15px;border: #32405b 1px solid;line-height: 1;padding: 10px 20px;border-radius: 10px;}
.copyright {margin-left: 293px;}
.bo_menu {width: 35%;float: left;margin-right: 4%;}
.bo_menu a {display: inline-block;color:#fff;font-size:15px;}
.bo_menu > ul > li {width:32%;margin-right:2%;float:left;}
.bo_menu > ul > li:last-child {margin-right:0;}
.bo_menu > ul > li > a {display:block;font-size:20px;font-weight:bold;margin-bottom: 10px;}
.bo_menu > ul > li > ul > li {padding:9px 0;}
.bo_menu > ul > li > ul > li > a {display:block;font-size:15px;}


#quickmenu {width:115px;position:fixed;right:0;top:145px;z-index:9999;overflow:hidden; }

.quickm {overflow:hidden;clear:both;}
.quickm ul {overflow:hidden;}
.quickm li {clear:both;}
.quickm li a {display:block;}
.quickm li a img {display:block;}

#quickm_btn {display:none;}


/*******¼­ºê°øÅë*******/
#sub_container {clear:both;width:100%;float:left;}
#sub_visual {clear: both;width: 100%;float: left;height: 264px;}
#sub_visual .wrap {height:100%;}
.sub_title {position: absolute;left: 0;bottom: 50px;}
#sub_visual h1 {color:#fff;font-family: 'GmarketSansBold', 'Noto Sans KR', 'Malgun Gothic','¸¼Àº °íµñ', ±¼¸², Arial, Helvetica, dotum, sans-serif;font-size:50px;font-weight:bold;margin-bottom:10px;}
#sub_visual .sub_txt {font-size:25px;color:#fff;}
.sub_vis_01 {background: url(../images/sub_new/sub_visual01.jpg) 0 0 no-repeat;background-size: cover;}
.sub_vis_02 {background: url(../images/sub_new/sub_visual02.jpg) 0 0 no-repeat;background-size: cover;}
.sub_vis_03 {background: url(../images/sub_new/sub_visual03.jpg) 0 0 no-repeat;background-size: cover;}
.sub_vis_04 {background: url(../images/sub_new/sub_visual04.jpg) 0 0 no-repeat;background-size: cover;}
.sub_vis_05 {background: url(../images/sub_new/sub_visual05.jpg) 0 0 no-repeat;background-size: cover;}
.sub_vis_06 {background: url(../images/sub_new/sub_visual06.jpg) 0 0 no-repeat;background-size: cover;}
#sub_contents {clear:both;width:100%;float:left;padding:60px 0 80px 0;}
#sidebar {width: 277px;float: left;}
#sidebar .side_menu {overflow:hidden;width: 100%;float: left;box-sizing: border-box;border: #dcdcdc 1px solid;border-radius: 20px 20px 0 20px;padding-bottom:60px;}
#page {width:calc(100% - 359px);float:right;}
#page h1 {font-size:40px;font-weight:bold;margin:20px 0 33px 0;color:#000;position:relative;}
#page h1:before {content:'';display:block;background:#0f5dd9;width:66px;height:5px;border-radius:2px;position: absolute;left: 0;top: -20px;}
.the_content {clear:both;width:100%;float:left;}

#sidebar .side_menu h2 {padding:38px 0;text-align:center;border-bottom: #dcdcdc 1px solid;}
#sidebar .side_menu h2 span {position:relative;display:inline-block;font-size:25px;font-weight:bold;color:#000;}
#sidebar .side_menu h2 span:after {content:'';display:block;background:#0f5dd9;width:10px;height:10px;border-radius:50%;position: absolute;right: -14px;top: -10px;}
#sidebar .side_menu > ul > li {clear:both;border-bottom: #dcdcdc 1px solid;}
#sidebar .side_menu > ul > li > a {display:block;padding:24px;font-size:18px;}
#sidebar .side_menu > ul > li.active > a {color:#fff;background:#0f5dd9 url(../images/sub_new/sub_arr.png) 91% 30px no-repeat;}
#sidebar .side_menu > ul > li > ul.children {border-top: #dcdcdc 1px solid;background:#f5f5f5;}
#sidebar .side_menu > ul > li > ul.children > li {border-bottom: #e8e8e8 1px solid;}
#sidebar .side_menu > ul > li > ul.children > li:last-child {border-bottom: none;}
#sidebar .side_menu > ul > li > ul.children > li > a {display: block;padding: 15px 24px 15px 41px;font-size: 16px;background: url(../images/sub_new/sidebar.png) 24px 19px no-repeat;}
#sidebar .side_menu > ul > li > ul.children > li.active > a {color:#fff;background:#626262 url(../images/sub_new/sidebar.png) 24px 19px no-repeat;}
.sub_tab {display:none;}
.lnb-topbar{display:none;}

/*************************************************************/
/***********************    board     ************************/
/*************************************************************/
.border_none {border:none !important;}
.board-stxt {clear:both;font-size: 15px;margin-bottom: 10px;}
.board-search {clear: both;background: #f1f1f1;width: 100%;padding: 30px 0;text-align: center;margin-top: 30px;overflow: hidden;float: left;}
table.board  {border-collapse: collapse; border-top:2px solid #505050; line-height:20px; margin:0 auto;}
table.board th {background: #f0f0f0; color: #454545; font-weight: 600; text-align:center; font-size:16px; vertical-align: middle; padding:15px;border-bottom: 1px solid #ccc;}
table.board td {color: #666; font-weight: normal; vertical-align: middle; padding:15px; font-size:16px;text-align: center;  border-bottom: 1px solid #e3e3e3;}
table.board td.td_file > img {display:inline-block;max-width:none;}
table.board td.td_subject {text-align: left;}
table.board td.td_subject a {display:inline-block;font-size:16px}
table.board td.left {text-align: left;}
table.board td.center {text-align: center;}
table.board td.right {text-align: right;}
.board-search input[type="button"], .board-search input[type="submit"] {font-size: 14px;display: inline-block;background: #454545;border: none;color: #fff;padding: 9px 15px;vertical-align: middle;margin-left: 5px;line-height: 1;}
.board-search input.forms {border: #ddd 1px solid;display: inline-block;height: 33px;vertical-align: middle;margin-left: 8px;}
.board-search input[type="checkbox"] {display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
.board-search select {display: inline-block;border: #ddd 1px solid;vertical-align: middle;height: 37px;height: 33px; font-size: 16px;}
.btn-left {width: 50%;float: left;text-align: left;}
.btn-right {width: 50%;float: right;text-align: right;}
.board-search {font-size:16px;}
table.board td.td_subject li {font-size:16px;line-height:1.4}
.order_ing {display: inline-block;background: #ff6a00;color: #fff;font-size: 17px;padding: 15px 25px;border-radius: 5px;line-height: 1;}
.order_end {display: inline-block;background: #686868;color: #fff;font-size: 17px;padding: 15px 25px;border-radius: 5px;line-height: 1;}
.text_right {display:inline-block;float:right;}
table.board_data  {min-width:680px;border-collapse: collapse; border-top:2px solid #505050; line-height:20px; margin:0 auto;}
table.board_data th {background: #f0f0f0; color: #454545; font-weight: 600; text-align:center; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #ccc;}
table.board_data td {color: #666; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;text-align: center;  border-bottom: 1px solid #e3e3e3;}
table.board_data td.td_subject {text-align: left;}
table.board_data td.td_subject a {display:inline-block;}
table.board_data td.center {text-align: center;}
table.board_data td.left {text-align: left;}
table.board_data td.left a {display:inline-block;font-size:16px; }
table.board_data td.right {text-align: right;}
.datalist-mobile-txt {display:none;}
#movie_detail_con img {display: block;max-width: 100%;margin: 0 auto;}
/******** Àбâ**********/
table.board_read  {border-collapse: collapse; line-height:1.3; margin:0 auto;}
table.board_read th {font-size:20px;background: #f0f0f0;color: #444; font-weight: bold; text-align:center; vertical-align: middle; padding:15px;border-bottom: 1px solid #ccc;border-top: 2px solid #505050;}
table.board_read td {font-size:15px;color: #444444; font-weight: normal; vertical-align: middle; padding:15px; text-align: center;  border-bottom: 1px solid #e3e3e3;}
table.board_read td.left {text-align: left;font-size: 15px;}
table.board_read td.center {text-align: center;}
table.board_read td.right {text-align: right;border-bottom:none;font-size: 16px;color:#686868;}
table.board_read td.right02 {text-align: right;}
table.board_read td.center img {display:inline-block;max-width:100%;}
table.board_read td.left img {display:block;max-width:100% !important;margin:20px auto;}
.board-btn-con.read-btn {clear: both;width: 100%;float: left;text-align: right;margin: 30px 0 50px 0;}
.board-btn-con a {display: inline-block;background: #454545;font-size: 15px;color: #fff;padding: 11px 15px;border-radius: 5px;}
.board-btn-con span {display: inline-block;background: #454545;font-size: 15px;color: #fff;padding: 11px 15px;border-radius: 5px;}
.board-read-btn {margin: 20px 0 40px 0;overflow: hidden;}
table.board_read td.left * {border: unset;font-size: unset;font-weight: unset;text-align: unset;width: unset;height: unset;color: unset;}

table.board_read_data  {border-collapse: collapse; line-height:1.3; margin:0 auto;}
table.board_read_data th {font-size:15px;background: #f0f0f0;color: #444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;border-bottom: 1px solid #ccc;border-top: 2px solid #505050;}
table.board_read_data td {font-size:15px;color: #444444; font-weight: normal; vertical-align: middle; padding:10px; text-align: center;  border-bottom: 1px solid #e3e3e3;}
table.board_read_data td.left {text-align: left;font-size: 15px;}
table.board_read_data td.center {text-align: center;}
table.board_read_data td.right {text-align: right;border-bottom:none;font-size: 14px;color:#686868;}
table.board_read_data td.right02 {text-align: right;}
table.board_read_data td.center img {display:inline-block;max-width:100%;}
table.board_read_data td.left img {display:inline-block;max-width:100% !important;margin:20px auto;}
table.board_read_data td.right .btn_chuchu {display: inline-block;background: #919191;font-size: 13px;padding: 5px 10px;margin: 0 15px;color: #fff;border-radius: 3px;}


table.movie_data  {border-collapse: collapse; border-top:2px solid #505050; line-height:20px; margin:0 auto;}
table.movie_data th {background: #f0f0f0; color: #454545; font-weight: 600; text-align:center; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #ccc;}
table.movie_data td {color: #666; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;text-align: center;  border-bottom: 1px solid #e3e3e3;}
table.movie_data td.movie_data_title {text-align: left;font-size:16px;}
table.movie_data td.movie_data_title h4 a {display:inline-block;font-size:18px;font-weight:500;}
table.movie_data td.movie_data_title h4 {margin-bottom: 15px;}
table.movie_data td.movie_data_title p {font-size:16px;line-height:1.4;}
table.movie_data td.center {text-align: center;}
table.movie_data td.left {text-align: left;}
table.movie_data td.movie_data_img {font-size:16px;width: 15%;}
table.movie_data td.movie_data_btn { font-size:16px;width: 15%;}
table.movie_data td.movie_data_btn a {display: inline-block;font-size: 16px;background: #ff7600;color: #fff;line-height: 1;padding: 16px 17px;border-radius: 5px;}
.view_title {clear:both;color: #454545;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom:#cccccc 1px solid;}
.view_title_s {clear:both;color: #454545;padding:10px 0;border-top:#f3f3f3 3px solid;}
.data_view_con {clear:both;width:100%;float:left;margin-top:30px;}
.data_view_con * {font-size: unset !important;font-weight: unset !important;border: none;}
.data_view_con img, .data_view_con div img {display:inline-block;max-width:100% !important;width:auto !important;}
/******** Æ÷Åä°¶·¯¸®**********/
.photo_category {width: 100%;float: left;margin-bottom: 30px;}
.photo_category li {width: calc(100% / 3); float: left;}
.photo_category li a {display: block;border: #ddd 1px solid;padding: 10px 32px;font-size: 16px;margin: 2px;}
.photo_category li a.ca-on {background: #16407a;border: #16407a 1px solid;color: #fff;}
.board_g {padding:20px 0;clear: both;width: 100%;float: left;border-top: 2px solid #505050; border-bottom: 1px solid #e3e3e3;}

.board_g li {width:25%;float:left;}
.board_g li:nth-child(4n+1) {clear:both;}
.board_g li a {display:block;margin:10px 10px 20px 10px;}
.board_g li a img {display:block;width:100%;height:auto;margin-bottom:10px;aspect-ratio: 1 / 0.7;}
.board_g li a p {font-size:15px;}
.empticon {overflow:hidden;padding-bottom:10px;margin-bottom:10px;border-bottom:#e8e8e8 1px solid;text-align:center;}
.empticon li {display: inline-block;width: auto;margin:0 13px;text-align: center;}
.photo_input {padding: 5px 0;}
.photo_input textarea {display:block;border:#ddd 1px solid;width:100%;padding:10px;box-sizing:border-box;}
.portf_img {background: url(../images/sub_new/bg.png) 0 0 no-repeat;aspect-ratio: 653 / 401;box-sizing: border-box;padding: 10px;background-size: cover;margin-bottom:15px;}
.portf_img img {display:block;width:100%;height:auto;margin-bottom:0 !important;aspect-ratio: 400 / 231  !important;}
#portf_list.board_g li {width: 32%;float: left;margin-right: 2%;}
#portf_list.board_g li:nth-child(3n) { margin-right: 0;}

#portf_list.board_g li:nth-child(3n+1) {clear:both;}
#portf_list.board_g li:nth-child(4n+1) {clear: none;}
p.portf_link {font-size: 18px !important;text-align: center;font-weight:500;}
#portf_list.board_g li a {text-align: center !important;}
span.portf_btn {display: inline-block;font-size: 13px;margin-top: 10px;border: #ddd 1px solid;padding: 7px;border-radius: 3px;}
/************´ñ±Û*****************/
.board_reple {clear: both;width: 100%;float: left;margin-top: 50px;}
.board_reple li {    border: #ececec 1px solid;margin-top: 20px;padding: 20px;clear: both;}

.reple-del {display: inline-block;position: absolute;right: 0;top: 0;font-size: 13px;background: #dcdcdc;border: #ccc 1px solid;padding: 2px 10px;border-radius: 4px;color: #fff;}
.movie_dqna_write {margin-top: 30px;border:#ddd 1px solid;padding:20px;box-sizing:border-box;}
.reple_input input {display: block;border: none;width: 100%;box-sizing: border-box;padding: 5px;font-size: 16px;height:40px;}
.reple_write_btn {clear: both;width: 100%;float: left;border-top: #e8e8e8 1px solid;padding-top: 16px;text-align: right;}
.reple_write_btn a {display: inline-block;background: #00568e;color: #fff;padding: 10px 20px;border-radius: 20px;}
.board_reple_w {margin-top: 30px;border: #ddd 1px solid;padding: 20px;box-sizing: border-box;clear:both;width:100%;float:left;margin-top:50px;}

/************ÆäÀÌ¡*****************/
.pageing {overflow: hidden;clear: both;width: 100%;float: left;text-align: center;padding-top: 20px;}
.pageing a {display: inline-block;line-height: 1;border: #ddd 1px solid;margin: 0 3px;font-size:13px;padding: 8px 10px;border-radius: 3px;}
.pageing span {display: inline-block;line-height: 1;border: #878787 1px solid;margin: 0 3px;font-size: 13px;padding: 8px 10px;background: #878787;border-radius: 3px;color: #fff;}


.protect-con {width: 100%;float: left;}
.protect-con textarea {box-sizing: border-box;font-size: 15px;line-height: 1.5;color: #454545;}
.s_email {
    border: #e8e8e8 1px solid;
    padding: 30px;
}
.s_email h5 {
    font-size: 23px;
    margin-bottom: 20px;
}
.s_email p {font-size: 17px;line-height: 1.5;word-break:keep-all;}
/*************************************************************/
/**********************    board.w     ***********************/
/*************************************************************/

table.board_w  {    table-layout: fixed;border-collapse: collapse; border-top: 2px solid #505050; line-height:20px; margin:0 auto;}
table.board_w th {background: #f1f1f1; color: #444444; font-weight: bold; text-align:right; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #e3e3e3;line-height: 30px;}
table.board_w td {color: #444444; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;  text-align: left;  border-bottom: 1px solid #e3e3e3;}
table.board_w td.left {text-align: left;}
table.board_w td.center {text-align: center;font-weight: bold;width:180px;}
table.board_w td.right {text-align: right;}
table.board_w th nobr {color:#444;}
table.board_w nobr {color:#888;}
table.board_w th > img {display:inline-block;width:100%;height:auto;}
table.board_w th.center {text-align: center;}
table.board_w td input[type="text"], table.board_w td input[type="password"] {display: inline-block;border: #bdbdbd 1px solid;padding: 10px;}
table.board_w td select {display: inline-block;border: #bdbdbd 1px solid;padding: 10px;}
.btn_pw {display: inline-block;background: #454545;font-size: 15px;color: #fff;padding: 11px 15px;border-radius: 5px;}
a.btn_join, input.btn_join, span.btn_join, b.btn_join {font-size: 16px;background: #5f5f5f;color: #fff; padding: 7px 12px;display: inline-block;border:none;border-radius: 5px;}
.passcheck_btn {clear:both;padding-top:10px;text-align:center;}
.passcheck_btn a {display: inline-block;background: #454545;font-size: 15px;color: #fff;padding: 11px 15px;border-radius: 5px;}
table.board_e  {    table-layout: fixed;border-collapse: collapse; border-top: 2px solid #505050; line-height:20px; margin:0 auto;}
table.board_e th {background: #f1f1f1; color: #444444; font-weight: bold; text-align:center; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #e3e3e3;line-height: 30px;}
table.board_e td {color: #444444; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;  text-align: left;  border-bottom: 1px solid #e3e3e3;}
.event_order_btn {clear: both;width: 100%;float: left;margin: 30px 0 35px 0;text-align: center;}

.event_order_btn input[type="button"] {display: inline-block;background: #ff6a00;border: none;font-size: 17px;line-height: 1;color: #fff;padding: 12px 25px;border-radius: 5px;}
.event_banl_info {background: #f5f5f5;clear: both;padding: 20px;border-radius: 5px;}

table.board_w th input[type="radio"] {display: inline-block; width:20px;height:20px;margin-left:10px;}

/**********************    reple     ***********************/
.photo_reple_txt {clear: both;background: #f5f5f5;padding: 20px;text-align: center;font-size: 17px;line-height: 1.5;}

.photo_review_write {clear: both;width: 100%;float: left;margin-top: 30px;border: #ddd 1px solid;padding: 20px;box-sizing: border-box;}
.guide {padding: 0 0 10px 0;line-height: 27px;margin-right: 10px;text-align: left;margin-bottom: 10px;}
.photo_review_write input[type="text"] {    display: block;width: 100%;box-sizing: border-box;padding: 5px;height:40px;font-size: 16px;border: #e8e8e8 1px solid;}
.photo_write_btn {clear: both;width: 100%;float: left;padding-top: 16px;text-align: right;}
.photo_write_btn input[type="button"] {display: inline-block;background: #00568e;color: #fff;padding: 10px 20px;border-radius: 20px;border:none;font-size:16px;}


.photo_reple_list {clear: both;width: 100%;float: left;margin-top: 30px;}
.photo_reple_list li {overflow: hidden;position: relative;border-bottom: #e8e8e8 1px solid;padding: 20px 10px;}
.photo_reple_list li:first-child {border-top: #e8e8e8 1px solid;}
.photo_reple_list li span {display: block;font-size: 15px;color: #686868;margin-bottom: 5px;}
.photo_reple_list li p {font-size: 16x;}

.reple_del_btn {display: inline-block;position: absolute;right: 20px;top: 20px;}
.reple_del_btn a {display: block;font-size: 14px;color: #fff;background: #979696;line-height: 1;padding: 10px;border-radius: 8px;}


/**********************   µµÀå°æ¿µÀÚ·á ¸ÞÀÎ     ***********************/
.category_main {width: 100%;float: left;}
.stxt_categorymian {padding: 30px;background: #f5f5f5;border-radius: 0 20px 20px 20px;overflow: hidden;margin-bottom: 60px;}
.stxt_categorymian h3 {font-weight:500;color:#000;}
.stxt_categorymian p {line-height:1.4}
.category_main h2 {font-size:35px;font-weight:600;color:#000;border-bottom:#ddd 1px solid;padding-bottom:15px;margin-bottom:15px;}
.category_main h2 a {display:inline-block;float:right;}
.cmain_01 {clear: both;width: 100%;float: left;margin-bottom: 60px;}
.cmain_02 {clear: both;width: 100%;float: left;}
.cmain_01_left {width: 48%;float: left;}
.cmain_01_right {width: 48%;float: right;}
.cmain_02_left {width: 48%;float: left;border: #ddd 1px solid;box-sizing: border-box;padding: 33px;border-radius: 0 20px 0 20px;}
.cmain_02_right {width: 48%;float: right;}
.cdata_list li {clear: both;width: 100%;padding: 8px 0 8px 23px;position: relative;overflow: hidden;}
.cdata_list li:before {content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#e7e7e7;position:absolute;left:0;top:15px;}
.cdata_list li a {display:block;}
.cdata_list li a p {display:block;width:calc(100% - 90px);float:left;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cdata_list li a span {float:right;display:inline-block;font-size:16px;color:#808080;}
.cmian_02_01 {width: 100%;float: left;margin-bottom: 40px;}
.cmian_02_02 {width: 100%;float: left;clear: both;}
.cmain_02_left .cdata_list li:before {display:none;}
.cmain_02_left .cdata_list li {clear: both;width: 100%;padding: 14px 0;position: relative;overflow: hidden;border-bottom:#e8e8e8 1px solid;}
.cmain_02_left .cdata_list li a p {display:block;width:100%;float:left;font-size:18px;overflow: hidden;}
.cash_plus_btn {width: 100%;float: left;padding-bottom: 10px;text-align: right;}
.cash_plus_btn a {display: inline-block;line-height: 1;background: #ff5e00;padding: 15px;border-radius: 5px;font-size: 17px;color: #fff;}
.movie_category {clear: both;width: 100%;float: left;margin-bottom: 30px;border: #ddd 1px solid;background: #f7f7f7;padding: 30px;box-sizing: border-box;border-radius: 0 20px 0 20px;}

.movie_category li {width: 33.3333333333333333%;float: left;}
.movie_category li a {display: block;margin: 3px; font-size: 18px;}
.movie_category li a.active {color: #003ecf;font-weight: 500;}
.movie_category li a span {margin-left: 3px;display: inline-block;font-size: 16px;line-height: 1;color: #d30202;font-weight: 500;}
.movie_category li a.active span {color: #003ecf;}
h2.data_stitle {clear: both;font-size: 25px;font-weight: 600;color: #000;}
.data_explan {clear: both;width: 100%;float: left;padding: 12px 0;}
.ex_left {width: 40%;float: left;font-size: 16px;}
.ex_right {width: 60%;float: right;font-size: 16px;text-align:right;}

.btn_chuchu {display: inline-block;background: #919191;font-size: 13px;padding: 5px 10px;margin: 0 15px;color: #fff;border-radius:5px; border:none;}

.movie_view_content {clear: both;width: 100%;float: left;margin-bottom: 50px;}
.movie_view_img {width: 30%;float: left;height: auto;aspect-ratio: 1 / 0.7;padding: 10px;border: #ddd 1px solid;text-align:center;}
.movie_view_img a {display: inline-block;margin-top: 20px;line-height: 1;background: #686868;color: #fff;padding: 10px 20px;border-radius: 5px;}
.movie_view_img > img {display:block;width:100%;height:100%;}
.movie_view_txt {width: 65%;float: right;}
.movie_view_txt li {border-bottom: #e8e8e8 1px solid;padding: 10px;}
.movie_view_txt li span {font-size: 17px;width: 100px;display: inline-block;font-weight: 500;color: #000;}
.movie_view_txt li.title_movie span {font-size: 20px;}
.movie_view_txt li.title_movie { font-weight: 500;font-size: 20px;color: #000;}
.movie_check_btn {clear: both;width: 100%;float: left;margin-top: 30px;text-align: center;}
.movie_check_btn a {display: inline-block;font-size: 20px;font-weight: 600;background: #ff8100;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;}
.movie_check_btn input[type="button"] {display: inline-block;font-size: 20px;font-weight: 600;background: #ff8100;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;border:none;}
.shop_list {clear: both;width: 100%;float: left;margin-top: 20px;}
.shop_list li {width:22%;float:left;margin-right:4%;margin-top:2%;}
.shop_list li:nth-child(4n) {margin-right:0;}
.shop_list li:nth-child(4n+1) {clear:both;}
.shop_list li a {display:block;border:#ddd 1px solid;padding:30px;}
.shop_list li a .shop_img {width: 100%;height: auto;aspect-ratio: 1 / 0.8;margin-bottom:30px;}
.shop_list li a .shop_img img {display:block;width:100%;height:100%;}
.shop_list li a p {margin-bottom:20px;min-height:47px;}
.shop_list li a span {color:#146ba8;font-size:16px;line-height:1.5;display:inline-block;padding-bottom:5px;position:relative;}
.shop_list li a span:after {content:'';width:100%;height:1px;background:#146ba8;position:absolute;left:0;bottom:0;}
.shop_stxt_01, .shop_stxt_02 {clear:both;both;width: 100%;float: left;margin-top: 30px;}
.shop_stxt_01 h2, .shop_stxt_02 h2 {    clear: both;color: #454545;font-size: 20px;font-weight: 600;line-height: 40px;border-bottom: #cccccc 1px solid;margin-bottom: 30px;}

/************cart************/

table.cart_table  {border-collapse: collapse; border-top:2px solid #505050; line-height:20px; margin:0 auto;min-width: 860px;}
table.cart_table th {background: #f0f0f0; color: #454545; font-weight: 600; text-align:center; font-size:16px; vertical-align: middle; padding:15px;border-bottom: 1px solid #ccc;}
table.cart_table td {color: #666; font-weight: normal; vertical-align: middle; padding:15px; font-size:16px;text-align: center;  border-bottom: 1px solid #e3e3e3;}

table.cart_table td.center {text-align: center;}
table.cart_table td.right {text-align: right;}
.cart_btn {clear: both;width: 100%;float: left;padding: 20px 0;text-align: right;}

.cart_btn a, .cart_btn input[type="button"] {margin-left:10px;display: inline-block;font-size: 15px;background: #686868;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;border:none;vertical-align:middle;}
.cart_btn .namcolor, .cart_btn input[type="button"].namcolor {background:#0059c7;}
.cart_con h3 {font-size: 25px;margin: 30px 0 14px 0;font-weight: 500;}
.cart_mo_message {display:none;}
table.buy_order  {    table-layout: fixed;border-collapse: collapse; border-top: 2px solid #505050; line-height:20px; margin:0 auto;}
table.buy_order th {background: #f1f1f1; color: #444444; font-weight: bold; text-align:right; font-size:16px; vertical-align: middle; padding:10px;border-bottom: 1px solid #e3e3e3;line-height: 30px;}
table.buy_order td {color: #444444; font-weight: normal; vertical-align: middle; padding:10px; font-size:16px;  text-align: left;  border-bottom: 1px solid #e3e3e3;}
table.buy_order td.left {text-align: left;}
table.buy_order td.center {text-align: center;font-weight: bold;width:180px;}
table.buy_order td.right {text-align: right;}
table.buy_order th nobr {color:#444;}
table.buy_order nobr {color:#888;}
table.buy_order th > img {display:inline-block;width:100%;height:auto;}
table.buy_order th.center {text-align: center;}
table.buy_order td .forms {display: inline-block;border: #bdbdbd 1px solid;padding: 10px;}
table.buy_order td input[type="checkbox"] {display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;}
.buyorder_con h2 {font-size: 27px;margin: 30px 0 20px 0;clear: both;font-weight:500;}
.btn_zipcode {display: inline-block;margin-left: 6px;border: none;line-height: 1;padding: 13px;background: #686868;color: #fff;border-radius: 5px;}
.buyorder_btn {clear: both;width: 100%;float: left;padding: 20px 0;text-align: center;}
.buyorder_btn a, .buyorder_btn input[type="button"] {margin-left:10px;display: inline-block;font-size: 15px;background: #686868;color: #fff;line-height: 1;padding: 13px 27px;border-radius:5px;border:none;vertical-align:middle;}
.buyorder_btn .namcolor, .buyorder_btn input[type="button"].namcolor {background:#0059c7;}
/**********mem**********/

.join_tx {word-break:keep-all;width: 100%;text-align:left;margin: 0 auto;line-height: 23px;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;border-top: 2px solid #205fb7;padding: 25px 40px;background: #f7f7f7;margin-bottom:30px;box-sizing:border-box;}
.join-box {clear: both;width: 100%;float: left;margin-bottom: 20px;border: #ddd 1px solid;box-sizing:border-box;}
.join-box_in {height: 220px;overflow-y: scroll;overflow-x: hidden;}
.join_box_con {padding: 30px;}
.join_agree_title {font-size: 15px;margin-bottom: 15px;position: relative;padding-left: 20px;}
.join_agree_title:before {content: '';display: block;width: 10px;height: 10px;background: #205fb7;border-radius: 50%;position: absolute;left: 0;top: 5px;}
.join_box_agree {clear: both;text-align: right;margin-bottom: 30px;}
.join_box_agree input[type="radio"] {display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 6px;}
.join_agree_btn  {clear: both;text-align: center;    padding-top: 20px;}
.join_agree_btn button {display: inline-block;background: #1a77d7;color: #fff;padding: 10px 15px;margin: 0 5px;border-radius: 5px;}
.join_agree_btn button#kakao {background: #f3db00 url(../images/login/kakao_icon.png) 14px 13px no-repeat;background-size: 20px;padding: 10px 15px 10px 43px;display: inline-block;border-radius: 5px;color: #000;}


a.btn_yes, span.btn_yes {border-radius: 3px;margin: 0 3px;border: 1px solid #16407a;font-size: 15px;background: #16407a;color: #fff;padding:13px 20px;display: inline-block;cursor: pointer;}
a.btn_no, .btn_find {font-size: 14px;background: #fff;color: #333;border: 1px solid #b9b9b9;padding: 13px 20px;display: inline-block;border-radius: 3px;margin: 0 3px;}

.login_container h1 span {color: #989898;line-height: 30px;font-size: 13px;}
.login_info dl {display: inline-block;width:100%;}
.login_info dt, .login_info dd{display: inline-block;float:left;}
.login_info dt {font-size: 13px;padding-left:55px;padding-right:10px;line-height: 30px;}

.certificate p.join_tx, .certificate div.join_tx {border-top: 3px solid #505050;}
.certificate div.join_tx li {display:inline-block;width:49%;float:left;}
table.regist  {border-collapse: collapse; border: none; line-height:20px; margin:0 auto;border-top:3px solid #505050;table-layout:fixed;}
table.regist th {color: #333; font-weight: bold; text-align:left; font-size:15px; vertical-align: middle; padding:10px;border-bottom:1px solid #ddd;background:#f1f1f1;}

table.regist td { COLOR: #555555; font-weight: normal; vertical-align: middle; padding:10px;; font-size:15px;border-bottom:1px solid #ddd;}

table.regist td.white {background: #ffffff; COLOR: #555555; font-weight: normal; vertical-align: middle; padding:5px 20px; font-size:12px;border-bottom:1px solid #ddd;}

table.regist td .forms {display:inline-block;border:#ddd 1px solid;height: 30px;}
table.regist td select {display:inline-block;border:#ddd 1px solid;height: 30px;}
table.regist th .red {color:#ff0000;}
table.regist td input[type="button"] {display: inline-block;background: #686868;color: #fff;border: none;line-height: 1;padding: 7px 14px;border-radius: 3px;}
div.join_tx li b {color:#fff;background:#72696c;padding:5px 10px;margin-bottom:15px;display:inline-block;text-align: center;width: 270px;border-radius: 30px}


.complete_con {max-width: 700px;border: #ccc 1px solid;margin: 0 auto;width: 100%;}
.complete_con_in {border: #efefef 5px solid;padding: 30px;text-align: center;}
.complete_con_in img {display: inline-block;margin-bottom: 20px;}
.complete_con_in p {margin-bottom: 20px;}
#the_contents .s_email h5 {font-size:30px;background:none;padding-left:0;}
#the_contents .s_email {background: url(../images/sub/eminl_img.png) no-repeat 580px center; width: 700px;padding: 70px 75px;border: 1px solid #ccc;border-top: 4px solid #e61874;margin: 0 auto;}
#the_contents .s_email p {width: 64%;line-height: 24px;padding-top: 18px;}
.video_cate {border:1px solid #ccc; /* border-top:3px solid #e61874; */padding: 20px 30px;background: #f5f5f5;}
.search {text-align:center;border: 1px solid #ddd;padding: 20px 50px;margin: 0 auto;border-top: 3px solid #505050;}
.search input {font-size:12px;}
.board_ripple {border:1px solid #ccc;background:#f5f5f5;padding:20px 30px;}
table.board_y {padding: 14px 0;background:#fff;border: 1px solid #ccc;}
.memb {background: #f5f5f5 url('../images/sub/member_img.png')no-repeat 40px center;background-size: 4%;padding-left: 110px !important;border-top: 3px solid #e61874; }
.memb2 {background: #f5f5f5 url('../images/sub/member_img.png')no-repeat 40px center;padding-left: 150px !important;border-top: 3px solid #e61874; }
.purchase textarea {border-top:1px solid #ccc;}
table.no_search {padding-top: 20px;margin-top: 20px;text-align: center;margin: 0 auto;}
table.no_search td a {background: #e61874;border: 1px solid #e61874;padding: 5px 20px;font-size: 11px;display: inline-block;text-align: right;float: right;margin-top: 13px;cursor: pointer;color: #fff;}

#the_contents .no_search h5 {display: inline-block;}
.font_color {font-size:13px;color:#666;padding:0 10px;}
.search strong {padding-right:20px;}
table.no_search h5 strong {font-size: 16px;padding-right:0px;color:#e61874;}
.gen_t2 th {background: #333;text-align: center;color: #fff;font-weight: 600;padding: 7px 0;}
.gen_t2 td {padding: 7px 0;text-align: center;border-bottom: 1px solid #ddd}



/***********************    Login     ************************/
.login_container, .login_container2 {overflow:hidden;width: 800px;margin: auto;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 4px solid #16407a;padding: 35px 51px 20px 51px;box-sizing:border-box;}
.login_container h2 {border-bottom: none;display: inline-block;padding: 0 39px 0 20px;float: left;font-size: 42px;color: #16407a;font-weight: 600;}
.login_container h2 span {color: #989898;line-height: 30px;font-size: 13px;}
.login_container2 {background: url('/images/sub/member_img.png') no-repeat 130px center;padding: 50px;}
.login_info {width: 800px;margin: auto;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 25px 0;background: #f5f6f6;box-sizing:border-box;}

#login_info { text-align: center; margin-bottom: 20px;font-size: 15px;}
#login_info span {color: #b82921; margin-top: 0;font-size: 15px; font-weight:600;}
.login_info .btn_find{    font-size: 16px;padding: 7px 12px;display: inline-block;border: none;border-radius: 5px;}
.input_st {    width: 229px !important;height: 29px !important;margin: 0;color: #555;letter-spacing: -1px;}
.login_container input[type=text], .login_container input[type=password] {margin-left: 1px !important;padding: 0 5px !important;background-color: #fafafa !important;border-top: 1px solid #bdbdbd;border-left: 1px solid #bdbdbd;border-bottom: 1px solid #ececec;border-right: 1px solid #ececec;FONT-SIZE: 14px;line-height: 15px;}
.login_form_table {width: calc(100% - 227px);float:right;position:relative;}
.login_form_table li {clear:both;width:100%;float:left;margin-bottom:10px;}
.login_form_table li label {display: inline-block;width: 70px;float: left;vertical-align: middle;}
.login_form_table li div {width: calc(100% - 70px);float:right;}
.login_form_table input[type=submit] {display: inline-block;border: none;position: absolute;right: 44px;background: #004ab9;color: #fff;line-height: 1;padding: 27px;border-radius: 5px;}
.sns_login {width:100%; text-align:center;max-width:700px;margin:0 auto;clear:both;margin-top:50px;}
.loginfail_txt {text-align: center;padding-top: 35px;}

.sns_login .social_sign_button {background: #f3db00 url(../images/login/kakao_icon.png) 24px 13px no-repeat;background-size: 38px;font-size: 20px;line-height: 1;padding: 20px 20px 20px 73px;display: inline-block;border-radius:5px;}

/***********************  mypage   ************************/
.cash_pay_btn {display: inline-block;background: #ff5e00;line-height: 1;padding: 8px 15px;color: #fff;border-radius: 6px;}
.del_zzim_btn {display: inline-block;background: #686868;line-height: 1;padding: 8px 15px;color: #fff;border-radius: 6px;}
.cart_txt {clear: both;width: 100%;float: left;margin-top: 30px;}



/**************cash******************/
.cash-charing {width: 100%;float: left;}
.cash-charing h2 {font-size: 25px;font-weight: 500;margin: 50px 0 20px 0;}
.cash-charing h2:first-child{margin-top:0;}
.cash-charing h2 span {display: inline-block;font-size: 18px;font-weight: normal;margin-left: 20px;}


.cash-price {clear: both;width: 100%;overflow:hidden;text-align:center;}
.cash-price li {display: inline-block;text-align: center;border: #e8e8e8 1px solid;border-radius: 20px;padding: 22px 30px;margin: 0 20px;}
.cash-price li img {display: block;margin: 0 auto 20px auto;}
.cash-price li input[type="radio"] {display:inline-block;width:20px;height:20px;margin-right:10px;}
.cash-payment {clear: both;width: 100%;overflow:hidden;text-align:center;}
.cash-payment li {display: inline-block;text-align: center;border: #e8e8e8 1px solid;border-radius: 20px;padding: 22px 30px;margin: 0 20px;}
.cash-payment li img {display: block;margin: 0 auto 20px auto;}
.cash-payment li input[type="radio"] {display:inline-block;width:20px;height:20px;margin-right:10px;}
.cash_txt {clear: both;width: 100%;overflow: hidden;margin-top: 35px;text-align: center;}
.cash_txt-btn {clear: both;width: 100%;overflow: hidden;margin-top: 35px;text-align: center;}
.cash_txt-btn a {display: inline-block;background: #134dcd;color: #fff;line-height: 1;padding: 10px 20px;font-size: 18px;border-radius: 5px;}
.admin_cash_con {clear: both;width: 100%;overflow: hidden;margin-top: 35px;text-align: center;background: #f7f7f7; padding: 30px;}
.admin_cash_con p {margin-bottom:30px;}
.admin_cash_con a {display: inline-block;background: #fd6a14;color: #fff;line-height: 1;padding: 10px 20px;font-size: 18px;border-radius: 5px;}

/****************sub**********************/
.subpage h2 {font-size:35px;font-weight:600;color:#222;margin-bottom:30px;}
.subpage h2:after {content: '';width: 18px;height: 18px;display: inline-block;background: #023b88;border-radius: 50%;margin-left: 13px;vertical-align: text-top;}
.subpage h2 span {color:#ff0000;}
/****************solution**********************/

.subpage {width: 100%;float: left;}
.stxt_solution {padding: 30px;background: #f5f5f5;border-radius: 0 20px 20px 20px;overflow: hidden;}
.stxt_solution h3 {font-weight:500;color:#000;font-size:20px;margin-bottom:10px;}
.stxt_solution p {line-height:1.4}
.solution_01, .solution_02, .solution_03 {clear:both;width:100%;float:left;margin-top:50px;}
.solution_01 li {width: 50%;float: left;text-align: center;}
.solution_01 li img {display:block;margin:0 auto 20px auto;}
.solution_01 li p {text-align: center;font-size:20px;}
.dojang_home_btn {clear:both;width:100%;float:left;margin-top:30px;text-align: center;}
.dojang_home_btn a {background: #023b88;display: inline-block;color: #fff;line-height: 1;padding: 14px 32px;border-radius: 28px;font-size: 25px;}
.solution_02 p {word-break:keep-all;line-height: 1.3;}
.solution_03 li {width: 32%;float: left;margin-right: 2%;text-align: center;}
.solution_03 li:last-child {margin-right: 0;}
.solution_03 li span {background: #023b88;display: inline-block;color: #fff;font-size: 21px;padding: 10px 25px;margin-bottom: -20px;min-width: 150px;border-radius: 40px;}
.solution_03 li p {background: #f5f5f5;padding: 40px;line-height: 1.6;border-radius: 20px;min-height: 326px;text-align: left;}
.mukopaps_downbtn {text-align: right;padding-bottom: 20px;}
.mukopaps_downbtn a {display: inline-block;background: #023b88 url(../images/sub_new/por_down.png) 15px 11px no-repeat;color: #fff;line-height: 1;background-size: 26px;font-size: 20px;padding: 15px 15px 15px 54px;border-radius: 5px;}

.mukopaps_downbtn a span {display: inline-block;}
.blink {
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
.pops_img > img {display: inline-block;max-width:100%;}
.pops_img {clear: both;width: 100%;float: left;border: #dcdcdc 1px solid;box-sizing: border-box;text-align: center;padding: 30px 0;margin-bottom: 37px;}
.pops_txt {word-break: keep-all;line-height: 1.5;margin-bottom: 50px;}
#dojang_homepage .solution_01 li h3 {text-align: center;font-size: 20px;font-weight: 600;margin-bottom: 30px;}
#dojang_homepage .solution_01 li h3 span {display: block;font-size: 16px;line-height: 1.5;font-weight: normal;}
#dojang_homepage .solution_01 li p {text-align: center;}
#dojang_homepage .solution_01 li p a {background: #023b88;display: inline-block;color: #fff;line-height: 1;padding: 10px 25px;border-radius: 28px;font-size: 16px;margin: 0 10px;}
.rfcard, .rfcard-02, .rfcard-03 {clear: both;width: 100%;float: left;margin-top: 50px;}
.rfcard li {width: 48%;float: left;}
.rfcard li:nth-child(2) {float: right;}
.rfcard li h3 {font-size: 20px;font-weight: 500;margin-bottom: 20px;}
.rfcard li img {display:block;border:#dcdcdc 1px solid;}
.rfcard-02 li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;}
.rfcard-02 li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.rfcard-03 p {word-break:keep-all;}
.rfcard-03 {background: #f7f7f7;padding: 30px;line-height: 1.5;word-break: keep-all;border-radius: 20px 0;}
.camera_01, .camera_02, .camera_03 {clear: both;width: 100%;float: left;margin-top: 50px;}
.camera_01 {position:relative;padding-right:267px;box-sizing:border-box;}
.camera_01 h3 {clear: both;background: #023b88;display: inline-block;color: #fff;margin: 30px 0 20px 0;padding: 14px 25px;border-radius: 0 10px;}
.camera_01 h3.first {margin-top:0}
.camera_01 li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;}
.camera_01 li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.camera_01 p {word-break:keep-all;line-height:1.4;}
.camera_02 ul {overflow:hidden;margin-top:30px;}
.camera_02 li {width: 22%;float: left;margin-right: 4%;text-align:center;}
.camera_02 li span  {text-align:center;background: #023b88;display: inline-block;color: #fff;font-size: 18px;padding: 8px 20px;margin-bottom: -20px;min-width: 100px;border-radius: 40px;}
.camera_02 li p {text-align: center;background: #f5f5f5;padding: 50px 12px;font-size: 20px;border-radius: 20px;}
.camera_02 li:last-child {margin-right:0;}
.camera_img {position: absolute;right: 0;top: 0;}

/*********app***********/
.app_portfolio li {width: 25%;float: left;}
.app_portfolio li a {display:block;}
.app_portfolio li a img {display:block;margin: 0 auto;}
.app_portfolio li a h3 {text-align:center;}
.app_portfolio li a p {text-align:center;}
.mobile_app_dwon {clear: both;width: 100%;padding: 20px 0;text-align: right; display: flex; word-break: keep-all;  justify-content: end; gap: 8px;}
.mobile_app_dwon a {display: inline-block;color: #fff;line-height: 1;background: #ff6a00;padding: 16px 25px;border-radius: 10px 0;}
.mapp_01, .mapp_02, .mapp_03, .mapp_04, .mapp_05, .mapp_06, .mapp_07, .mapp_08 {clear: both;width: 100%;float: left;margin: 50px 0;}
.mapp_01 {margin-top:0 !important;}
.mapp_01 li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;}
.mapp_01 li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.mapp_02 h3 {clear: both;background: #023b88;display: inline-block;color: #fff;margin: 30px 0 20px 0;padding: 14px 25px;border-radius: 0 10px;}
.mapp_img01 {clear: both;width: 100%;float: left;text-align: center;border: #ddd 1px solid;box-sizing: border-box;padding: 20px 0;}
.mapp_02 ul {overflow:hidden;clear:both;padding-top:30px;}
.mapp_02 li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;}
.mapp_02 li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.mapp_growth {clear: both;width: 48%;float: left;}
.mapp_growth02{width: 48%;float: right;}
.mapp_03 li {width:23%;margin-right:2.5%;float:left;}
.mapp_03 li:last-child {margin-right:0;}
.mapp_04 table {border-collapse: collapse; border-top:2px solid #505050; line-height:20px; margin:0 auto;min-width: 900px;}
.mapp_04 table th {background: #f0f0f0; color: #454545; font-weight: 600; text-align:center; font-size:16px; vertical-align: middle; padding:15px;border-bottom: 1px solid #ccc;}
.mapp_04 table td {color: #666; font-weight: normal; vertical-align: middle; padding:15px; font-size:16px;text-align: center;  border-bottom: 1px solid #e3e3e3;}
.mapp_04_message {display:none;}
.mapp_list {clear: both;width: 48%;float: left;text-align:center;}
.mapp_list02{width: 48%;float: right;text-align:center;}
.mapp_list h3, .mapp_list02 h3 {background: #023b88;display: inline-block;color: #fff;font-size: 21px;padding: 10px 25px;margin-bottom: -20px;min-width: 150px;border-radius: 40px;}
.mapp_list ul, .mapp_list02 ul {background: #f5f5f5;padding: 40px;line-height: 1.6;border-radius: 20px;min-height: 326px;text-align: left;overflow:hidden;}
.mapp_06 li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;}
.mapp_06 li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.mapp_07 li {width: 48%;float: left;}
.mapp_07 li:nth-child(2) {float: right;}
.mapp_08 li {width:23%;margin-right:2.5%;float:left;}
.mapp_08 li:nth-child(4n){margin-right:0;}
.mapp_08 li:nth-child(4n+1) {clear: both;}
.mapp_08 li span {display:block;margin-top:20px;text-align:center;min-height:60px;}
#mobile_app02 .mapp_02 {margin-top:0;}

.posture_img iframe {
    aspect-ratio: 560 / 315;
	border:#ddd 1px solid;
}
/***********company************/

.company_con {clear: both;width: 100%;overflow: hidden;margin-top: 50px;}
.company_con p {word-break:keep-all;line-height:1.4;}
.company_con p strong {font-size:20px;color:#023b88;}
.history_con {width:100%;float:left; position:relative;}
.history_con:after{content:''; display:block; width:1px; height:100%; background:#eee; left:135px; top:-10px; position:absolute;}
.history_con .his-title{color:#222; font-size:25px; font-weight:800; }
.history_con .his-content + .his-content{ margin-top: 20px;}
.history_con .his-content .his-left{position:relative; z-index:1;}
.history_con .his-content .his-left:after{content:''; display:block; width:18px; height:18px; border:4px solid #014195; background:#fff; position:absolute; right:-9px; top:50%; margin-top:-9px; border-radius:50%;}
.year-list {margin: 0rem 0 3rem}
.year-list .list-item + .list-item{ margin-top:10px;}
.year-list .list-item:after{content:''; display: block; clear: both;}
.year-list .item-date{float:left; width:47px; font-size:18px; font-weight:800; color:#222;}
.year-list .item-content{float:left; width:calc(100% - 47px); font-size:17px;}
.his-content + .his-content{margin-top:10px;}
.his-content:after{content:""; display:block; clear:both;}
.his-content .his-left{float:left; width:135px; padding-right:50px;}
.his-content .his-right{float:left; width:calc(100% - 135px); padding:0 0 0 50px;}
.his-content.full .his-left{float:none; width:100%; padding:0; margin-bottom:5px;}
.his-content.full .his-right{float:none; width:100%; padding:0;}
#organization p {text-align:center;}
.map_list {clear: both;width: 100%;overflow: hidden;margin-top: 49px;}

.map_list li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;}
.map_list li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}


/***********etc************/
.faq_wrap > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right;position:absolute;right:0;top:0;}
#faq_con {/*border-top: 2px solid #29282a;*/margin:20px 0 0;}
#bo_faq dl {background:#fff;padding:0; margin-bottom:15px;border:1px solid #ddd; border-radius:5px; overflow:hidden}
#bo_faq dl dt{position:relative; z-index:1;}
#bo_faq dl:hover {border:1px solid #aaa; }
#bo_faq dl dt span {display:inline-block;}
#bo_faq .tit_bg {float: left;display:inline-block;text-align:center;color:#fff;border-radius:50%;width:30px;height:30px;line-height:30px;font-size:18px;margin:0 10px 0 0;vertical-align:top;font-weight: 700;}
#bo_faq dl dt .tit_bg{background:#023b88;}
#bo_faq dl dt a {transform: skew(-0.1deg);-webkit-text-stroke: 1px rgba(0,0,0,0.1);-webkit-font-smoothing: antialiased;padding:20px 30px; background: linear-gradient(to bottom,  #ffffff 50%,#fdfdfd 100%); display:flex;align-items: center;justify-content: flex-start;width:calc(100% - 0px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;min-height:30px;font-size:18px; font-weight: 500;}
#bo_faq dl dd {display:none;padding:20px 30px;position:relative;background: #fff; margin-top:0px;border-top:1px dashed #ddd;}
#bo_faq dl dd .tit_bg{background:#019ee3;}
#bo_faq dl dd p {display:inline-block;width:calc(100% - 100px); font-size: 16px;line-height:1.4;}
#bo_faq dl dd .closer_btn{}
#bo_faq dl dd img {max-width: 100%;width: auto;height: auto;margin: 10px 0;}
#bo_faq dl dd a.view_image {display:block;width:100%;}
#faq_con .list_chk {position:absolute;left:10px; top:5px; z-index:2; }
#faq_con .con_closer{text-align:right; display:flex;justify-content: flex-end; align-items: center;}
#bo_faq .btn_sm, #bo_faq button.btn_sm {background:#f5f5f5;border:1px solid #ddd;border-radius:5px; padding:0px 8px; height:30px; line-height:30px; margin-left:5px;}
#bo_faq #bo_v_file {border: 0;background: transparent;text-align:right}
.sub_content #bo_faq #bo_v_file h2 {display:inline-block;margin-bottom: 0px;background: transparent;padding:0;}
#bo_faq #bo_v_file a {}
#bo_faq #bo_v_file span{padding:0;display:inline-block;font-size:0.75em;}

.privacy_con {clear: both;width: 100%;margin-top: 50px;overflow: hidden;}
.privacy_con h3 {color: #023b88;margin: 40px 0 20px 0;font-size: 20px;font-weight: 600;}
.privacy_con p {word-break:keep-all;line-height:1.4;}
.inquiry_con {clear: both;width: 100%;margin-top: 50px;overflow: hidden;}
.inquiry_con p {word-break:keep-all;line-height:1.4;}
.mudokorea_01, .mudokorea_02, .mudokorea_03, .mudokorea_04, .mudokorea_05, .mudokorea_06, .mudokorea_07, .mudokorea_08 {clear: both;width: 100%;float: left;margin: 30px 0;}
.mudokorea_01 {margin:0 !important;text-align:center;}
.mudokorea_02 .mapp_list ul, .mudokorea_02 .mapp_list02 ul {min-height:123px;}
.mudokorea_03 p, .mudokorea_05 p, .mudokorea_06 p, .mudokorea_07 p {text-align: center;overflow: hidden;}
.mudokorea_03 p img, .mudokorea_05 p img, .mudokorea_06 p img, .mudokorea_07 p img {display:inline-block;max-width:100%;}
.mudo_list01 li {width:50%;float:left;}
.mudo_list02 {clear:both;overflow:hidden;}
.mudo_list02 li {padding-left:20px;box-sizing:border-box;width:33.3%;float:left;}


/************°Ë»ö***********/
.search_form {background: #f7f7f7;padding: 44px;text-align: center;border-radius: 20px 0;}
.search_form p{text-align: center;margin-bottom:20px;}
.search_form div {padding:5px;clear: both;position: relative;overflow: hidden;border: #023b88 2px solid;display: inline-block;border-radius: 30px;background: #fff;}
.search_form div input[type="text"] {padding-left:30px;display: block;border: none;background: #fff;height: 40px;width: 528px;}
.search_form div input[type="submit"] {display: inline-block;position: absolute;background: #023b88;right: 5px;top: 5px;line-height: 1;color: #fff;padding: 9px 15px;border-radius: 21px;}
.search_txt {padding: 50px 0;clear: both;overflow: hidden;}
.search_txt p {padding-bottom:30px;}
.search_goods_list {clear: both;width: 100%;float: left;margin-top: 50px;}
.search_goods_list h3 {font-size: 20px;margin-bottom: 20px;}
.search_goods_list h3 span {display: inline-block;float:right;}
.sgoods-list {clear: both;border-top: #686868 2px solid;border-bottom: #ddd 1px solid;}
.sgoods-list ul {overflow:hidden;padding-top:10px;}
.sgoods-list li {width:25%;float:left;margin-bottom:10px;}
.sgoods-list li a {display:block;margin:10px;}
.sgoods-list li a > img {display: block;width: 100%;height: auto;aspect-ratio: 1 / 0.7;margin-bottom: 10px;}
.sgoods-list li a p {text-align:center;}
.sgoods-list li a p.sgtit {font-size: 18px;font-weight: 500;}


/***********AIÀÚ¼¼ºÐ¼®*************/
.posture_img {text-align: center;overflow: hidden;}
.posture_01, .posture_02, .posture_03 {clear:both;width:100%;float:left; margin-top: 50px;}
.posture_01 p {clear: both;padding-top: 50px;text-align: center;font-size: 25px;font-weight: bold;line-height:1.5}
.posture_01 p span {font-size: 30px;color:#ee2c68;}
.posture_03 li {width:32%;margin-right:1.5%;float:left;}
.posture_03 li:last-child {margin-right:0;}
.posture_03 li img {display:block;margin-bottom:20px;}
.mobile_app_dwon a.ai_demo {background: #1674d9;margin-right:10px;}


.sub_customer {clear: both;background:#1a77d7;overflow:hidden;border-radius:10px 10px 0 10px;margin-top:50px;width: 100%;float: left;}
.sub_cash {clear:both;margin-top:20px;background:#1ccbd7;overflow:hidden;border-radius:10px 10px 0 10px;width: 100%;float: left;}
.sub_customer a, .sub_cash > div {display:block;padding:30px;}

.sub_customer a span {font-size:19px;color:#fff;}
.sub_customer a h3 {font-size:33px;color:#fff;font-weight: 600;margin-bottom:10px;}
.sub_customer a p {font-size:15px;color:#fff;}
.sub_customer a p i {background: #005fc2;display: inline-block;font-size: 17px;color: #fff;line-height: 1;padding: 5px 9px;border-radius: 13px;margin-right: 10px;margin-bottom: 10px;}
.sub_cash > div h3 {font-size:23px;color:#fff;font-weight: 600;margin-bottom:10px;}
.sub_cash > div p {font-size:22px;color:#fff;margin-bottom:10px;}
.sub_cash > div span {margin-top:10px;clear:both;background: #00a3ae;display: block;font-size: 14px;color: #fff;line-height: 1;padding: 5px 9px;border-radius: 13px;}
.posture_01 p span.small {color: #333;font-size: 20px;font-weight: 400;}
.quickmenu_close {display:none;}


.order_result {border: #ddd 2px solid;text-align:center;}
.order_result_inner {padding: 50px;}
.order_result h4 {background: #f7f7f7;padding: 17px;margin-bottom: 30px;border-radius: 5px;}
.order_result p {text-align: left;font-weight: 600;font-size: 23px;margin-bottom: 20px;}
.order_result li {text-align:left;padding:5px 0;}
.order_result a {display: inline-block;margin-top: 30px;background: #005fc2;color: #fff;padding: 10px 20px;border-radius: 5px;}


#modu_play {
    width: 100%;
    height: 100%;
    background: #dfdfdf;
}
.movieplayer {
    padding: 10px;
}
.mudo_banner {
    clear: both;
    background: #cfcfcf;
    text-align: center;
    padding: 10px;
}
.mudo_banner a {display:inline-block;}
.mudo_banner img {display:block;max-width:100%;
}
.reple {
    color: red;
}

#secrch_con {clear: both;width: 100%;background: #f7f7f7;display:none;}
#secrch_con .search_form {background: #f7f7f7;padding: 17px 0;text-align: center;border-radius: 20px 0;}

li.posture_li_movie {padding: 0;width: 35%;float: right;aspect-ratio: 1 / 1.55;border-radius:30px;overflow:hidden;}
li.posture_li_movie iframe {width:100%;height:100%;}
li.posture_li_img {padding: 0;width: 60%;float: left;}
li.posture_li_movie:before, li.posture_li_img:before {display:none;}


.nameconetouch {width:100%;max-width:1137px;margin:0 auto;}
.nameconetouch > div {width:100%;clear:both;overflow:hidden;}
.nameconetouch > div > img {display:block !important;width:100% !important;margin:0 !important;}
.btn_nameevent {background: #ff7200;display: inline-block;color: #fff !important;padding: 16px 30px;border-radius: 26px;font-size: 18px;font-weight: bold;line-height: 1;}
.nameconetouch > div > p {font-size:20px;margin-top:10px;}


/*2025.01.13Ãß°¡*/
.posture_head {clear: both;width: 100%;float: left;margin-top: 50px;}
.posture_head h3 {text-align: center;font-size: 25px;font-weight: 700;word-break: keep-all;}
.posture02_li li {padding: 0;width: 32%;float: left;margin-right: 2%;overflow: hidden;border-radius: 20px;border: #ddd 1px solid;box-sizing: border-box;}
.posture02_li li:last-child {margin-right: 0;}
.posture02_li li:before {display:none;}
.posture02_li li h4 {background: #005fc2;text-align: center;padding: 30px;color: #fff;font-size: 20px;word-break: keep-all;font-weight: 700;}
.posture02_li li p {padding: 30px;min-height: 133px;}
.posture02_02 h2 {margin-bottom: 10px;}
.posture02_02 p {margin-bottom: 40px;}
.posture02_02_left {width: 50%;float: left;border-right: #ddd 1px solid;box-sizing: border-box;}
.posture02_02_left img {display:block;max-width:100%;margin:0 auto 30px auto;}
.posture02_02_right {width: 50%;float: right;}
.posture02_02_right img {display:block;max-width:100%;margin:0 auto 30px auto;}
.posture02_02_left h3 {padding:10px 0;background:#dddddd;text-align:center;font-size:22px;font-weight:700;}
.posture02_02_left ul {padding:30px 20px 0 20px;}
.posture02_02_left li {padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_02_left li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #ddd;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.posture02_02_right h3 {padding:10px 0;color:#fff;background:#005fc2;text-align:center;font-size:22px;font-weight:700;}
.posture02_02_right ul {padding:30px 20px 0 20px;}
.posture02_02_right li {padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_02_right li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #005fc2;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.posture02_03, .posture02_04, .posture02_05, .posture02_06, .posture02_07, .posture02_08, .posture02_09 {clear: both;width: 100%;float: left;margin-top: 50px;}
.posture02_03 h2 {margin-bottom: 10px;}
.posture02_03 p {margin-bottom: 50px;}
.posture02_img02 {clear: both;width: 100%;float: left; margin-bottom: 30px;}
.posture02_img02 img {display:block;max-width:100%;margin:0 auto;}
.posture02_03 h3 {clear: both;background: #023b88;display: inline-block;color: #fff;margin: 0 0 40px 0;padding: 14px 25px;border-radius: 0 10px;}
.posture02_03 li {width: 50%;float: left;padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;box-sizing: border-box;}
.posture02_03 li:before {display:none;}

.posture02_04 h2 {margin-bottom: 10px;}
.posture02_04 p {margin-bottom: 40px;}
.posture02_img03 {width: 684px;float: left;}
.posture02_img03 img {display:block;max-width:100%;}
.posture02_05_li {width: calc(100% - 725px);float: right;padding-top: 82px;}
.posture02_05_li li {padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_05_li li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #005fc2;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.posture02_06_con {width: 48%;float: left;}
.posture02_06_con.right {float:right;}
.posture02_06_con h4 {background: #023b88;border-radius: 20px 20px 20px 0;display: inline-block;color: #fff;font-size: 20px;font-weight: 700;min-width: 300px;padding: 10px 0;text-align: center;margin-bottom: -24px;}
.posture02_06_con ul {border: #ddd 1px solid;border-radius: 20px;padding: 47px 26px 26px 26px;}
.posture02_06_con li {padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_06_con li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #005fc2;border-radius: 50%;position: absolute;left: 0;top: 13px;}


.posture02_07 h2 {margin-bottom: 10px;}
.posture02_07 p {margin-bottom: 50px;}

.posture02_08 li {width: 48%;float: left;}
.posture02_08 li > img {display:block;max-width:100%;margin:0 auto;}
.posture02_08 li:last-child {float:right;}

.posture02_09 h2 {margin-bottom: 10px;}
.posture02_09 p {margin-bottom: 50px;}
.posture02_09 li {width: 31%;float: left;margin-right: 3%;}
.posture02_09 li:last-child {margin-right: 0;}
.posture02_09 li > img {display:block;max-width:100%;margin:0 auto;}

/* 2026. 05. 11 Ãß°¡ */
.fp_sec01 {margin-bottom: 120px;}
.fp_sec01 h3{text-align: center; margin-bottom: 60px; font-size: 28px; margin-top: 50px; font-weight: 700;}
.fp_sec01 ul{display: flex; gap: 20px; }
.fp_sec01 ul li:not(:nth-child(2)){width: calc((100% / 4) - 10px);}
.fp_sec01 ul li:nth-child(2){width: calc(((100% / 4) * 2) - 10px);}
.fp_sec01 .tit{border-radius: 50px; text-align: center; color: #fff; padding: 12px; font-weight: 600; font-size: 22px;}
.sky_blue{background: #92A8E2;}
.purple{background: #816BD2;}
.blue{background: #033B88;}
.fp_sec01 .common_txt_wrap{display: flex; min-height: 100px; gap: 20px;}
.fp_sec01 .common_txt_wrap .common_txt{width: 50%;}
.fp_sec01 .common_txt{margin: 20px 0 0; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); font-size: 18px; font-weight: 400; word-break: keep-all; line-height: 1.4;}
.fp_sec01 figure{position: relative; text-align: center;}
.fp_sec01 li:not(:last-child) figure:after{content:""; position:absolute; top: 50%; right: -30px; transform: translateY(-50%); background: url('../images/sub_new/double_arrow_right.webp') no-repeat center; width: 40px; height: 40px;
z-index: 3;}


.fp_sec02{position: relative; margin-bottom: 230px;}
.fp_sec02 h3{text-align: center; margin-bottom: 60px; font-size: 28px; font-weight: 900; background: #F3F6FC;  border-radius: 300px; padding: 50px 0 180px;}
.strong{color: #023B88; font-size: 32px; font-weight: 600;}
.fp_sec02 ul {display: flex; gap: 10px; position: absolute; top:50%; left:0; }
.fp_sec02 ul li{width: calc((100% / 5) - 10px); margin: 20px 0 0; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff;}
.fp_sec02 ul li h4{color: #023B88; font-weight: 900; margin-bottom: 10px; line-height: 1.5; font-size: 28px;}
.fp_sec02 ul li p{word-break: keep-all; line-height: 1.4;}


.fp_sec03 {margin-bottom: 120px;}
.fp_sec03 h3{text-align: center; margin-bottom: 30px; font-size: 28px; font-weight: 900;}
.fp_sec03>h4{text-align: center; margin-bottom: 10px; line-height: 15px; font-size: 28px; font-weight: 900;}
.fp_sec03 .blue_content {background: #023B88; color: #fff; display: flex; width: 50%; align-items: center; text-align: center; margin: 0 auto; border-radius: 50px 50px 0 50px; padding: 30px 40px;}
.fp_sec03 .blue_content p{width: 70%; font-size: 22px; line-height: 1.4; word-break: keep-all; color: #ffffff;}
.fp_sec03 .blue_content span{width: 30%;}
.fp_sec03>p{text-align: center; padding: 50px 0;}
.fp_sec03 ul{display: flex; justify-content: center; gap: 20px;}
.fp_sec03 ul li{width: calc((100% / 3) - 40px); margin: 20px 0 0; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); font-size: 18px; font-weight: 400; word-break: keep-all; line-height: 1.4;}
.fp_sec03 ul li h4{color: #023B88; font-size: 24px; font-weight: 900; line-height: 1.5; margin-bottom: 10px;}
.fp_sec03 ul li p{word-break: keep-all;}
.fp_sec03 ul li strong{color: #826BD3;}


.fp_sec04 {margin-bottom: 120px;}
.fp_sec04>h3{text-align: center; font-size: 28px; font-weight: 900; margin-bottom: 10px; line-height: 1.5;}
.fp_sec04>p{text-align: center; margin-bottom: 60px; word-break: keep-all; font-size: 20px;}
.fp04_wrap{display: flex;}
.fp04_wrap li{width: 50%;}
.fp04_wrap > li:nth-child(1){text-align: center; padding-top: 100px;}
.fp04_right li{display: flex; width: 100%; margin: 30px auto;}
.fp04_right .txt{text-align: left;}
.fp04_right .txt p{word-break: keep-all; font-size: 18px; line-height: 1.4;}
.fp04_right li figure{width: 20%;}
.fp04_right .txt{width: 80%;}
.round_tit {display: inline-block; text-align: center; background: #023B88; color: #fff; padding: 10px 20px; border-radius: 50px;}
.mb10{margin-bottom: 10px;}


.fp_sec05 {margin-bottom: 120px;}
.fp_sec05>h3{text-align: center; font-size: 28px; margin-bottom: 60px; font-weight: 900;  line-height: 1.5; }
.fp_sec05>h3 br{display: none;}
.fp05_wrap{display: flex; gap: 90px;}
.fp05_wrap .fp05_left{position: relative; width: 50%;}
.fp05_wrap .fp05_left:after{content:""; position: absolute; top:50%; right: -95px; transform: translateY(-50%); width: 95px; height: 12px; background: url('../images/sub_new/line.webp') no-repeat center;}
.fp05_wrap .fp05_left ul{display: flex; gap: 20px;}
.fp05_wrap .fp05_left li{width: calc((100% / 2) - 10px); padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; text-align: center;}
.fp05_left li h4{padding: 10px 0; font-size: 24px; font-weight: 900;  line-height: 1.5;     letter-spacing: -1px; }
.fp05_left li p{word-break: keep-all; line-height: 1.4; text-align: start;}
.fp05_right{display: flex; width: 40%; align-items: center;}
.fp05_right p{border: 2px solid #826BD3; padding: 40px 50px; border-radius: 30px; width: 80%; font-size: 24px; font-weight: 600; color: #023B88; word-break: keep-all; width: 100%;}


.fp_sec06 {margin-bottom: 120px;}
.fp_sec06>h3{text-align: center; font-size: 28px; margin-bottom: 60px; font-weight: 900; line-height: 1.5;}
.fp06_wrap {display: flex; justify-content: center; gap: 100px; align-items: center;}
.fp_sec06 .blue_content {background: #023B88; color: #fff; width: 45%; border-radius: 50px 50px 0 50px; padding: 50px 60px;}
.fp_sec06 .blue_content h4{margin-bottom: 10px; font-weight: 900;  line-height: 1.5; font-size: 28px; color: #ffffff;}
.fp_sec06 .blue_content p{word-break: keep-all; line-height: 1.4; font-size: 18px; color: #ffffff;}


.fp_sec07 {margin-bottom: 120px;}
.fp_sec07>h3{text-align: center; font-size: 28px; margin-bottom: 60px ;  font-weight: 900; line-height: 1.5;}
.mobile_img{display: none;}
.fp_sec07 h4{font-size: 24px; margin-bottom: 10px; font-weight: 900; line-height: 1.5;}
.fp_sec07 p{word-break: keep-all;}
.fp_sec07 ul{display: flex; gap: 100px; justify-content: center;}
.fp_sec07 ul li{width: calc((100% / 3) - 50px)}
.fp_sec07 figure{position: relative;}
.fp_sec07 li:not(:last-child) figure:after{content:""; position:absolute; top: 50%; right: -80px; transform: translateY(-50%); background: url('../images/sub_new/double_arrow_right.webp') no-repeat center; width: 40px; height: 40px;}
.border_tit {display: inline-block; text-align: center; border: 1px solid #023B88; color: #023B88; padding: 10px 20px; border-radius: 50px; font-size: 14px; margin: 20px 0 10px; font-weight: 500;}


.fp_sec08 {padding: 60px; background: #F3F6FC; border-radius: 100px}
.fp_sec08>h3{text-align: center; font-size: 28px; margin-bottom: 60px;}
.fp_sec08 figure{text-align: center;}

/*fp01*/
@media screen and (max-width:1400px){
.fp_sec01 .tit{font-size: 19px;}
.fp_sec01 .common_txt{font-size: 16px; padding: 20px;}
}

@media screen and (max-width:1200px){
.fp_sec01 .common_txt{min-height: 108px;}
.fp_sec01 h3{font-size: 24px;}
}

@media screen and (max-width:768px){
.fp_sec01{margin-bottom: 60px;}
.fp_sec01 h3{font-size: 20px;}
.fp_sec01 ul{flex-wrap: wrap; }
.fp_sec01 li{position:relative;}
.fp_sec01 ul li:not(:last-child){padding-bottom: 30px;}
.fp_sec01 ul li:not(:nth-child(2)){width: 100%;}
.fp_sec01 ul li:nth-child(2){width: 100%;}
.fp_sec01 .tit{font-size: 18px;}
.fp_sec01 .common_txt_wrap{min-height: auto;}
.fp_sec01 .common_txt{font-size: 16px; padding: 20px; margin: 10px 0 0; min-height: auto; border-radius: 10px; text-align: center;}
.fp_sec01 li:not(:last-child) figure:after{display: none}
.fp_sec01 li:not(:last-child):after{content:""; position:absolute; bottom: -20px; left: 50%; transform: translateX(-50%); background: url('../images/sub_new/double_arrow_down.webp') no-repeat center; width: 30px; height: 30px; z-index: 3;}
.fp_sec01 li:last-child figure img{width: 60%;}
}

/*fp02*/
@media screen and (max-width:1200px){
.fp_sec02 h3{margin-bottom: 300px;}
.fp_sec02 ul{flex-wrap: wrap; justify-content: center;}
.fp_sec02 ul li{width: calc((100% / 3) - 10px); padding: 20px 30px; margin: 10px 0 0;}
}

@media screen and (max-width:768px){
.fp_sec02 h3{margin-bottom: 400px; padding: 30px 0 100px; border-radius: 60px; font-size: 22px}
.strong{font-size: 25px;}
.fp_sec02 ul li{width: calc((100% / 2) - 10px); padding: 20px 30px; margin: 10px 0 0;}
}

@media screen and (max-width:700px){
.fp_sec02 h3{margin-bottom: 500px;}
}


@media screen and (max-width:600px){
.fp_sec02 h3{margin-bottom: 700px;}
.fp_sec02 ul li{width: 100%; padding: 20px 30px; margin: 10px 0 0;}
}

@media screen and (max-width:380px){
.fp_sec02 h3{margin-bottom: 800px;}
}

@media screen and (max-width:360px){
.fp_sec02 h3{margin-bottom: 800px;}
}


/*fp03*/
@media screen and (max-width:1200px){
.fp_sec03 .blue_content{justify-content: space-between; width: 70%;}
.fp_sec03 .blue_content p{font-size: 18px;}
.fp_sec03 .blue_content span {width: 20%;}
.fp_sec03 ul li p{font-size: 16px;}
}

@media screen and (max-width:1000px){
.fp_sec03{margin-bottom: 60px;}
.fp_sec03 .blue_content{width: 100%;}
.fp_sec03 ul{flex-wrap: wrap; gap: 5px;}
.fp_sec03 ul li{width: 100%;}
}

@media screen and (max-width:768px){
.fp_sec03>h4{font-size: 22px;}
.fp_sec03 .blue_content p{font-size: 16px;}
.fp_sec03 ul li{padding: 20px;}
.fp_sec03 ul li h4{font-size: 18px}
}

/*fp04*/
@media screen and (max-width:1200px){
.fp_sec04{margin-bottom: 60px;}
.fp_sec04>p{margin-bottom: 0;}
.fp_sec04>p br{display: none;}
.fp04_wrap{flex-wrap: wrap; justify-content: center;}
.fp04_wrap>li{width: 80%}
.fp04_wrap > li:nth-child(1){padding: 20px 0;}
.fp04_right{text-align: center; margin-top: 20px;}
}

@media screen and (max-width:768px){
.fp_sec04>h3{font-size: 22px;}
.fp_sec04>p{font-size: 17px;}
.fp04_wrap>li{width: 100%;}
.fp04_right li{width: 100%; flex-wrap: wrap;}
.fp04_right li figure{order: 2; display: flex; align-items: center; justify-content: end;}
.fp04_right .txt{order: 1; }
.fp04_right .txt p{font-size: 16px; }
.fp04_right li figure{width: 30%;}
.fp04_right .txt{width: 70%;}
}

/*fp05*/
@media screen and (max-width:1200px){
.fp_sec05{margin-bottom: 60px;}
.fp05_wrap{flex-wrap: wrap; justify-content: center;}
.fp05_wrap .fp05_left{width: 80%;}
.fp05_left li h4{font-size: 20px;}
.fp05_wrap .fp05_left:after{content:""; position: absolute; top: auto; bottom: -55px; left: 50%; transform: translateX(-50%) rotate(90deg);; width: 95px; height: 12px; background: url('../images/sub/line.webp') no-repeat center;}
.fp05_right {width: 80%;}
.fp05_right p{font-size: 20px; text-align: center; padding: 40px 60px;}
}

@media screen and (max-width:900px){
.fp05_wrap{flex-wrap: wrap; justify-content: center;}
.fp05_wrap .fp05_left{width: 100%;}
.fp05_wrap .fp05_left:after{content:""; position: absolute; top: auto; bottom: -55px; left: 50%; transform: translateX(-50%) rotate(90deg);; width: 95px; height: 12px; background: url('../images/sub/line.webp') no-repeat center;}
.fp05_right {width: 100%;}
.fp05_right p{font-size: 20px; text-align: center; padding: 40px 30px;}
}

@media screen and (max-width: 768px){
.fp_sec05>h3{font-size: 22px; margin-bottom: 30px;}
.fp_sec05>h3 br{display: block;}
.fp05_wrap .fp05_left ul{flex-wrap: wrap;}
.fp05_wrap .fp05_left li{width: 100%;}
.fp05_left li p{font-size: 16px;}
.fp05_right p{font-size: 17px; padding: 30px;}
}

/*fp06*/
@media screen and (max-width:1200px){
.fp_sec06 {margin-bottom: 60px;}
.fp_sec06>h3{margin-bottom: 30px;}
.fp06_wrap{flex-wrap: wrap; gap:20px}
.fp_sec06 .blue_content{width: 100%; padding: 30px;}
.fp_sec06 .blue_content h4{font-size: 22px;}
.fp06_wrap li{width: 100%;}
}

@media screen and (max-width:768px){
.fp_sec06>h3{font-size: 22px; margin-bottom: 30px;}
.fp_sec06 .blue_content{border-radius: 30px 30px 0 50px;}
.fp_sec06 .blue_content h4{font-size: 18px;}
.fp_sec06 .blue_content p{font-size: 16px;}
}

/*fp07*/
@media screen and (max-width:1200px){
.fp_sec07 {margin-bottom: 60px;}
.fp_sec07 h4{font-size: 22px;}
.fp_sec07 ul{display: flex; gap: 30px; justify-content: center;}
.fp_sec07 ul li{width: calc((100% / 3) - 10px)}
.fp_sec07 li:not(:last-child) figure:after{right: -50px;}
}

@media screen and (max-width:768px){
.fp_sec07>h3{font-size: 22px; margin-bottom: 30px;}
.fp_sec07 h4{font-size: 18px; font-weight: 500;}
.fp_sec07 ul{flex-wrap: wrap; gap: 10px;}
.fp_sec07 ul li{width: 100%;}
.fp_sec07 figure{display: none;}
.fp_sec07 .mobile_img{display: block;}
.fp_sec07 li:not(:last-child) figure:after{display: none;}
.pd_sm{padding: 5px 20px;}
}

/*fp08*/
@media screen and (max-width:768px){
.fp_sec08 {padding: 30px 10px; border-radius: 30px; margin-bottom: 30px !important;}
.fp_sec08>h3{font-size: 22px; margin-bottom: 30px;}
}


/* popupzone */
.main_popupzone .swiper-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 11;
}

/* best */
#main_best .swiper-slide a {
    display: block;
    border: #ddd 1px solid;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    transition: 0.5s;
}

#main_best .swiper-slide a:hover {
    border: #1570cd 2px solid;
}

#main_best .swiper-slide a img {
    display: block;
    margin: 0 auto 10px auto;
}

#main_best .swiper-slide a span {
    display: block;
    text-align: center;
}

/* movie / photo */
.main_movie .swiper,
.main_photo .swiper {
    margin: 0 -10px;
}

.main_movie .swiper-slide,
.main_photo .swiper-slide {
    padding: 0 10px;
}

.main_movie .swiper-slide a span {
    display: block;
    color: #305fd5;
    font-size: 13px;
    margin-top: 5px;
}

/* shop */
#main_02 .swiper {
    margin: 0 -10px;
}

#main_02 .swiper-slide {
    padding: 0 10px;
}

#main_02 .swiper-slide a {
    display: block;
    border: #ddd 1px solid;
    padding: 30px;
    border-radius: 10px;
}

#main_02 .swiper-slide a:hover {
    border: #133fe8 1px solid;
}

#main_02 .swiper-slide a p {
    margin-bottom: 10px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#main_02 .swiper-slide a span {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    font-weight: bold;
    position: relative;
}

/* bottom banner */
#bottom_banner .swiper {
    margin: 0 -10px;
}

#bottom_banner .swiper-slide {
    padding: 0 10px;
}

.banner_slick {
    overflow: hidden;
}