/******** common ********/
body {
  overflow: visible;
  max-width:100%;
}
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 3.5px;
  background: #ffffff;
}
body::-webkit-scrollbar-thumb {
  border-radius: 3.5px;
  background-color: #eb6101;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #c14f00;
}
body::-webkit-scrollbar-track {
  border-radius: 3.5px;
  background: #ddd;
}
.wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  font-family: "NotoSansKR", sans-serif;
  color: #333;
  font-size: 1.6rem;
}
.wrap .str {
  font-weight: 600;
}
.wrap .c_orange {
  color: #eb6101;
}
.wrap .c_blue {
  color: #034e89;
}
.wrap .c_skyblue {
  color: #2381b3;
}
.wrap .c_gray {
  color: #888888;
}
.wrap .c_red {
  color: #e60000;
}
.wrap .c_pink {
  color: #ff6d97;
}
.wrap .c_brown {
  color: #9b4800;
}
.wrap .c_gold {
  color: #b87d39;
}
.wrap .c_green {
  color: #14aa28;
}
.pc_area {
  display: block;
}
.mobi_area {
  display: none;
}
.cont_size {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.remark_txt {
  font-size: 1.3rem;
}

.wrap .ipt_txt {
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 1.4rem;
  border-radius: 3px;
  vertical-align: middle;
}
.wrap .ipt_txt:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: 1px solid #f46f21;
}
.wrap .ipt_txt.size_big {
  padding: 15px;
  font-size: 1.7rem;
}
.wrap .ipt_txa {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 1.4rem;
  border-radius: 3px;
  vertical-align: middle;
  font-family: inherit;
}
.wrap .ipt_txa:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: 1px solid #f46f21;
}
.wrap .ipt_slct {
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 1.4rem;
  border-radius: 3px;
  vertical-align: middle;
}
.wrap .ipt_slct:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: 1px solid #f46f21;
}
.wrap .ipt_radio {
  width: 20px;
  height: 20px;
  margin: 0;
  vertical-align: middle;
}
.wrap .ipt_chk {
  width: 20px;
  height: 20px;
  margin: 0;
  vertical-align: middle;
}
.wrap .ipt_label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.wrap .ipt_label * {
  vertical-align: middle;
}
.wrap .ipt_label_file {
  position: relative;
}
.wrap .ipt_label_file .ipt_file {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.webch_btn {
  position: relative;
  display: inline-block;
  padding: 8px;
  background: #73a6ac;
  color: #fff;
  text-align: center;
  border: none;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: normal;
  border-radius: 3px;
  transition: all 0.2s;
  cursor: pointer;
}
.webch_btn:hover {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7) inset;
}
.webch_btn:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
  transform: translateX(-50%);
  transition: all 0.2s;
  opacity: 0;
}
.webch_btn:hover:before {
  top: -2px;
  opacity: 1;
}
.webch_btn.size_small {
  padding: 4px 10px;
  font-size: 1.4rem;
}
.webch_btn.size_big {
  padding: 6px 2em;
  font-size: 2rem;
}
.webch_btn .icon {
  padding-left: 10px;
  color: #fff;
}

.webch_btn.bg_gray {
  background: #aaa;
}
.webch_btn.bg_orange {
  background: #eb6101;
}
.webch_btn.bg_orange2 {
  background: #ff8638;
}
.webch_btn.bg_navy {
  background: #101e39;
}
.webch_btn.bg_brown {
  background: #7f6d63;
}
.webch_btn.bg_blue {
  background: #034e89;
}
.webch_btn.bg_green {
  background: #259911;
}
.webch_btn.bg_red {
  background: #ED1C24;
}
.webch_btn.bg_white {
  background: #fff;
  color:#7e6d66;
  border:1px solid #7e6d66;
}

@media screen and (max-width: 1200px) {
  .wrap .cont_size {
    width: 100%;
  }
  .wrap .pc_area {
    display: none;
  }
  .wrap .mobi_area {
    display: block;
  }
  .wrap .ipt_radio {
    width: 15px;
    height: 15px;
  }
  .wrap .ipt_chk {
    width: 15px;
    height: 15px;
  }
}

/* radio selector */
.wrap .ipt_radio_selector { /*Ŭ¸³¾ÆÆ® ¶óº§ µðÀÚÀÎÀ¸·Î? css label ±¸±Û */
  display: flex;
  flex-wrap: wrap;
}
.wrap .ipt_radio_selector .ipt_label {
  position: relative;
  flex: 1 1 auto;
  height: 60px;
  padding: 0;
  color: #aaa;
  text-align: center;
  border: 1px solid #ddd;
  border-left: 0;
}
.wrap .ipt_radio_selector .ipt_label.active {
  background:#fff;
}
/*
.wrap .ipt_radio_selector .ipt_label:before {content:''; position:absolute; top:2px; left:2px; display:block; width:calc(100% - 4px); height:calc(100% - 4px); border:1px solid #eee; opacity:0.5;}
.wrap .ipt_radio_selector .ipt_label.active:before {border:1px solid #fff; opacity:1;}
*/
.wrap .ipt_radio_selector .ipt_label:hover {
  color: #888;
}
.wrap .ipt_radio_selector .ipt_label:first-of-type {
  border-left: 1px solid #ddd;
}
.wrap .ipt_radio_selector.selector2 .ipt_label {
  flex: 1 1 45%;
  border-bottom: 0;
}
.wrap .ipt_radio_selector .ipt_label .icon_chk {position:absolute; top:-6px; left:0px; width:30px; height:35px; border-radius:5px; border-top-right-radius:0; border-top-left-radius:5px; background:#2f6dca; transition: all 0.2s; box-shadow:1px 1px 2px rgba(0,0,0,0.1); opacity:0; z-index:999;}
.wrap .ipt_radio_selector .ipt_label .icon_chk:before {content:''; position:absolute; top:1px; right:-4px; display:block; width:4px; height:4px; background:#0f3c80; border-top-left-radius:50%; border-top-right-radius:50%; z-index:99;}
.wrap .ipt_radio_selector .ipt_label .icon_chk:after {content:''; position:absolute; top:0; right:-4px; display:block; width:4px; height:5px; background:#2f6dca; border-top-right-radius:50%; z-index:9;}
.wrap .ipt_radio_selector .ipt_label.active .icon_chk {left:15px; opacity:1;}
.wrap .ipt_radio_selector .ipt_label .ipt_radio {
  position: absolute;
  left: -100%;
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
}
.wrap .ipt_radio_selector .ipt_label .txt {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 58px;
  line-height: 58px;
  font-size: 2rem;
  border: 1px solid transparent;
  z-index: 9;
}
.wrap .ipt_radio_selector .ipt_label.active .txt {
  margin: -1px 0 0 -1px;
  color: #2f6dca;
  border: 1px solid #9dc0f5;
  outline: 1px solid #9dc0f5;
  box-sizing: content-box;
}
.wrap .ipt_radio_selector .ipt_label .txt_ref + .txt {
  line-height: 50px;
}
.wrap .ipt_radio_selector .ipt_label .txt_ref {
  position: absolute;
  bottom: 3px;
  left: 50%;
  display: block;
  width: 100%;
  transform: translateX(-50%);
  font-size: 1.2rem;
}
.wrap .ipt_radio_selector .ipt_label.active .txt_ref {
  color: #ff8638;
}
.wrap .ipt_radio_selector .ipt_label .icon_chk .icon {
  position: absolute;
  top: 50%;
  left: 0;
  right:0;
  margin:0 auto;
  transform: translateY(-50%);
  color: #fff;
  font-size: 12px;
  opacity: 0;
}
.wrap .ipt_radio_selector .ipt_label:hover .icon {
  opacity: 0.3;
}
.wrap .ipt_radio_selector .ipt_label.active .icon {
  opacity: 1;
}
.wrap .ipt_radio_selector.selector2 .ipt_label:last-of-type {
  border-bottom: 1px solid #ddd;
}
.wrap .ipt_radio_selector.selector2 .ipt_label:nth-last-of-type(2) {
  border-bottom: 1px solid #ddd;
}
.wrap .ipt_radio_selector.selector2 .ipt_label:nth-of-type(odd) {
  border-left: 1px solid #ddd;
}
.wrap .ipt_radio_selector.selector2 .ipt_label.active .txt {
  height: 59px;
}
.wrap .ipt_radio_selector.selector2 .ipt_label:last-of-type .txt {
  height: 58px;
}
.wrap .ipt_radio_selector.selector2 .ipt_label:nth-last-of-type(2) .txt {
  height: 58px;
}
.wrap .ipt_radio_selector.selector3 .ipt_label {
  flex: 1 1 32%;
}
@media screen and (max-width: 1200px) {
  .wrap .ipt_radio_selector .ipt_label .txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .wrap .ipt_radio_selector .ipt_label .txt {
    font-size: 1.4rem;
  }
  .wrap .ipt_radio_selector .ipt_label .icon_chk {width:20px; height:25px;}
  .wrap .ipt_radio_selector .ipt_label .icon_chk .icon {font-size:1.2rem;}
  .wrap .ipt_radio_selector .ipt_label.active .icon_chk {left:5px;}
}

/******** header ********/
.header {
  position: fixed;
  width: 100%;
  height: 100px;
  text-align: center;
  background: #fff;
  z-index: 999999999;
}
.logo {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 100%;
  width: 220px;
  margin-left:10px;
  transform: translateY(-50%);
}
.logo > .link {
  display: block;
  height: 100%;
}
.logo_img {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  transform: translateY(-50%);
}
.header .btn_sand {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 30px;
  height: 26px;
  padding: 0;
  transform: translateY(-50%);
  background: none;
  border: 0;
}
.header .btn_sand > .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #434343;
  transition: all 0.3s;
}
.header .btn_sand:hover > .line {
  background: #666;
}
.header .btn_sand > .line:nth-of-type(1) {
  top: 0;
  left: 0;
  transform: translateY(0%);
}
.header .btn_sand.open > .line:nth-of-type(1) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.header .btn_sand > .line:nth-of-type(2) {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.header .btn_sand.open > .line:nth-of-type(2) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header .btn_sand > .line:nth-of-type(3) {
  bottom: 0%;
  right: 0;
  width: 80%;
  transform: translateY(0%);
  opacity: 1;
}
.header .btn_sand.open > .line:nth-of-type(3) {
  width: 0%;
  opacity: 0;
}
@media screen and (max-width: 1200px) {
  .header {
    height: 80px;
  }
  .header .btn_sand {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .header {
    height: 50px;
  }
  .header .btn_sand {
    right: 10px;
  }
  .logo {
    width: 150px;
  }
}

/* top menu */
.menu_top {
  width: 900px;
  margin: 0 auto;
}
.menu_top::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 3.5px;
  background: #ffffff;
}
.menu_top::-webkit-scrollbar-thumb {
  border-radius: 3.5px;
  background-color: #eb6101;
}
.menu_top::-webkit-scrollbar-thumb:hover {
  background-color: #c14f00;
}
.menu_top::-webkit-scrollbar-track {
  border-radius: 3.5px;
  background: #ddd;
}
.menu_top_fst {
  display: flex;
  color: #101e39;
}
.menu_top_fst > li {
  flex: 1 1 19%;
}
.menu_top_fst > li > .link {
  position: relative;
  display: block;
  height: 100px;
  line-height: 100px;
  font-size: 2rem;
  font-weight: 600;
  transition: all 0.2s;
  text-align: left;
}
.menu_top_fst > li > .link:hover {
  color: #eb6101;
}
.menu_top_fst > li > .link > .icon {
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  font-size: 13px;
  color: #eb6101;
  transition: all 0.1s;
  opacity: 0;
}
.menu_top_fst > li > .link:hover > .icon {
  top: 50%;
  left: -18px;
  opacity: 1;
}
@media screen and (max-width: 1450px) {
  .menu_top {
    width: 600px;
  }
}
@media screen and (max-width: 1200px) {
  .menu_top {
    display: none;
    overflow-y: auto;
    position: fixed;
    top: 80px;
    right: 0;
    width: 100%;
    height: calc(100% - 80px);
    box-sizing: border-box;
    background: #fff;
    z-index: 999999999;
  }
  .menu_top_fst {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .menu_top {
    top: 50px;
    height: calc(100% - 50px);
  }
}

.menu_top_scd_area {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  justify-content: center;
  width: 100%;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  border-top: 1px solid #ddd;
  z-index: 999999999;
}
.menu_top_scd_cont {
  display: flex;
  width: 900px;
  margin: 0 auto;
  padding: 20px 0;
}
.menu_top_scd_cont > li {
  flex: 1 1 19%;
}
.menu_top_scd {
  text-align: left;
}
.menu_top_scd > li {
}
.menu_top_scd > li > .link {
  position: relative;
  display: block;
  padding: 0.7em 0;
  transition: all 0.2s;
}
.menu_top_scd > li > .link:hover {
  color: #eb6101;
}
.menu_top_scd > li > .link > .icon {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  font-size: 11px;
  color: #eb6101;
  transition: all 0.2s;
  opacity: 0;
}
.menu_top_scd > li > .link:hover > .icon {
  top: 50%;
  left: -15px;
  opacity: 1;
}

.menu_top_scd_mobi_txt {
  display: none;
  position: relative;
  padding: 0.8em 0.5em;
  font-size: 3rem;
  border-bottom: 1px solid #ddd;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.menu_top_scd_mobi_txt:hover {
  color: #eb6101;
}
.menu_top_scd_mobi_txt.open {
  color: #eb6101;
}
.menu_top_scd_mobi_txt > .arw {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%) rotate(0deg);
  color: #aaa;
  font-size: 18px;
  transition: all 0.2s;
}
.menu_top_scd_mobi_txt:hover > .arw {
  color: #eb6101;
}
.menu_top_scd_mobi_txt > .arw.open {
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width: 1450px) {
  .menu_top_scd_cont {
    width: 600px;
  }
}
@media screen and (max-width: 1200px) {
  .menu_top_scd_area {
    position: static;
    display: block;
    padding: 0px 20px 20px;
    box-shadow: none;
    box-sizing: border-box;
  }
  .menu_top_scd_cont {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .menu_top_scd_mobi_txt {
    display: block;
  }

  .menu_top_scd {
    padding: 0.5em 0 0.5em 3em;
    background: #eeeeee;
  }
  .menu_top_scd > li > .link {
    padding: 0.5em 0;
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 500px) {
  .menu_top_scd_area {
    padding: 0px 10px 10px;
  }
  .menu_top_scd_mobi_txt {
    font-size: 2.3rem;
  }
  .menu_top_scd > li > .link {
    font-size: 1.8rem;
  }
}

/* user menu */
.menu_user {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.menu_user > .btn_more {
  display: none;
  width: 40px;
  height: 40px;
  margin-left: auto;
  background: #ff8638;
  border-radius: 100%;
  border: 0;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.menu_user > .btn_more > .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 23px;
  height: 5px;
  background: #fff;
  border-radius: 6px;
  transition: all 0.2s;
  transform:translate(-50%,-50%);
}
.menu_user > .btn_more > .dot:last-child {
  width: 5px;
  height: 23px;
}

/* 11 */
.menu_user > .btn_more {
  position: relative;
  overflow: hidden;
  border: none;
  background: #ff8638;
  background: linear-gradient(45deg, #ff8638 0%, #ffc124 100%);
  color: #fff;
}

.menu_user > .btn_more:hover {
  text-decoration: none;
  color: #fff;
}

.menu_user > .btn_more:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}

.menu_user > .btn_more:hover {
  opacity: .7;
}

.menu_user > .btn_more:active {
  box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
      -4px -4px 6px 0 rgba(116, 125, 136, .2),
      inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
      inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@keyframes shiny-btn1 {
  0% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0;
  }

  80% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0.5;
  }

  81% {
      -webkit-transform: scale(4) rotate(45deg);
      opacity: 1;
  }

  100% {
      -webkit-transform: scale(50) rotate(45deg);
      opacity: 0;
  }
}
.menu_user > .btn_more.open > .dot:nth-of-type(1) {
  transform:translate(-50%,-50%) rotate(135deg);
}
.menu_user > .btn_more.open > .dot:last-child {
  transform:translate(-50%,-50%) rotate(135deg);
}

@media screen and (max-width: 1200px) {
  .menu_user {
    position: fixed;
    top: auto;
    bottom: 50px;
    right: 5px;
    transform: translateY(0%);
    z-index: 99999999;
  }
  .menu_user .webch_btn {
    position: absolute;
    right: -90px;
    display: block;
    width: 60px;
    margin-bottom: 5px;
    font-size: 1.2rem;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    transition: all 0.2s;
  }
  .menu_user .webch_btn:nth-of-type(1) {
    bottom: 145px;
    transition-delay: 0.3s;
  }
  .menu_user .webch_btn:nth-of-type(2) {
    bottom: 110px;
    transition-delay: 0.2s;
  }
  .menu_user .webch_btn:nth-of-type(3) {
    bottom: 75px;
    transition-delay: 0.1s;
  }
  .menu_user .webch_btn:nth-of-type(4) {
    bottom: 40px;
    transition-delay: 0;
  }
  .menu_user .webch_btn.open:nth-of-type(1) {
    right: 0;
  }
  .menu_user .webch_btn.open:nth-of-type(2) {
    right: 0;
  }
  .menu_user .webch_btn.open:nth-of-type(3) {
    right: 0;
  }
  .menu_user .webch_btn.open:nth-of-type(4) {
    right: 0;
  }
  .menu_user > .btn_more {
    display: block;
  }
  .menu_user > .btn_more:hover {
    background: #fff;
  }
  .menu_user > .btn_more:hover .dot {
    background: #ff8638;
  }
}

/******** main ********/
.main {
  padding-top: 100px;
}
@media screen and (max-width: 1200px) {
  .main {
    padding-top: 80px;
  }
}
@media screen and (max-width: 500px) {
  .main {
    padding-top: 50px;
  }
}

/* banner */
.main_banner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 31%;
  z-index: 9;
}
.main_banner_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.main_banner_swiper {
  width: 100%;
  height: 100%;
}
.main_banner_swiper.swiper-container-horizontal > .swiper-pagination-bullets {bottom:20px;}
.main_banner_swiper > .swiper-button-next,
.main_banner_swiper > .swiper-button-prev {
  display:none;
  color: transparent;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.9);
}
.main_banner_swiper > .swiper-button-next {
  margin-right: 150px;
}
.main_banner_swiper > .swiper-button-prev {
  margin-left: 150px;
}
.main_banner_swiper.swiper-container > .swiper-pagination-bullet-active {
  background: #eb6101;
}
.main_banner_thumb {position:absolute; top:50%; right:60px; width:180px; transform:translateY(-50%); box-shadow:1px 1px 3px rgba(0,0,0,0.4), 3px 3px 10px rgba(0,0,0,0.1); z-index:999;}
.main_banner_thumb_swiper.swiper-container {overflow:inherit; width:100%;}
.main_banner_thumb_swiper .swiper-wrapper {display:block; transform: translate3d(0, 0, 0) !important;}
.main_banner_thumb_swiper .swiper-slide {width:100% !important; height:auto !important; padding:25px 13px; border-bottom:1px solid #ccc; background:#fff; cursor:pointer; text-align:center; border:3px solid #fff; border-bottom:1px solid #ccc;}
.main_banner_thumb_swiper .swiper-slide:last-child {border-bottom:0;}
.main_banner_thumb_swiper .swiper-slide .txt {font-size:1.6rem; font-weight:300; color:#000; line-height:1.4;}
.main_banner_thumb_swiper .swiper-slide .icon {position:absolute; top:50%; right:13px; display:block; width:68px; transform:translateY(-50%); transition: all 0.3s;}
.main_banner_thumb_swiper .swiper-slide:hover .txt {color:#ff8638;}
.main_banner_thumb_swiper .swiper-slide-thumb-active {border:3px solid #ff8638;}
.main_banner_thumb_swiper .swiper-slide-thumb-active:last-child {border:3px solid #ff8638;}
.main_banner_thumb_swiper .swiper-slide-thumb-active .icon {transform:translateY(-50%) scale(1.1);}
.main_banner_cont .link {
  display: block;
  width: 100%;
  height: 100%;
}
.main_banner_img {
  display: block;
  width: 100%;
  image-rendering: -moz-crisp-edges; /* firefox */
  image-rendering: -o-crisp-edges; /* opera */
  image-rendering: -webkit-optimize-contrast; /* chrome(ºñÇ¥ÁØ) */
  image-rendering: crisp-edges;
  transform:translateZ(0);
  backface-visibility:hidden;
}
@media screen and (max-width: 1500px) {
  .main_banner_thumb {display:none;}
}
@media screen and (max-width: 1200px) {
  .main_banner {
    padding-bottom: 46%;
  }
}
.main_banner_sec01 {position:relative; padding-bottom:35%; background:#fbfbfb; font-family:'GmarketSans','NotoSansKR',sans-serif; color:#000;}
.main_banner_sec01_cont {position:absolute; top:0; left:0; width:100%; height:100%; padding:5% 0 0 18%; box-sizing:border-box;}
.main_banner_sec01_cont .bg {position:absolute; bottom:20%; right:13%; display:block; width:34%;}
.main_banner_sec01_cont_info {position:relative; z-index:99;}
.main_banner_sec01_cont_info .date {display:block; margin-bottom:0.8em; font-size:3.2rem;}
.main_banner_sec01_cont_info .tit {margin-bottom:0.8em; font-size:5rem; font-weight:600; line-height:1.2;}
.main_banner_sec01_cont_info .price {margin-bottom:2em; font-size:4rem;}
.main_banner_sec01_cont_info .tab_list {display:flex; gap:10px;}
.main_banner_sec01_cont_info .tab_list .tab {padding:1.2em 0.6em 0.9em; background:#ccc; border-radius:20px; color:#fff; font-weight:600; font-size:2rem;}
.main_banner_sec01_cont_info .tab_list .tab:nth-child(1) {background:#ff8638;}
.main_banner_sec01_cont_info .tab_list .tab:nth-child(2) {background:#eb6101;}
.main_banner_sec01_cont_info .tab_list .tab:nth-child(3) {background:#7e6d63;}
@media screen and (max-width: 1500px) {
  .main_banner_sec01_cont {padding: 3%;}
  .main_banner_sec01_cont .bg {width:40%;}
  .main_banner_sec01_cont_info .date {font-size:3rem;}
  .main_banner_sec01_cont_info .tit {font-size:5rem;}
  .main_banner_sec01_cont_info .price {font-size:3rem;}
  .main_banner_sec01_cont_info .tab_list .tab {font-size:1.6rem; border-radius:10px;}
}
@media screen and (max-width: 900px) {
  .main_banner_sec01_cont_info .date {font-size:2rem;}
  .main_banner_sec01_cont_info .tit {font-size:3rem;}
  .main_banner_sec01_cont_info .price {margin-bottom:1em; font-size:2rem;}
  .main_banner_sec01_cont_info .tab_list {gap:5px;}
  .main_banner_sec01_cont_info .tab_list .tab {font-size:1.4rem;}
}
@media screen and (max-width: 600px) {
  .main_banner_sec01_cont {text-align:center;}
  .main_banner_sec01_cont .bg {opacity:0.1;}
  .main_banner_sec01_cont_info .date {font-size:1.6rem;}
  .main_banner_sec01_cont_info .tit {margin-bottom:0.3em; font-size:1.9rem;}
  .main_banner_sec01_cont_info .price {margin-bottom:0.5em; font-size:1.6rem;}
.main_banner_sec01_cont_info .tab_list {justify-content:center;}
  .main_banner_sec01_cont_info .tab_list .tab {padding:0.4em 0.5em 0.2em; word-break:keep-all; line-height:1.2; text-align:center;}
}

/* solution */
.main_quick_sol {
  height:167px;
  border-bottom: 1px solid #eee;
}
.main_quick_sol > .cont_size {
  display: flex;
  align-items: center;
}
.main_quick_sol_tit {
  flex: 1 1 150px;
  border-right: 1px solid #eee;
}
.main_quick_sol_swiper.swiper-container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(100% - 150px);
  padding: 3% 0;
}
.main_quick_sol_swiper.swiper-container .swiper-pagination {
  bottom: 15px;
  opacity: 0;
}
.main_quick_sol_swiper.swiper-container .swiper-pagination-bullet-active {
  background: #eb6101;
}
.main_quick_sol_list {
}
.main_quick_sol_list > li {
  text-align: center;
}
.main_quick_sol_list > li > .link {
  display: block;
}
.main_quick_sol_list > li > .link > .icon {
  position: relative;
  top: 0;
  display: inline-block;
  width: 60px;
  margin-bottom: 15px;
  transform: scale(1);
  transition: all 0.2s;
}
.main_quick_sol_list > li > .link:hover > .icon {
  top: -5px;
  transform: scale(1.09);
}
.main_quick_sol_list > li > .link > .txt {
  font-size: 1.8rem;
  color: #000;
  transition: all 0.2s;
}
.main_quick_sol_list > li > .link:hover > .txt {
  color: #eb6101;
}
.main_quick_sol_tit {
  padding-top: 10px;
}
.main_quick_sol_tit > .str {
  margin-bottom: 0.5em;
  font-size: 2.9rem;
}
.main_quick_sol_tit > .more {
  position: relative;
  font-size: 1.8rem;
  transition: all 0.2s;
}
.main_quick_sol_tit:hover > .more {
  color: #eb6101;
}
.main_quick_sol_tit .link_more_icon {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 55px;
  vertical-align: middle;
  transform: translateY(-50%);
}
.main_quick_sol_tit .link_more_icon > .icon {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 12px;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.main_quick_sol_tit:hover .link_more_icon > .icon:nth-of-type(1) {
  color: #eb6101;
  opacity: 1;
}
.main_quick_sol_tit:hover .link_more_icon > .icon:nth-of-type(2) {
  color: #eb6101;
  left: 10px;
  opacity: 0.7;
}
.main_quick_sol_tit:hover .link_more_icon > .icon:nth-of-type(3) {
  color: #eb6101;
  left: 20px;
  opacity: 0.5;
}
@media screen and (max-width: 1200px) {
  .main_quick_sol_swiper.swiper-container {
    padding: 3% 0 50px;
  }
  .main_quick_sol_swiper.swiper-container .swiper-pagination {
    opacity: 1;
  }
  .main_quick_sol > .cont_size {
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .main_quick_sol_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 20px;
    border: 0;
  }
  .main_quick_sol_tit > .str {
    margin: 0 auto 0 0;
    font-size: 2.3rem;
  }
  .main_quick_sol_tit > .more {
    font-size: 1.5rem;
  }
  .main_quick_sol_tit .link_more_icon {
    left: 45px;
  }
  .main_quick_sol_list > li > .link > .icon {width:40px;}
  .main_quick_sol_list > li > .link > .txt {
    font-size: 1.6rem;
  }
}

/* main type */
.main_type {
}
.main_type_tit {position:absolute; top:8%; left:0px; font-size:3rem;}
.main_type > .cont_size {
  position: relative;
  padding: 5.8% 5px;
}
.main_type > .cont_size > .link_more {
  position: absolute;
  top: 8%;
  right: 20px;
  font-size: 1.8rem;
}
.main_type > .cont_size > .link_more .link_more_icon {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 55px;
  vertical-align: middle;
  transform: translateY(-50%);
}
.main_type > .cont_size > .link_more .link_more_icon > .icon {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 12px;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.main_type > .cont_size > .link_more:hover {
  color: #eb6101;
}
.main_type
  > .cont_size
  > .link_more:hover
  .link_more_icon
  > .icon:nth-of-type(1) {
  color: #eb6101;
  opacity: 1;
}
.main_type
  > .cont_size
  > .link_more:hover
  .link_more_icon
  > .icon:nth-of-type(2) {
  color: #eb6101;
  left: 10px;
  opacity: 0.7;
}
.main_type
  > .cont_size
  > .link_more:hover
  .link_more_icon
  > .icon:nth-of-type(3) {
  color: #eb6101;
  left: 20px;
  opacity: 0.5;
}

.main_type_item_swiper.swiper-container {
  width: 100%;
  height:533px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius:10px;
}
.main_type_item_swiper.swiper-container .swiper-pagination {
  bottom: 0px;
  opacity: 0;
}
.main_type_item_swiper.swiper-container .swiper-pagination-bullet-active {
  background: #eb6101;
}
.main_type_item_swiper .swiper-slide {border-right:1px solid #dcdcdc;}
.main_type_item_swiper .swiper-slide:last-child {border-right:0;}
.main_type_item {
  overflow: hidden;
  position: relative;
  top: 0;
  height:100%;
  box-sizing: border-box;
  transition: all 0.2s;
  color:#000;
}
.main_type_item > .link {
  display: block;
  height:100%;
  padding: 13% 10% 15%;
  transition: all 0.2s;
}
.main_type_item .tit {
  margin-bottom: 0.5em;
  font-size: 3.6rem;
  font-weight:600;
  color: #7e6d63;
}
.main_type_item .desc {
  padding-bottom:30px;
  font-size: 1.8rem;
  font-weight:300;
  border-bottom:1px solid #dcdcdc;
  line-height:1.2;
}
.main_type_item .price {
  padding:30px 0;
  margin-bottom:30px;
  font-size:2rem;
  font-weight:600;
  border-bottom:1px solid #dcdcdc;
}
.main_type_item .price .str {
  font-size:3.6rem;
}
.main_type_item > .link > .arw {display:none; position:absolute; top:50%; right:3px; transform:translateY(-50%); font-size:30px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.4); animation: ani_arw_right 1s ease infinite;}
@keyframes ani_arw_right {
  0%{
    right:6px;
  }
  50%{
    right:15px;
  }
  100%{
    right:6px;
  }
}
.main_type_item_list01 {margin-bottom:35px; font-size:1.8rem; font-weight:300; line-height:1.7;}
.main_type_item_list01 dt {font-weight:600;}
.main_type_item_list01 dd {position:relative; padding-left:10px;}
.main_type_item_list01 dd::before {content:''; position:absolute; top:50%; left:0; display:block; width:5px; height:1px; border-bottom:1px solid #333; transform:translateY(-50%);}
.main_type_item_list02 {font-size:1.8rem; font-weight:300; line-height:1.7;}
.main_type_item_list02 dd {position:relative; padding-left:10px;}
.main_type_item_list02 dd::before {content:''; position:absolute; top:50%; left:0; display:block; width:3px; height:3px; transform:translateY(-50%); background:#333; border-radius:50%;}
.main_type_item_list03 {font-size:1.8rem; font-weight:300; line-height:1.7;}
.main_type_item.basic .c_orange {color:#ff8638;}
.main_type_item.premium .c_orange {color:#eb6101;}
.main_type_item.custom .price {padding-top:80px; text-align:center; border-bottom:0;}
.main_type_item.custom .price .str {color:#000; font-size:4.5rem;}

@media screen and (max-width: 1200px) {
  .main_type_item_swiper.swiper-container {
    width: 98%;
    height:460px;
    padding: 10px 10px 40px;
    box-sizing: border-box;
    box-shadow:none;
  }
  .main_type_item {
    overflow: hidden;
    position: relative;
    top: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    box-sizing: border-box;
    border-top: 10px solid transparent;
    transition: all 0.2s;
  }
  .main_type_item_swiper .swiper-slide {border-right:0;}
  .main_type_item_swiper.swiper-container .swiper-pagination {
    opacity: 1;
  }
  .main_type_tit {top:30px; left:20px; font-size:2.3rem;}
  .main_type > .cont_size {padding:60px 5px;}
  .main_type > .cont_size > .link_more {
    top: 30px;
    right: 22px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .main_type > .cont_size {padding: 30px 5px;}
  .main_type > .cont_size > .link_more .link_more_icon {
    left: 42px;
  }
  .main_type_item .tit {
    font-size: 2.8rem;
  }
  .main_type_item .desc {
    padding-bottom:15px;
    font-size: 1.5rem;
  }
  .main_type_item .price {
    padding:15px 0;
    margin-bottom: 10px;
  }
  .main_type_item .price .str {
    font-size: 1.8rem;
  }
  .main_type_item > .link > .arw {display:block;}
  .main_type_item_list01 {margin-bottom:15px; font-size:1.6rem;}
  .main_type_item_list02 {font-size:1.6rem;}
}

/* portfolio */
.main_portfolio {
  padding: 5% 0 0;
  background: #f3f4f9;
}
.main_portfolio_tit {
  margin-bottom: 0.6em;
  text-align: center;
  font-size: 4rem;
  color: #000;
  letter-spacing: -1px;
}
.main_portfolio > .btn_more {
  display: block;
  width: 190px;
  margin: 0 auto 20px;
  padding: 1.2em 0;
  text-align: center;
  border: 1px solid #999;
  transition: all 0.2s;
}
.main_portfolio > .btn_more:hover {
  border: 1px solid #eb6101;
  background: #eb6101;
  color: #fff;
}

.main_portfolio_area {
  position: relative;
}
.main_portfolio_thumb {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 636px;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.main_portfolio_thumb_pc_area {
  position: relative;
  width: 647px;
  z-index: 9999;
}
.main_portfolio_thumb_pc.swiper-container {
  position: absolute;
  top: 6.8%;
  left: 49%;
  width: 87.5%;
  height: 61%;
  transform: translateX(-50%);
  border-radius: 5px;
}
.main_portfolio_thumb_pc_navi {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  margin: auto;
}
.main_portfolio_thumb_pc_navi > .swiper-button-next,
.main_portfolio_thumb_pc_navi > .swiper-button-prev {
  color: #666;
}
.main_portfolio_thumb_pc_navi > .swiper-button-next:after,
.main_portfolio_thumb_pc_navi > .swiper-button-prev:after {
  font-size: 30px;
  font-weight: 600;
}
.main_portfolio_thumb_pc .link {
  display: block;
}
.main_portfolio_thumb_pc .img {
  display: block;
  width: 100%;
  height: 100%;
}
.main_portfolio_thumb_mobile_area {
  position: absolute;
  bottom: 0;
  right: -10%;
  width: 189px;
  z-index: 99999;
}
.main_portfolio_thumb_mobile.swiper-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 70%;
  transform: translate(-50%, -50%);
}
.main_portfolio_thumb_mobile .link {
  display: block;
}
.main_portfolio_thumb_mobile .img {
  display: block;
  width: 100%;
  height: 100%;
}
.main_portfolio_thumb_pc .swiper-scrollbar-drag {
  background: rgba(255, 255, 255, 0.8);
}
.main_portfolio_thumb_mobile .swiper-scrollbar-drag {
  background: rgba(255, 255, 255, 0.8);
}
.main_portfolio_back.swiper-container {
  padding: 180px 0 230px;
}
.main_portfolio_back .link {
  display: block;
}
.main_portfolio_back .img {
  display: block;
  width: 100%;
}
.main_portfolio_back .swiper-wrapper {
  opacity: 0.4;
}
.main_portfolio_back .swiper-scrollbar-drag {
  background: #eb6101;
}
.main_portfolio_back .swiper-button-next,
.main_portfolio_back .swiper-button-prev {
  top: 45%;
  color: #fff;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);
}
.main_portfolio_back .swiper-button-next {
  right: 50%;
  margin-right: -460px;
}
.main_portfolio_back .swiper-button-prev {
  left: 50%;
  margin-left: -440px;
}

.main_count {
  display: flex;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.main_count_info {
  display:none; /* 250516 ¼û±èó¸® */
  flex: 1 1 24%;
  padding: 1.8% 0;
  text-align: center;
  border-right: 1px solid #ddd;
}
.main_count_info:last-of-type {
  border-right: 0;
}
.main_count_info .num {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 0.5em;
  font-size: 3rem;
  font-weight: 200;
  transition: all 0.2s;
  cursor: default;
}
.main_count_info:hover .num {
  top: -5px;
  left: -5px;
  text-shadow: 10px 10px 1px rgba(0, 0, 0, 0.05);
}
.main_count_info .txt {
  color: #999;
  font-size: 1.5rem;
  cursor: default;
}
@media screen and (max-width: 960px) {
  .main_portfolio_tit {
    font-size: 3rem;
  }
  .main_portfolio > .btn_more {
    padding: 0.7em 0;
  }
  .main_portfolio_thumb {
    position: static;
    width: 100%;
    transform: translate(0%, 0%);
    margin: 0 auto;
  }
  .main_portfolio_thumb_pc_area {
    width: 70%;
    margin: 0 auto;
  }
  .main_portfolio_thumb_pc_navi {
    display: block;
  }
  .main_portfolio_thumb_pc_bg {
    width: 100%;
  }
  .main_portfolio_thumb_mobile_area {
    right: 40px;
    width: 20%;
  }
  .main_portfolio_thumb_mobile_bg {
    width: 100%;
  }
  .main_portfolio_back {
    display: none;
  }
  .main_count_info .num {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 500px) {
  .main_portfolio_thumb_pc_area {
    width: 85%;
  }
  .main_count_info .num {
    font-size: 1.8rem;
  }
}

/* account */
.main_info {
  background: #eeeeee;
}
.main_info > .cont_size {
  position: relative;
  display: flex;
  padding: 3% 0;
}
.main_info_item {
  flex:1 1 auto;
  padding-left: 5px;
  padding-right: 7%;
}
.main_info_item > .tit {
  margin-bottom: 1em;
  font-size: 2.2rem;
  font-weight: 600;
}
.main_info_item .bank_account * {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -1px;
}
.main_info_item .bank_account .icon_bank {
}
.main_info_item .bank_account .num {
  font-size: 2rem;
  letter-spacing: normal;
}
.main_info_item .bank_account .small {
  font-size: 1.5rem;
  color: #666;
}
.main_info_item > .txt {
  padding-top: 10px;
  margin-bottom: 2em;
  font-size: 1.4rem;
  color: #666;
  line-height:1.3;
}
.main_info_item > .txt .str {
  color: #333;
}
.main_info_item > .link {
  padding: 0.2em 1em;
  border: 1px solid #aaa;
  background: #fff;
  color: #666;
  font-size: 1.4rem;
  transition: all 0.2s;
}
.main_info_item > .link:hover {
  background: #aaa;
  color: #fff;
}
.main_info_item > .link_kakao {
  vertical-align: middle;
}
.main_info_item.call {padding-right:0;}
.main_info_item.call .link {
  display:block;
  width:100%;
  margin-bottom:10px;
  padding:8px 8px 8px 10px;
  color:#fff;
  text-align:left;
}
.main_info_item.call .link:nth-of-type(1) {background:#6CAF7A; border:1px solid #6CAF7A;}
.main_info_item.call .link:nth-of-type(2) {background:#317773; border:1px solid #317773;}
.main_info_item.call .link:nth-of-type(3) {background:#ED1C24; border:1px solid #ED1C24;}
.main_info_item.call .icon {margin-right:15px;}
.main_info .btn_report {
  position: absolute;
  top: 20%;
  right: 0;
}
.main_info .btn_report:before {
  border-top: 10px solid #eee;
}
@media screen and (max-width: 850px) {
  .main_info > .cont_size {
    display: block;
    padding: 6% 3%;
    box-sizing: border-box;
  }
  .main_info .btn_report {
    position: static;
  }
  .main_info_item {
    margin-bottom: 7%;
  }
}

/******** footer ********/
.footer {
}
.footer_cont.cont01 {
  display: flex;
  text-align: center;
  justify-content: center;
}
.footer_cont.cont01 > .footer_btn_pop {
  position: relative;
  display: block;
  padding: 1.4em 1em;
  font-size: 1.4rem;
  background: none;
  border: 0;
}
.footer_cont.cont01 > .footer_btn_pop:hover {
  font-weight: 600;
}
.footer_cont.cont01 > .footer_btn_pop:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1px;
  height: 1em;
  background: #999;
  transform: translateY(-50%) rotate(20deg);
}
.footer_cont.cont01 > .footer_btn_pop:last-of-type:before {
  display: none;
}

.footer_cont.cont02 {
  background: #666666;
}
.footer_cont.cont02 > .cont_size {
  position: relative;
  padding: 3% 0;
}
.footer_sns {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  transform: translateY(-50%);
}
.footer_sns > .link {
  overflow: hidden;
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 5px;
  padding:0;
  border-radius: 6px;
  border: 1px solid transparent;
  background:none;
  transition: all 0.2s;
  box-sizing:border-box;
}
.footer_sns > .link:hover {
  border: 1px solid #fff;
}
.footer_sns > .link > .icon {
  display: block;
  width: 100%;
}
.footer_sns_pop {
  display:none;
  position: absolute; top:-170px; right:0; width:310px; padding:20px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.4); border-radius:10px; border:1px solid #fff;
}
.footer_sns_pop.show {display:flex; flex-wrap:wrap; justify-content:center;}
.footer_sns_pop .btn_cls {position:absolute; top:5px; right:5px; font-size:1.6rem; color:#ccc; border:0; background:none;}
.footer_sns_pop .btn_cls:hover {color:#666;}
.footer_sns_pop_item {flex: 1 1 30%; text-align:center;}
.footer_sns_pop_item .btn_sns_item {display:block; width:42px; height:42px; margin:0 auto 10px; padding:0; border:0; background:none; border-radius:50%;}
.footer_sns_pop_item.copy_url {flex: 0 0 100%; margin-top:20px; cursor:pointer; border:1px solid #eee; font-size:1.4rem;}
.footer_sns_pop_item.copy_url:hover {color:#3a78a0; border:1px solid #a0cdea;}
.footer_sns_pop_item .screen_out {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}
.footer_sns_pop_item .txt_url {overflow:hidden; display:inline-block; width:calc(100% - 110px); padding:10px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.footer_sns_pop_item .txt_copy {display:inline-block; width:60px; padding:10px; margin-left:auto; border-left:1px solid #eee; text-align:center; vertical-align:middle;}
.footer_txt {
  font-size: 1.3rem;
  color: #d9d9d9;
  line-height: 1.6;
}
.footer_txt > .txt {
  padding-right: 10px;
  word-break: keep-all;
}
.btn_scroll_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  line-height: 40px;
  color: #666;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
  z-index: 99999999;
}
.btn_scroll_top .icon {
  position: relative;
  top: 0;
  transition: all 0.2s;
}
.btn_scroll_top:hover {
  background: #ff8638;
}
.btn_scroll_top:hover .icon {
  top: -3px;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .footer_cont.cont02 > .cont_size {
    padding: 3%;
  }
  .footer_sns {
    position: static;
    justify-content: start;
    padding-top: 15px;
    transform: translateY(0%);
  }
  .footer_sns > .link {
    width: 25px;
    height: 25px;
  }
  .btn_scroll_top {
    bottom: 5px;
    right: 5px;
  }
}
@media screen and (max-width: 500px) {
  .footer_cont.cont01 > .footer_btn_pop {
    font-size: 1.2rem;
  }
}

/* footer pop */
.footer_pop_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  transition: opacity 0.2s;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  z-index: 999999999;
}
.footer_pop_bg.show {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.footer_pop {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1000px;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  z-index: 9999999999;
}
.footer_pop .btn_cls {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  background: none;
  border: 0;
  line-height: 50px;
  font-size: 20px;
  color: #666;
  cursor: pointer;
  z-index: 9;
}
.footer_pop_item {
  position: relative;
  display: none;
}
.footer_pop_item.show {
  display: block;
}
.footer_pop_item_tit {
  height: 50px;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  line-height: 50px;
}
.footer_pop_item_cont {
  overflow-y: scroll;
  height: 550px;
  padding: 50px;
}

.footer_pop_item .desc {
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 1.5;
  word-break: keep-all;
}
.footer_pop_item .tit {
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 1.8rem;
  word-break: keep-all;
  border-bottom: 1px solid #ddd;
}
.footer_pop_item .txt {
  margin-bottom: 40px;
  font-size: 1.4rem;
  line-height: 1.5;
  word-break: keep-all;
}
.footer_pop_item .list {
  line-height: 2;
  font-size: 1.4rem;
}
@media screen and (max-width: 1020px) {
  .footer_pop {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
  }
  .footer_pop_item_cont {
    overflow-y: auto;
    height: calc(100% - 50px);
    padding: 20px;
  }
}

/* datepicker */
.ui-datepicker-calendar th:first-of-type span {
  color: red;
}
.ui-datepicker-calendar th:last-of-type span {
  color: blue;
}
.ui-datepicker-calendar td:first-of-type a {
  color: red;
}
.ui-datepicker-calendar td:last-of-type a {
  color: blue;
}
div.ui-datepicker td span,
div.ui-datepicker td a {
  padding: 0.5em 0.2em;
}

/* event */
.event_link {
  position: absolute;
  top: 50%;
  left: 235px;
  display: inline-block;
  width: 100px;
  transform: translateY(-50%);
}
.event_link_img {
  display: block;
  width: 100%;
}
.event_link_sub {
  overflow: hidden;
  position: fixed;
  bottom: 5px;
  left: 5px;
  display: block;
  width: 94px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .event_link_sub {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .event_link {
    left: 160px;
    width: 60px;
  }
}

/* ie popup */
.popup_ie {position:fixed; top:200px; left:50%; width:800px; padding:40px; transform:translateX(-50%); background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.4); border-top:8px solid orange; z-index:999999999;}
.popup_ie_txt {margin-bottom:40px;text-align:center;}
.popup_ie_txt .icon {display:block; width:100px; margin:0 auto 40px; font-size:70px; color:orange;}
.popup_ie_txt .item {display:block; font-size:3rem; line-height:1.8;}
.popup_ie_txt .item.small {font-size:1.8rem;}
.popup_ie_list {display:flex; flex-wrap:wrap; justify-content:center;}
.popup_ie_list > li {margin-bottom:20px; padding:0 40px; text-align:center; font-size:2rem;}
.popup_ie_list > li:nth-of-type(1) {flex: 0 0 100%; padding:0; color:orange}
.popup_ie_list > li:nth-of-type(5) {flex: 0 0 100%; padding:0; padding-top:20px;}
.popup_ie_list > li > .link {display:block;}
.popup_ie_list > li > .link .icon {margin-bottom:20px; transition: transform 0.2s;}
.popup_ie_list > li > .link:hover .icon {transform:scale(1.2);}
/* Æ˾÷ ½Å±Ô¾ç½Ä ¼öÁ¤ 230327_k */
.popups_item_foot {display: flex; height: 35px; box-sizing: border-box; justify-content: space-between; align-items: center;}
.popups_item_foot label{display: block; position: relative; overflow: hidden; flex: 1; padding: 0; background-color: #fff; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-family: 'NotoSansKR'; font-size: 12px; transition-duration: .3s; height:100%; text-align: center; cursor: pointer; line-height: 2.5;}
.popups_item_foot label::before{position: absolute; top: -100%; transition:top .3s; color: #fff; transform: translateY(-50%);}
.popups_item_foot label:nth-of-type(1)::before{content: '1ÀÏ µ¿¾È º¸Áö ¾ÊÀ½';}
.popups_item_foot label:nth-of-type(2)::before{content: '´Ý±â';}
.popups_item_foot label:nth-of-type(1){border-right: 1px solid #ddd;}
.popups_item_foot label:hover{background-color: #157cbc; color: transparent; border-color: #157cbc;}
.popups_item_foot label:hover::before{top:50%;}
.webch_popup_foot_tr {background:#fff;}

/* popup */
@media screen and (max-width:768px) {
  .webch_popup {top:0px !important; left:0 !important; width:100%; height:100vh;}
  .webch_popup > table {display:block; width:100% !important; height:100%;}
  .webch_popup > table > tbody {display:block; height:100%;}
  .webch_popup > table > tbody > tr {display:flex; width:100%;}
  .webch_popup > table > tbody > tr > td {flex: 1 1 auto;}
  .webch_popup tr.webch_popup_cont_tr {display:block; height:calc(100% - 35px);}
  .webch_popup tr.webch_popup_cont_tr.h70 {height:calc(100% - 70px);}
  .webch_popup td.webch_popup_cont_td {overflow-y:auto; display:block; height:100%;}
}

/* »õÇظÂÀÌ À̺¥Æ® 2023 */
.event_newyear {} /* wrap ¿¡ event_newyear Ŭ·¡½º */ 
.event_newyear .event_newyear_logo {overflow:hidden; position:absolute; top:50%; left:230px; display:block; max-width:230px; width:auto; height:70%; transform:translateY(-50%); border-radius:5px;}
.event_newyear .event_newyear_logo > .thumb {display:block; width:auto; height:100%; transition: all 0.2s;}
.event_newyear .event_newyear_logo:hover > .thumb {transform:scale(1.05);}
.event_newyear .event_ny_main_thumb {border-radius:3px;}
.event_newyear .main_banner_thumb_swiper .swiper-slide {padding:15px 13px;}

@media screen and (max-width:1700px) {
  .event_newyear .menu_top {width:600px; margin-left:auto; margin-right:300px;}
  .event_newyear .menu_top_scd_cont {width:600px; margin-left:auto; margin-right:300px;}
}
@media screen and (max-width:1200px) {
  .event_newyear .menu_top {width:100%; margin-right:auto;}
  .event_newyear .menu_top_scd_cont {width:100%; margin-right:auto;}
}
@media screen and (max-width:500px) {
  .event_newyear .event_newyear_logo {left:160px}
}