@charset "UTF-8";

.cs_tag_box { max-width: 87.5rem; margin-left: auto; margin-right: auto; }

.cs_tag_box > * { display: inline-block; vertical-align: middle; margin-left: 1.25rem; position: relative; outline: 0; }

.cs_tag_box > *:not(.cs_tag_tit)::before { content: ''; position: absolute; left: 50%; bottom: -0.3125rem; width: 0; height: 1px; background: #222222; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.cs_tag_box > *:not(.cs_tag_tit):hover::before, .content_search .cs_tag_box > *:not(.cs_tag_tit):focus::before { width: 100%; left: 0; }

.cs_tag_box .cs_tag_tit { padding: 0.9375rem 1.25rem; line-height: 1em; color: #fff; background: #444444; border-radius: 3.125rem; }

.cs_btn_box { max-width: 87.5rem; margin-left: auto; margin-right: auto; }

.cs_btn_box > a { display: inline-block; vertical-align: middle; margin-left: 1.25rem; padding: 0.9375rem 1.25rem; line-height: 1em; background: transparent; border-radius: 3.125rem; border: 1px solid #d1d1d4; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.cs_btn_box > a:hover, .content_search .cs_btn_box > a:focus { box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.2); }
.shareA{
  display: block ;
}
.sub_visual.st_02.dst_01 {
  background-image: url("../images/sub/sub_visual_03.jpg");
}

.btn_box.dst_01 .btn.dst_01 {
  float: right;
  background-color: #f1f1f1;
  border: 0;
  width: 12.5rem;
  height: 4.375rem;
}

.sort_box.dst_01::after {
  display: block;
  content: "";
  clear: both;
}

.sort_box.dst_01 ul {
  display: block;
  float: left;
}

.sort_box.dst_01 ul.dst_01 {
  margin-right: auto;
  float: right;
}

.sort_box.dst_01 li.on .sort_btn {
  color: #f47320;
}

.list_type_btn li.on .icon_list_bk {
  background-image: url("../images/common/icon_list_or.png");
}

.list_type_btn li.on .icon_list02_bk {
  background-image: url("../images/common/icon_list02_or.png");
}

.share_list_gallery {
  margin-top: 2.5rem;
  margin-left: -2.0625rem;
  margin-right: -2.0625rem;
}

.share_list_gallery .share_ty_img {
  padding-left: 2.0625rem;
  padding-right: 2.0625rem;
  margin-bottom: 2.5em;
  position: relative;
}

.share_list_gallery .share_type {
  animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.share_ty_img .bl_item_box {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #eee;
  height: 30.3em;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.share_ty_img .bl_item_box:hover {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4);
}

.share_ty_img .bl_item_box img {
  width: 100%;
}

/*2020.11.14 css 추가*/
.share_ty_img .bl_item_box .bl_img_box {
  width: 100%;
  height: 46%;
  overflow: hidden;
  display: block;
}

.share_ty_img .bl_item_box .bl_img_box img {
  width: 100%;
  height: 100%;
}

.share_ty_img .bl_item_box .list_tyimg_contents .bl_tags {
  height: 6rem;
  overflow: hidden;
}

.share_ty_img .bl_item_box.bl_item_box02 {
  height: 28.0625em;
}

@media screen and (max-width:767px) {
  .share_ty_img .bl_item_box .list_tyimg_contents .bl_tags {
    height: 8rem;
  }
}

/*------------------*/
.share_ty_img .list_tyimg_contents {
  padding: 1em 0.752em;
}

.share_ty_img .bl_tags {
  display: inline-block;
}

.share_ty_img .bl_tags.li_hide {
  display: none;
}

.share_ty_img .bl_tags::after {
  display: block;
  content: "";
  clear: both;
}

.share_ty_img .bl_tags .bl_tag {
  padding: 0.75em 1em;
  background-color: #f1f1f1;
  border-radius: 3.125rem;
  display: inline-block;
  float: left;
  margin-right: 0.625em;
  margin-bottom: 0.625em;
  line-height: 1;
}

.share_ty_img .bl_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #eee;
  padding: 1.25em 0.752em;
  color: #555;
}

.share_ty_img .bl_bottom span {
  padding: 0 0.625em;
  position: relative;
  line-height: 1;
  letter-spacing: -0.09em;
}

.share_ty_img .bl_bottom span:first-child {
  padding-left: 0;
}

.share_ty_img .bl_bottom span:last-child {
  padding-right: 0;
}

.share_ty_img .bl_bottom span:nth-child(2)::before {
  content: '';
  display: block;
  width: 1px;
  height: 0.875em;
  position: absolute;
  left: -0.0625em;
  top: 0.375em;
  background-color: #d4d4d4;
}

.share_ty_img .bl_bottom span:nth-child(2)::after {
  content: '';
  display: block;
  width: 1px;
  height: 0.875em;
  position: absolute;
  right: -0.0625em;
  top: 0.375em;
  background-color: #d4d4d4;
}

.share_ty_img .bl_bottom span.none_right::after {
  display: none;
}

.share_ty_img .list_marks {
  display: none;
}

.share_list_gallery.share_ty_list {
  border-top: 2px solid #222;
  margin-left: 0;
}

.share_ty_list {
  width: 100% !important;
}

.share_ty_list .list_marks {
  display: inline-block;
}

.share_ty_list .bl_img_box, .share_ty_list .img_marks {
  display: none;
}

/*2020.11.15 border 값 수정, first-child 추가*/
#share_ty_list .bl_item_box {
  border-bottom: 1px dashed #ddd;
  cursor: pointer;
}

.share_ty_list .bl_item_box {
  border-bottom: 1px solid #636363;
  cursor: pointer;
}

.share_ty_list:first-child a .bl_item_box {
  border-top: 2px solid #636363;
}

.share_ty_list .bl_item_box:hover .bl_text {
  background-color: #fff0e6;
}

.share_ty_list .bl_tags {
  width: 100%;
  border-top: 1px dashed #d3d3d3;
  display: inline-block;
  vertical-align: middle;
  padding: 1.75em 1.875em;
  width: 100%;
}

.share_ty_list .bl_tags.gy_hide {
  display: none;
}

.share_ty_list .bl_tags span {
  margin-right: 1em;
}

.share_ty_list .bl_text {
  position: relative;
  padding: 1.75em 1.875em;
  display: flex;
  width: 100%;
  vertical-align: middle;
  background-color: #fbfbfb;
  align-items: center;
  justify-content: space-between;
}


.share_ty_list .bl_text strong {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 76%;
  padding: 0 0.5em;
  flex: auto;
}

.share_ty_list .bl_text.pl_0 strong {
  padding-left: 0;
  width: 100%;
}

.share_ty_list .bl_text strong span {
  -webkit-line-clamp: 2;
}

.share_ty_list .bl_text strong span br {
  display: none;
}

.share_ty_list .bl_marks .bl_mark {
  font-size: 1.25rem;
  padding: 0;
  width: auto;
  float: none;
  vertical-align: middle;
  line-height: 1.5;
  position: relative;
  padding-right: 0.625em;
  margin-right: 0.625em;

}

.share_ty_list .bl_marks .bl_mark::after {
  content: '';
  display: block;
  width: 1px;
  height: 1.25rem;
  background-color: #d4cdc8;
  position: absolute;
  right: -0.0625rem;
  top: 0.375rem;
}

.share_ty_list .bl_bottom {
  float: right;
}

.share_ty_list .bl_bottom span {
  padding-left: 1.75em;
  padding-right: 1.75em;
  position: relative;
}

.share_ty_list .bl_bottom span:last-child {
  padding-right: 0;
}

.share_ty_list .bl_bottom span:nth-child(2)::after, .share_ty_list .bl_bottom span:nth-child(2)::before {
  content: '';
  display: block;
  width: 1px;
  height: 1.25rem;
  background-color: #d4cdc8;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.share_ty_list .bl_bottom span:nth-child(2)::before {
  left: -1px;
}

.share_ty_list .bl_bottom span:nth-child(2)::after {
  right: -1px;
}

.share_ty_list .bl_bottom span:first-child {
  padding-left: 0;
}

.share_ty_list .list_marks.bl_marks {
  vertical-align: middle;
  position: relative;
  left: 0;
  top: 0;
  float: none;
  width: auto;
  padding: 0;
  float: none;
}

.share_ty_list .list_marks.bl_marks span[class*=color] {
  background: transparent !important;
  color: #222;
}

.tag_box.dst_01 {
  background-color: #f1f1f1;
  padding: 3.125em;
  border-radius: 1.25rem;
  position: relative;
}

.tag_box.dst_01 .tgs::after {
  display: block;
  content: "";
  clear: both;
}

.tag_box.dst_01 .tag_btn {
  cursor: pointer;

}

.tag_box.dst_01 .tag_tit {
  float: left;
  width: 8.125rem;
  height: 2.875rem;
  line-height: 2.875rem;
  min-width: auto;
}

.tag_box.dst_01 .tag_tit strong {
  font-weight: 400;
}

.tag_box.dst_01 .tag_tit01 {
  background: #f37320;
  color: #fff;
  margin-bottom: 0.9375em;
  margin-top: 0;
  margin-right: 0.875em;
  padding: 0;
}

.tag_box.dst_01 .tag_btn {
  display: block;
  overflow: hidden;
  border-radius: 3.125em;
  background-color: #fff;
  float: left;
  padding: 0.75em 1.875em;
  margin-right: 1.1875em;
  margin-bottom: 1em;
  line-height: 1;
  font-size: inherit;
}

.tag_box.dst_01 .tag_btn span {
  width: auto;
  min-width: auto;
  background-color: transparent;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  color: #222;
  line-height: 1;
}

.tag_box.dst_01 .tag_btn span:first-child {
  padding-right: 0.625em;
  margin-right: 0.625em;
  position: relative;
}

.tag_box.dst_01 .tag_btn span:first-child::after {
  content: '';
  display: block;
  width: 1px;
  height: 1rem;
  background-color: #ddd;
  position: absolute;
  right: -2px;
  top: 0.125rem;
}

.tag_box.dst_01 .tgs02 {
  margin-top: 1.125em;
  padding-top: 1.75em;
  border-top: 1px dashed #b2b2b2;
}

.tag_box.dst_01 .tgs02 .tag_tit02 {
  background-color: #8db61f;
  color: #fff;
  min-width: auto;
  padding: 0;
  width: 8.125rem;
  height: 2.875rem;
  line-height: 2.875rem;
}

.tag_box.dst_01 .tgs02 a, .tag_box.dst_01 .tgs02 span {
  float: left;
  width: auto;
  min-width: auto;
  background-color: #fff;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  color: #222;
  padding: 0.75em 1.875em;
  margin-right: 1.1875em;
  line-height: 1;
}

.tab_box>.tab.dst_01 li:after {
  display: none;
}

.tab_box>.tab.dst_01 li.on:before {
  display: none;
}

.tab_box>.tab.dst_01:before {
  display: none;
}

.tab_box>.tab.dst_01 {
  position: relative;
}

.tab_box>.tab.dst_01::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #222;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.tab_box>.tab.dst_01 li {
  background: none;
  border: 0;
  border-radius: 0.9375rem 0.9375rem 0 0;
}

.tab_box>.tab.dst_01 li::before {
  content: '';
  display: block;
  width: 1px;
  height: 0.9375rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

.tab_box>.tab.dst_01 li.on {
  border: 3px solid #222;
  border-bottom: 0;
  z-index: 5;
  position: relative;
  background: #ffffff;
}

.tab_box>.tab.dst_01 li.on::after {
  content: '';
  display: block;
  height: 3px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
}

.tab_box>.tab.dst_01 li.on::before {
  content: '';
  display: block;
  background-color: #fff;
  position: absolute;
  width: 10px;
  height: 100%;
  left: 0;
  right: 0;
  background: none;
}

.tab_box>.tab.dst_01 li a {
  color: #222;
  position: relative;
  width: 100%;
}

.tab_box>.tab.dst_01 li:nth-child(5) a::after {
  display: none;
}

.tab_box>.tab.dst_01 li.on a::after {
  display: none;
}

.tgs_show_benner {
  position: absolute;
  background: url("../images/sub/tag_bg.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.tgs_show_benner .tgs_show_inner {
  padding: 3.125em 2.5em;
  box-sizing: border-box;
}

.tgs_show_benner .tgs_show_inner::after {
  display: block;
  content: "";
  clear: both;
}

.tgs_show_benner .tgs_show_inner .tgs_top {
  padding-bottom: 3.125em;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
  position: relative;
}

.tgs_show_benner .tgs_show_inner .tgs_top::after {
  display: block;
  content: "";
  clear: both;
}

.tgs_show_benner .tgs_show_inner .tgs_top .close_btn {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}

.tgs_show_benner .tgs_show_inner .tgs_top .close_btn::after {
  display: block;
  content: "";
  clear: both;
}

.tgs_show_benner .tgs_show_inner .tgs_top .close_btn i {
  background-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tgs_show_benner .tgs_show_inner .tgs_top_le {
  float: left;
}

.tgs_show_benner .tgs_show_inner .tgs_top_le .profile_img {
  width: 6.4375rem;
  height: 6.4375rem;
  min-width: auto;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.tgs_show_benner .tgs_show_inner .tgs_top_le .profile_img img {
  width: 100%;
  height: 100%;
}

.tgs_show_benner .tgs_show_inner .tgs_top_le .profile_tgs {
  font-weight: bold;
}

.tgs_show_benner .tgs_show_inner .tgs_top_le .profile_txt {
  text-align: left;
  margin-left: 1.75em;
}

.tgs_show_benner .tgs_show_inner .tgs_top_le .profile_txt span.profile_box {
  display: block;
  overflow: inherit;
}

.tgs_show_benner .tgs_show_inner .tgs_top_le .profile_txt span.fs_22 span:first-child::after {
  content: '·';
  display: inline-block;
  margin: 0 0.3125em;
}

.tgs_show_benner .tgs_show_inner .tgs_top_ri {
  float: right;
  text-align: right;
  margin-top: 2.5em;
}

.tgs_show_benner .tgs_show_inner .tgs_top_ri span b {
  margin-right: 0.125em;
}

.tgs_show_benner .tgs_show_inner .tgs_top_ri a {
  display: block;
  background-color: #fff;
  padding: 0.875em 2.75em;
  border-radius: 3.125rem;
  margin-top: 0.3125em;
}

.tgs_show_benner .tgs_show_inner span {
  background-color: transparent;
  padding: 0;
  margin: 0;
  min-width: auto;
  vertical-align: middle;
}

.tgs_show_benner .tgs_show_inner .tgs_bottom {
  text-align: left;
  padding-top: 1.875em;
}

.tgs_show_benner .tgs_show_inner .tgs_bottom span {
  padding: 0.875em 2.125em;
  border-radius: 3.125rem;
  background-color: #fff;
  color: #222;
  margin-right: 1em;
}

.tgs_show_benner .tgs_show_inner .tgs_bottom span.tab_tit03 {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}

.tag_box.dst_01 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  background-color: transparent !important;
  opacity: 0 !important;
}

.tag_box.dst_01 .mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-bottom: 0;
}

.bl_marks .bl_mark.color_3 {
  background-color: #8db61f;
}

@media all and (max-width: 1440px) {
  .bl_img_box img {
    width: 100%;
  }

  .share_ty_img .bl_item_box {
    height: 37.5em;
  }

  .tag_box.dst_01 .tag_btn {
    margin-bottom: 0.5em;
    ;
  }
}

@media all and (max-width: 1280px) {
  .share_ty_img .bl_item_box {
    height: 34.375em;
  }

  .tgs_show_benner .tgs_show_inner {
    padding: 5em 1.875em;
  }

  .tgs_show_benner .tgs_show_inner .tgs_top {
    padding-bottom: 1.25em;
  }
}

@media all and (max-width: 1024px) {
  .tag_box.dst_01 .mCSB_horizontal.mCSB_inside>.mCSB_container {
    min-width: 18.75rem !important;
    max-width: 87.5rem !important;
    width: 87.5rem !important;
    white-space: nowrap;
  }

  .tag_box.dst_01 .tag_btn {
    padding: 1.47023rem 1.85377rem;
  }

  .tag_box.dst_01 .tag_tit {
    width: 9.58846rem;
    height: 4.47462rem;
    line-height: 4.47462rem;
    margin-bottom: 0;
  }

  .tag_box.dst_01 .tgs02 .tag_tit02 {
    width: 9.58846rem;
    height: 4.47462rem;
    line-height: 4.47462rem;
    margin-bottom: 0;
  }

  .t_center.dst_01 .t_center {
    float: left;
  }

  .tag_box.dst_01 .tgs02 a, .tag_box.dst_01 .tgs02 span {
    float: none;
    vertical-align: top;
    padding: 1.47023rem 1.85377rem;
  }

  .share_ty_img .list_tyimg_contents {
    padding: 1em;
  }

  .share_ty_img .bl_item_box.bl_item_box02 {
    height: 25.625em;
  }

  .share_ty_img .bl_bottom {
    padding: 0.625em 1.25em;
  }

  .share_ty_img .bl_bottom span {
    padding: 0 0.3125em;
  }

  .share_ty_img .bl_marks .bl_mark {
    font-size: 1.5rem;
    padding: 0.625em;
    width: auto;
    height: auto;
  }

  .tag_box.dst_01 {
    height: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1.875em 0 0.9375em 1.875em;
    border-radius: 0;
  }

  .tag_box.dst_01 .tgs02 a, .tag_box.dst_01 .tgs02 span {
    margin-bottom: 0.9375em;
  }

  .tgs_show_benner {
    width: 90%;
    height: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1.25em;
  }

  .tgs_show_benner .tgs_show_inner .tgs_top_le .profile_img img {
    width: 100%;
  }

  .tgs_show_benner .tgs_show_inner .tgs_top_ri button {
    display: inline-block;
    margin-left: 1.875em;
  }

  .tgs_show_benner .tgs_show_inner .tgs_bottom::after {
    display: block;
    content: "";
    clear: both;
  }

  .tgs_show_benner .tgs_show_inner .tgs_bottom span {
    float: left;
    margin-bottom: 1.25em;
  }

  .share_ty_list .bl_bottom {
    float: left;
    margin-top: 0.625em;
    width: 100%;
  }

  .tab_box.dst_01 .tab_m {
    border-color: #222;
    color: #222;
  }

  .tab_box.dst_01>.tab.dst_01 li {
    border: 1px solid #000;
    border-top: 0;
    border-radius: 0;
    background-color: #fff;
  }

  .tab_box.dst_01>.tab.dst_01 li.on {
    border: 0;
    background-color: #222;
  }

  .tab_box.dst_01>.tab.dst_01 li.on a {
    color: #fff;
  }

  .tab_box.dst_01 .tab.dst_01::after {
    display: none;
  }

  .btn_box.dst_01 .btn.dst_01 {
    height: 5.11385rem;
  }

  .share_ty_list {
    margin-right: 0;
    margin-left: 0;
  }

  .share_ty_list .bl_tags {
    display: none;
  }

  .share_ty_list .bl_text {
    background-color: #fff;
    display: flex;
    align-items: center;
  }
  .share_ty_list .bl_text.bl_text201204{
    background-color: #fbfbfb;
  }
  .share_ty_list .bl_bottom {
    font-size: 1.5rem;
    background-color: #fbfbfb;
    padding: 1.875em 1.25em;
    border-top: 1px dashed #d0d0d0;
  }

  .share_ty_list .list_marks.bl_marks {
    font-size: 1.875rem;
    line-height: 0;
  }

  .share_ty_list .share_ty_list .bl_marks .bl_mark::after {
    top: 0.8rem;
  }

  .share_ty_list .bl_marks .bl_mark, .share_ty_list .bl_text strong {
    font-size: 1.875rem;
  }

  .share_ty_list .bl_text strong {
    padding-top: 0.625rem;
    width: 78%;
  }

  i.icon_list02_bk, i.icon_list_bk {
    width: 1.625rem;
    height: 1.625rem;
  }

  .tgs_show_benner {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-image: url("../images/sub/tag_bg_m.jpg");
  }

  .tgs_show_benner .tgs_show_inner .tgs_top_le .profile_img {
    display: none;
  }

  .tgs_show_benner .tgs_show_inner .tgs_top {
    padding-bottom: 3.375em;
  }

  .tgs_show_benner .tgs_show_inner .tgs_top_le .profile_txt {
    margin-left: 0;
  }

  .tgs_show_benner .tgs_show_inner .tgs_top_ri a {
    padding: 0.625em 1.5em;
  }

  .tgs_show_benner .tgs_show_inner .tgs_bottom {
    max-width: 93.75rem;
    overflow-x: scroll;
  }

  .tgs_show_benner .tgs_show_inner .tgs_bottom span {
    float: none;
  }

  .tag_box.dst_01 .tgs02 {
    overflow-x: scroll;
    max-width: 75rem;
  }

  .share_ty_list .bl_tags.li_hide {
    display: block;
    overflow: hidden;
    padding: 0;
    border-top: 0;
  }

  .share_ty_list .bl_tags.li_hide .bl_tag {
    display: none;
  }

  /* .share_ty_list .bl_item_box{
    border-bottom: 1px dashed  #d3d3d3;
  } */
  .share_ty_img .bl_item_box .bl_img_box {
    height: 14.3em;
  }
}

@media all and (max-width: 767px) {
  .share_ty_img .list_tyimg_contents {
    padding: 2.5em;
  }

  .share_ty_img .bl_item_box {
    height: auto;
  }

  .share_ty_img .bl_bottom {
    padding: 2.125em 2.5em 0;
    position: relative;
    display: block;
    width: 110%;
    margin: 0 -2.5em;
  }

  .share_ty_img .ellipsis {
    min-height: auto;
    margin-bottom: 2.5em;
  }

  .share_ty_img .gy_hide .bl_bottom {
    padding: 1.3em 4em;
    position: absolute;
    display: block;
    width: 110%;
    margin: 0 -2.5em;
  }

  .share_ty_img .bl_item_box .bl_img_box {
    height: 20em;
  }
}

@media all and (max-width: 501px) {
  .share_ty_img .bl_item_box {
    height: auto;
  }

  .tag_box.dst_01 {
    padding: 0.9375em 0.9375em 0.625em;
  }
}

.tag_box.dst_02 .tgs02 {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.share_list_gallery .share_ty_img.dst_01 .bl_marks {
  left: auto;
  top: 0.625rem;
  right: 0.625rem;
}

.share_list_gallery .share_ty_img.dst_01 .bl_marks .bookMark.on i.icon_star_gr {
  background-image: url("../images/common/icon_star_or.png");
}

.share_list_gallery .share_ty_img.dst_01 .bl_img_box {
  display: block;
  position: relative;
}

.share_list_gallery .share_ty_img.dst_01 .bl_img_box::before {
  content: '';
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: url("../images/common/icon_play_or.png") 52% center no-repeat, rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.875rem;
  margin-top: -1.875rem;
}

@media all and (max-width: 1024px) {
  .share_list_gallery .share_ty_img.dst_01 .bl_marks {
    left: auto;
    top: 1.25rem;
    right: 1.25rem;
  }

  .share_list_gallery .share_ty_img.dst_01 .bl_marks i.icon_star_gr {
    width: 2.5rem;
    height: 2.5rem;
  }

  .share_list_gallery .share_ty_img.dst_01 .bl_img_box::before {
    width: 5rem;
    height: 5rem;
  }

  .share_ty_list .bl_text.pl_0 strong {
    padding-left: 0.5em;
  }
}

.marks_new {
  position: absolute;
  top: 0;
  right: 0;
}

.marks_new span {
  background-color: #f32020;
  font-size: 1.125rem;
  padding: 0.4375em 1.25em;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

@media all and (max-width: 1024px) {
  .marks_new span {
    font-size: 1.5rem;
  }
}

.join_step_wrap {
  text-align: center;
  background-color: #f5f5f5;
  width: 100%;
  padding: 5.9375em 0;
}

.join_step_wrap .join_greetings {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.join_step_wrap .join_step li {
  display: inline-block;
  background-color: #fff;
  border-radius: 3.75rem;
  padding: 1em;
  max-width: 18.75rem;
  width: 100%;
  text-align: left;
  transition: all 0.3s;
}

.join_step_wrap .join_step li:not(:last-child) {
  margin-right: 3.125em;
  position: relative;
}

.join_step_wrap .join_step li:not(:last-child)::after {
  content: '';
  display: block;
  width: 0.6875rem;
  height: 1.0625rem;
  background: url("../images/common/icon_next_grey.png") center no-repeat;
  position: absolute;
  right: -1.875em;
  top: 50%;
  margin-top: -0.53125rem;
  font-size: inherit;
  background-size: contain;
}

.join_step_wrap .join_step li span {
  display: inline-block;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  background-color: #bbb;
  vertical-align: middle;
}

.join_step_wrap .join_step li .join_sttxt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.5em;
}

.join_step_wrap .join_step li.on span {
  background-color: #0c3866;
}

.join_step_wrap .join_step li.on mark {
  color: #0c3866;
}

.join_step_wrap .join_step li.act span {
  background-color: #4187cf;
}

.join_step_wrap .join_step li.act mark {
  color: #4187cf;
}

.join_step_wrap .join_step .join_step01 span {
  background-image: url("../images/common/icon_join01.png");
  background-position: center;
  background-repeat: no-repeat;
}

.join_step_wrap .join_step .join_step02 span {
  background-image: url("../images/common/icon_join02.png");
  background-position: center;
  background-repeat: no-repeat;
}

.join_step_wrap .join_step .join_step03 span {
  background-image: url("../images/common/icon_join03.png");
  background-position: center;
  background-repeat: no-repeat;
}

.join_step_wrap .join_step .join_step04 span {
  background-image: url("../images/common/icon_join04.png");
  background-position: center;
  background-repeat: no-repeat;
}

.m_p {
  display: none;
}

@media all and (max-width: 1280px) {
  .join_step_wrap .join_step li {
    max-width: 14.875rem;
  }

  .join_step_wrap .join_step li .join_sttxt {
    margin-left: 1.25em;
  }

  .join_step_wrap .join_step li .w_p {
    display: none;
  }

  .join_step_wrap .join_step li .m_p {
    display: inline-block;
  }

  .join_step_wrap .join_step li span {
    width: 4.25rem;
    height: 4.25rem;
    background-size: contain;
  }
}

@media all and (max-width: 1024px) {
  .join_step_wrap .join_step li {
    max-width: 8.75rem;
    height: 16.25rem;
    vertical-align: top;
  }

  .join_step_wrap .join_step li .join_sttxt {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin: 0.875em 0 1.125em;
  }

  .join_step_wrap .join_step li span {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    margin: 0 auto;
  }
}

mark {
  font-style: normal;
  background-color: transparent;
}

.join01_wrap {
  text-align: center;
}

.join01_wrap.row.row_p_25 {
  margin-left: auto;
  margin-right: auto;
}

.join01_wrap .join01_box {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 0.3125rem;
  padding: 6.25em 0;
  -moz-transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -ms-transition: box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

.join01_wrap .join01_box:hover {
  box-shadow: 0.3125rem 0.3125rem 1.875rem rgba(0, 0, 0, 0.2);
}

.join01_wrap .join01_box span {
  display: inline-block;
}

.join01_wrap .join01_box .join01_img {
  width: 13.75rem;
  height: 13.75rem;
  border-radius: 50%;
}

.join01_wrap .join01_box i.join_user_img01 {
  background: url("../images/sub/join01_img.png") center no-repeat, #fff;
  background-size: auto;
  display: inline-block;
}

.join01_wrap .join01_box i.join_user_img02 {
  background: url("../images/sub/join01_img01.png") center no-repeat, #fff;
  display: inline-block;
  background-size: auto;
}

.join01_wrap .join01_box span.fs_32 {
  font-weight: bold;
}

.join01_wrap .join01_box mark {
  color: #4187cf;
}

.join01_wrap .join01_box .join_btn {
  background: #4187cf;
  border-radius: 0.625rem;
  padding: 1.1875em 5.15625em;
}

.join01_wrap .join01_box .join_btn a {
  color: #fff;
}

.m_br {
  display: none;
}

@media all and (max-width: 1024px) {
  .join01_wrap .join01_box span i.join01_img {
    display: none;
  }

  .join01_wrap .join01_box {
    padding: 4.375em 0;
  }

  .join01_wrap .join01_box>span.mb_30 {
    display: none;
  }

  .join01_wrap .join01_box p {
    word-break: keep-all;
    padding: 0 6.5625rem;
  }

  .join01_wrap .join01_box .join_btn {
    padding: 1.5em 5em;
  }

  .join01_wrap.row.row_p_25 {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
  }

  .m_br {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .join01_wrap .join01_box p {
    padding: 0 2.5em;
  }

  .join01_wrap.row.row_p_25 {
    padding: 0;
  }
}

@media all and (max-width: 501px) {
  .join01_wrap.row_p_25 {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
  }

  .join01_wrap .join01_box p {
    padding: 0 2.1875em;
  }
}

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

.join_agree .afree_all {
  background-color: #f5f5f5;
  width: 100%;
  padding: 2.5em 1.75em;
  border-bottom: 1px solid #ddd;
}

.join_agree .afree_all .fm_ch ._icon {
  margin-right: 0.875em;
}

.join_agree .afree_all .fm_ch>span span {
  color: #666;
}

.join_agree .afree_con {
  border-bottom: 1px solid #ddd;
  padding: 3.4375em 2.5em;
}

.join_agree .afree_con .afree_con_tit {
  display: inline-block;
  margin-bottom: 1.25em;
}

.join_agree .afree_con .afree_txt_con {
  height: 19.375rem;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  overflow-y: scroll;
  padding: 2.75em 1.25em 2.75em 2.75em;
  margin-bottom: 1.25em;
}

.join_agree .afree_con .afree_txt_con p {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: -0.05em;
  font-weight: 300;
  width: 100%;
  margin-bottom: 1.875em;
  font-family: 'Noto Sans Korean', sans-serif;
}

.join_agree .afree_con .afree_txt_con p b {
  display: block;
  font-size: 1.125rem;
}

.join_agree .afree_con .afree_ch mark {
  color: #f47320;
  font-weight: 300;
}

.join_agree .afree_con .afree_ch ._icon {
  margin-right: 0.875em;
}

/* 2020-11-23 start1 */
.join_agree .afree_con.dst_01 .afree_txt_con p {
  margin-bottom: 0;
}

.afree_con.dst_01 .list_type01 {
  padding-left: 1.25em;
}

.afree_con.dst_01 .list_type01 li {
  padding-left: 1.25em;
  text-indent: -1.25em;
  margin-top: 0.625em;
}

.afree_con.dst_01 .text_type01 {
  padding-left: 1.5em;
  text-indent: -1.25em;
  margin-top: 1.25em;
}

/* 2020-11-23 end1 */
@media all and (max-width: 1024px) {
  .join_agree .fm_ch ._icon {
    width: 3.125rem;
    height: 3.125rem;
  }

  .join_agree .afree_all .fm_ch>span.fs_md_28 {
    display: inline-block;
    vertical-align: top;
    margin-top: -0.25rem;
    font-weight: bold;
  }

  .join_agree .afree_all .fm_ch>span.fs_md_28 span {
    font-weight: normal;
  }

  .join_agree .afree_con {
    padding: 5em 3em;
  }

  .join_agree .afree_con .afree_con_tit {
    font-weight: bold;
  }

  .join_agree .afree_con .afree_txt_con {
    padding: 2.5em 1.25em 2.5em 2.5em;
    margin-bottom: 1.875em;
  }

  .join_agree .afree_con .afree_txt_con p {
    font-size: 1.5rem;
  }

  .join_agree .afree_con .afree_txt_con p b {
    font-size: 1.5rem;
  }

  .btn_box.dst_01 .t_right.dst_01 {
    text-align: left;
  }

  .btn_box.dst_01 .t_left.dst_01 {
    text-align: right;
  }
}

@media all and (max-width: 554px) and (min-width: 502px) {
  .join_agree .afree_all .fm_ch>span.fs_md_28, .join_agree .afree_all .fm_ch>span.fs_md_28 span {
    font-size: 1.5625rem;
  }
}

@media all and (max-width: 501px) {
  .join_agree .afree_all .fm_ch>span.fs_md_28, .join_agree .afree_all .fm_ch>span.fs_md_28 span {
    font-size: 1.5625rem;
  }
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.join_profile_img {
  display: inline-block;
  vertical-align: middle;
  width: 14.0625rem;
  height: 16.3125rem;
}

.join_prorile_con {
  display: inline-block;
  vertical-align: bottom;
}

.join_prorile_con .fm_file_btn .btn {
  width: 12.5rem;
  height: 3.125rem;
  padding: 0;
}

.join_prorile_con .fm_file_btn .btn span {
  color: #222;
}

.join_form_wrap .form_wrap .btn.btn_color_6 {
  font-size: 1.125rem;
  padding: 0.75em 1em;
  width: auto;
  height: auto;
  border: 1px solid #d3d3d3;
}

.join_form_wrap .form_wrap .fm_inp.dst_02, .join_form_wrap .form_wrap .sel_box.dst_02 {
  max-width: 23.75rem;
  width: 100%;
}

.join_form_wrap .form_wrap .email_st.dst_01 {
  max-width: 11.25rem;
  width: 100%;
}

.join_stt {
  display: inline-block;
  color: #666;
  line-height: 1;
  vertical-align: middle;
}

.join_stt.wid_100 {
  width: 100%;
}

.join_sns_wrap span {
  display: inline-block;
  padding: 0.8125em 1.5em;
}

.join_sns_wrap span.sns_n {
  background-color: #1ec800;
}

.join_sns_wrap span.sns_f {
  background-color: #3b5a9a;
  margin: 0 0.3125em;
}

.join_sns_wrap span.sns_k {
  background-color: #fae300;
}

.join_sns_wrap span.sns_k button {
  color: #222;
}

.join_sns_wrap span button {
  color: #fff;
  line-height: 1;
}

.join_sns_wrap .sns_icon {
  display: inline-block;
  text-align: center;
  text-indent: -9999px;
  font-size: 1px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 0.5625rem;
}

i.sns_icon_n {
  background: url("../images/common/sns_icon_n.png") center no-repeat;
  background-size: contain;
  width: 1.1875rem;
  height: 1.0625rem;
}

i.sns_icon_f {
  background: url("../images/common/sns_icon_f.png") center no-repeat;
  background-size: contain;
  width: 0.75rem;
  height: 1.4375rem;
}

i.sns_icon_k {
  background: url("../images/common/sns_icon_k.png") center no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 1.625rem;
}

.required {
  color: #f47320;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.join_form_wrap>span.fs_28 {
  display: inline-block;
  margin-bottom: 1.25rem;
}

.join_form_wrap>.t_right.d_st_01 {
  display: inline-block;
  float: right;
  margin-top: 2rem;
}

@media all and (max-width:1660px) {
  .share_list_gallery .share_ty_img {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media all and (max-width: 1440px) {
  .join_profile_img img {
    width: 100%;
  }

  .join_form_wrap {
    padding: 0 2.5em;
  }
}

@media all and (max-width: 1024px) {
  .sns_enroll {
    background-size: 30% !important;
  }

  .join_form_wrap>span.fs_28 {
    font-weight: bold;
  }

  .join_form_wrap>.t_right.d_st_01 {
    margin-top: 0.3125em;
  }

  .join_form_wrap .form_wrap .join_prorile_con .fm_file_btn .btn {
    width: auto;
    height: auto;
    padding: 0.875em;
  }

  .join_form_wrap .table_form.dst_01 table th {
    font-size: 1.5rem;
  }

  .join_form_wrap .table_form.dst_01 i.icon_profile_bk {
    width: 1.75rem;
    height: 1.5rem;
    background-size: contain;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp {
    max-width: 14.5625rem;
  }

  .join_form_wrap .table_form.dst_01 .btn.btn_color_6 {
    font-size: 1.5rem;
    padding: 0.80em 1em;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp.dst_02, .join_form_wrap .table_form.dst_01 .sel_box.dst_02 {
    max-width: 20rem;
  }

  .join_form_wrap .table_form.dst_01 .join_stt {
    margin-left: 0;
  }

  .join_form_wrap .table_form.dst_01 i.sns_icon_n {
    width: 1.4375rem;
    height: 1.3125rem;
  }

  .join_form_wrap .table_form.dst_01 i.sns_icon_f {
    width: 0.875rem;
    height: 1.625rem;
  }

  .join_form_wrap .table_form.dst_01 i.sns_icon_k {
    width: 1.8125rem;
    height: 1.6875rem;
  }

  .join_stt {
    margin-top: 0.875em;
    line-height: 1.4;
  }

  .join_stt::after {
    display: block;
    content: "";
    clear: both;
  }

  .join_stt span {
    display: block;
    float: left;
  }

  .join_stt span.jin_p {
    width: 90%;
  }
}

@media all and (max-width: 550px) and (min-width: 502px) {
  .join_form_wrap>span.fs_28 {
    font-size: 1.5rem;
  }

  .join_form_wrap>.t_right.d_st_01 {
    font-size: 1.25rem;
  }
}

@media all and (max-width: 767px) {
  .join_form_wrap .table_form.dst_01 table th {
    width: 11.875rem;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp.dst_02 {
    max-width: 13.6rem;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp.dst_02.dst_03 {
    max-width: 100%;
  }

  .join_form_wrap .table_form.dst_01 .sel_box.dst_03 {
    max-width: 100%;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp.email_st01, .join_form_wrap .table_form.dst_01 .fm_inp.email_st02 {
    max-width: 12.125rem;
  }

  .join_form_wrap .table_form.dst_01 .sel_box.email_st03 {
    max-width: 100%;
    margin-top: 0.5em;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp {
    max-width: 13.6rem;
  }

  .join_form_wrap .table_form.dst_01 .fm_inp .inp {
    padding: 0 0.625em;
  }

  .join_sns_wrap span {
    padding: 0;
    max-width: 31%;
    width: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 3.75rem;
  }

  .join_sns_wrap span button {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 1.25rem;
    line-height: 1;
  }
}

.join_step_wrap.dst_01 mark {
  color: #4187cf;
}

.join_step_wrap.dst_01 p {
  line-height: 2;
}

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

.verifi_box ul li {
  display: table;
  border-bottom: 1px solid #d3d3d3;
}

.verifi_box ul li>div, .verifi_box ul li>span {
  display: table-cell;
  vertical-align: middle;
  padding: 0.625em 0.3125em 0.625em 2.5em;
  height: 4.375rem;
}

.verifi_box ul li>span {
  width: 300px;
  background-color: #f4f4f4;
}

.verifi_box ul li div {
  width: 80%;
}

.verifi_box ul li.dst_01 {
  width: 100%;
}

.verifi_box ul li.dst_01 .m_hiden {
  padding: 0;
  height: 4.375rem;
  display: table;
  width: 100%;
}

.verifi_box ul li.dst_01 .m_hiden>div, .verifi_box ul li.dst_01 .m_hiden>span {
  display: table-cell;
  vertical-align: middle;
  padding: 0.625em 0.3125em 0.625em 2.5em;
  height: 4.375rem;
}

.verifi_box ul li.dst_01 .m_hiden>span {
  width: 20%;
  background-color: #f4f4f4;
}

.verifi_box ul li.dst_01 .m_hiden>div {
  width: 30%;
}

.verifi_box02::after {
  display: block;
  content: "";
  clear: both;
}

.verifi_box02 ul {
  float: left;
  width: 50%;
}

.verifi_box02 ul li div {
  width: 60%;
}

@media all and (max-width: 1280px) {
  .verifi_box ul li>span {
    padding-left: 1.25em;
  }
}

.w_hiden {
  display: none !important;
}

@media all and (max-width: 1024px) {
  .join_step_wrap.dst_01 p {
    line-height: 1.6;
  }

  .verifi_box ul {
    width: 100%;
    float: none;
  }

  .verifi_box ul li {
    width: 100%;
  }

  .verifi_box ul li span {
    width: 28%;
  }

  .verifi_box ul li span.join_profile_img {
    height: auto;
  }

  .verifi_box ul li div {
    width: 80%;
  }

  .verifi_box ul li.m_dino {
    display: none;
  }

  .verifi_box ul li.dst_01 .m_hiden {
    display: none;
    height: inherit;
  }

  .verifi_box ul li.dst_01 .w_hiden {
    display: table !important;
    padding: 0;
    width: 100%;
  }

  .verifi_box ul li.dst_01 .w_hiden>span {
    display: table-cell;
    background-color: #f4f4f4;
    padding: 0.625em 0.3125em 0.625em 1.6em;
    width: 28%;
  }

  .verifi_box ul li.dst_01 .w_hiden>div {
    display: table-cell;
    padding: 0.625em 0.3125em 0.625em 2.5em;
    width: 80%;
    vertical-align: middle;
  }

  .verifi_box .sns_enroll.sns_enroll_f {
    width: 3rem;
    height: 3rem;
  }
}

@media all and (max-width: 501px) {
  .verifi_box .sns_enroll.sns_enroll_f i.sns_icon_f {
    background-size: 30%;
  }
}

.mapage_mo_menu {
  display: none;
}

.mypage {
  background-color: #f4f4f4;
}

.mypage::after {
  display: block;
  content: "";
  clear: both;
}

.left_nav {
  border: 1px solid #e4e4e4;
  float: left;
  background-color: #fff;
  max-width: 15%;
  width: 100%;
}

.mypage_tit {
  padding: 2em 2.5em;
  border-bottom: 1px solid #e4e4e4;
}

.mypage_tit span {
  line-height: 1;
}

.mypage_menu .my_sub_tit {
  background-color: #f4f4f4;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding: 0.75em 2em;
}

.mypage_menu ul li {
  padding: 0.5em 2.375em;
}

.mypage_menu ul li a {
  font-weight: 200;
}

.mypage_menu ul li.on {
  background-color: #0c3866;
}

.mypage_menu ul li.on a {
  color: #fff;
}

.mypage_box {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  float: right;
  max-width: 83%;
  width: 100%;
}

.mypage_top {
  padding: 1.625em 2.375em;
  border-bottom: 1px solid #e4e4e4;
}

.mypage_top::after {
  display: block;
  content: "";
  clear: both;
}

.mypage_top .mypage_rtit {
  font-weight: 600;
}

.mypage_top .mypage_rtit span {
  color: #666;
  font-weight: 200;
}

.mypage_top .mypage_rtit span mark {
  color: #f47320;
}

.mypage_top .t_left {
  float: left;
}

.mypage_top .t_right {
  float: right;
  margin-top: 0.3125em;
}

.mypage_top .t_right a {
  color: #666;
}

.mypage_top .t_right mark {
  color: #f47320;
}

.mypage_contents .mypage01_con {
  width: 50%;
  height: 100%;
}

.mypage_contents .mycon_left {
  float: left;
  border-right: 1px solid #e0e0e0;
  padding: 4.375em;
}

.mypage_contents .mycon_right {
  float: right;
}

.myfrotxt {
  width: 100%;
  text-align: center;
}

/* 2020-11-19 start1*/
/*
.myfrotxt span { display: inline-block; vertical-align: middle; max-width: 10.625rem; max-height: 10.625rem; width: 100%; height: 100%; }
*/
/* 2020-11-19 end1*/
.myfrotxt span {
  display: inline-block;
  vertical-align: middle;
}

/* 2020-11-19 start2*/
.myfroplie {
  width: 10.625rem;
  height: 10.625rem;
  overflow: hidden;
  border-radius: 50%;
  ;
}

.myfroplie img {
  width: 100%;
  height: 100%;
}

.join_profile_img {
  display: inline-block;
  vertical-align: middle;
  width: 12.5rem;
  height: 12.5rem;
  overflow: hidden;
  border-radius: 50%;
}

.join_profile_img img {
  width: 100%;
  height: 100%;
  ;
}

/* 2020-11-19 end2*/
.myfrotxt .ml_40 {
  text-align: left;
}

.myfrotxt .ml_40 span {
  color: #4187cf;
}

.mycon_li {
  width: 100%;
}

.mycon_li li {
  display: inline-block;
  vertical-align: middle;
  max-width: 8.375rem;
  width: 100%;
  height: auto;
  text-align: center;
}

.mycon_li li:nth-child(2) {
  margin: 0 3.125em;
}

.mycon_li li .myliin_icon {
  display: inline-block;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  background-color: #f4f4f4;
  margin-bottom: 1.5rem;
}

.mycon_right .mylist {
  width: 100%;
  padding: 2.5em 5em;
}

.mycon_right .mylist>span {
  font-weight: bold;
}

.mycon_right .mylist01 {
  border-bottom: 1px solid #e0e0e0;
}

.mylist ul li {
  padding-left: 0.9375rem;
  position: relative;
  margin-top: 0.625rem;
  min-height: auto;
}

.mylist ul li::before {
  content: '·';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.25rem;
  width: 0.625rem;
  height: 100%;
  vertical-align: middle;
}

.mylist ul li a {
  font-weight: 200;
  width: 31.25rem;
  height: auto;
  -webkit-line-clamp: 1;
}

.my_work ul {
  padding: 0 2.5em;
}

.my_work ul li {
  width: 100%;
  border-bottom: 1px dashed #d3d3d3;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  vertical-align: middle;
  padding: 1.875em 0;
}

.color_01 {
  color: #4187cf;
}

.color_02 {
  color: #f47320;
}

.my_lecture {
  padding: 2.5em 2.5em 0;
}

.my_lecture .my_lect_th {
  display: table;
  width: 100%;
  background-color: #f4f4f4;
  border-top: 1px solid #d3d3d3;
  padding: 1.25em 0;
}

.my_lecture .my_lect_th li {
  display: table-cell;
  text-align: center;
}

.my_lecture .my_lect_th li.wid_35p span {
  padding-right: 3.75rem;
  display: inline-block;
}

.my_lecture .my_lect_td {
  width: 100%;
  border-top: 1px solid #d3d3d3;
}

.my_lecture .my_lect_td li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px dashed #d3d3d3;
  padding: 1.125em 0;

}

.my_lecture .my_lect_td li>span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.my_lecture .my_lect_td li>span.t_left {
  text-align: left;
}

.my_lecture .my_lect_td li>span.max_wid01 span.btn {
  max-width: 5.625rem;
  width: 100%;
}

.my_lecture .my_lect_td li>span.wid_10p, .my_lecture .my_lect_td li>span.wid_25p {
  font-weight: 300;
}


.mypage_contents  .my_lecture .my_lect_td li>.t_left  p,.mypage_contents  .my_lecture .my_lect_td li>.wid_25p  p{
  overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
  width: 100%;
}
.mypage_contents210120.mypage_contents  .my_lecture .my_lect_td li>span .txt_cenlin{
  width: auto;
  max-width: 95%;
}
.my_lecture .my_lect_td li>span p {
  display: inline-block;
  vertical-align: middle;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.my_lecture .my_lect_td li span.btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0.25em 0.6875em;
  border-radius: 0.3125rem;
  font-weight: 200;
}

.my_lecture .my_lect_td li span.btn.on {
  color: #fff;
  background-color: #1cb88e;
}

.my_lecture .my_lect_td li span.btn a {
  color: inherit;
  font-weight: 200;
}

.my_lecture .my_lect_td.d_list_v1 li:last-child {
  border-bottom: 1px solid #d3d3d3;
}

.my_lecture .wid_15p {
  width: 15%;
}

.my_lecture .wid_15p.d_btn_v1 span.btn {
  max-width: 6.25rem;
  width: 100%;
}

.my_lecture .wid_15p.d_btn_v2 span.btn {
  max-width: 5.625rem;
  width: 100%;
}

.wid_5p {
  width: 5%;
}

.wid_10p {
  width: 10%;
}

.wid_15p {
  width: 15%;
}

.wid_20p {
  width: 20%;
}

.wid_25p {
  width: 25%;
}

.wid_30p {
  width: 30%;
}

.wid_35p {
  width: 35%;
}

.wid_40p {
  width: 40%;
}

.wid_45p {
  width: 45%;
}

.wid_50p {
  width: 50%;
}

.wid_55p {
  width: 55%;
}

.wid_60p {
  width: 60%;
}

.wid_65p {
  width: 65%;
}

.wid_70p {
  width: 70%;
}

.wid_75p {
  width: 75%;
}

.wid_80p {
  width: 80%;
}

.wid_85p {
  width: 85%;
}

.wid_90p {
  width: 90%;
}

.wid_95p {
  width: 95%;
}

.wid_100p {
  width: 100%;
}

.mypage .wrap_1600::after {
  display: block;
  content: "";
  clear: both;
}

.mylist01.dst_01 {
  padding: 0;
  border-bottom: 0;
}

.mylist01.dst_01>span.fs_22 {
  display: inline-block;
  padding: 1.25em 1.875em;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}

.mylist01.dst_01 li {
  padding-left: 0;
}

.mylist01.dst_01 li::before {
  display: none;
}

.mylist01.dst_01 ul {
  padding: 0 2.1875em;
}

.mylist01.dst_01 ul li {
  padding: 0.9375em 0;
  border-bottom: 1px dashed #d3d3d3;
  text-align: right;
}

.mylist01.dst_01 ul li:last-child {
  border-bottom: 0;
}

.mylist01.dst_01 ul li span.btn {
  max-width: 7.5rem;
  width: 100%;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  padding: 0.25em 0.6875em;
  border-radius: 0.3125rem;
}

.mylist01.dst_01 ul li span.btn a {
  color: inherit;
}

.mylist01.dst_01 ul li .mytxt_p {
  width: 70%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2.9375rem;
}

.mylist01.dst_01 ul li .mytxt_p p {
  -webkit-line-clamp: 1;
  font-weight: 300;
}

.tab_box.dst_02 {
  padding: 0 1.875em;
}

.tab_box.dst_02>.tab.dst_01 li.on {
  border: 1px solid #000;
  border-bottom: 0;
  background-color: #fff;
}

.tab_box.dst_02>.tab.dst_01 li.on::after {
  background-color: #fff;
  background-image: none;
}

.tab_box.dst_02>.tab.dst_01 li {
  background-color: #f4f4f4;
  border-radius: 0;
}

.tab_box.dst_02>.tab.dst_01 li::before {
  height: 100%;
}

.tab_box.dst_02>.tab.dst_01::after {
  height: 1px;
}

.mypage_category .sel_box.dst_02 {
  max-width: 9.375rem;
  margin-right: 0.5em;
  float: none;
}

.mypage_category .mypage_seach {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.mypage_category .mypage_seach .inp {
  padding-right: 3.75rem;
}

.mypage_category .mypage_seach button {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  margin-top: -0.6875rem;
}

.mypage_category .mypage_seach.d_seach_86 {
  max-width: 86.5%;
}

.mypage_category .mypage_seach.d_seach_73 {
  max-width: 73.5%;
  float: right;
}

.mypage_category.d_btn_v3 .sel_box.dst_02 {
  float: none;
}

.mypage_category.d_btn_v3 .mypage_seach {
  width: 38.5rem;
}

.myli_view {
  width: 100%;
  text-align: right;
  padding: 0 2.625em;
}

.myli_view .myliv_box {
  display: inline-block;
}

.myli_view .myliv_box .btn_short {
  max-width: 7.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 0.3125rem;
  margin-left: 0.625em;
}

.myli_view .myliv_box .btn:hover {
  background-color: #222;
  color: #fff;
}

.data_arrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.625em;
}

.data_arrow button {
  display: block;
}

.data_arrow .data_arbot {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}

.chirem_btn {
  display: block;
  float: right;
  margin-top: 0.3125em;
  margin-right: 2.1875em;
}

.chirem_btn button.btn.dst_01 {
  max-width: 6.25rem;
  height: 2.5rem;
  padding: 0;
  vertical-align: middle;
  border-radius: 0.3125rem;
}

.fl_le {
  float: left;
}

.fl_ri {
  float: right;
}

.txt_cenlin {
  position: relative;
}

.txt_cenlin::before {
  content: '';
  display: block;
  width: 101%;
  height: 1px;
  background-color: #222;
  position: absolute;
  top: 50%;
  left: -0.5%;
}

textarea {
  resize: none;
}

.mypage_contents .my_work ul {
  padding: 0 2.125em;
}

.mypage_contents .my_work ul li {
  padding-bottom: 2.125em;
  border-bottom: 1px dashed #d3d3d3;
}

.mypage_contents .my_work ul li:last-child {
  border-bottom: 0;
}

.mycomme_top {
  padding: 2.125em 0 0;
  width: 100%;
}

.mycomme_top::after {
  display: block;
  content: "";
  clear: both;
}

.mycomme_top>* {
  display: inline-block;
  vertical-align: middle;
}

.mycomme_top.remove_comme {
  padding: 3.75em 0 1.125em;
}

.my_commt {
  border-top: 1px solid #d3d3d3;
  margin: 2.5em 2.1875em 0;
}

.my_commt ul li {
  border-bottom: 1px dashed #d3d3d3;
  padding: 0 2.1875em 2.125em;
}

.my_commt ul .answer_comme {
  background-color: #f4f4f4;
  padding: 0 2.5em 2.125em;
}

.comment_tit {
  max-width: 10.375rem;
  width: 100%;
}

.comment_txt {
  max-width: 42.8125rem;
  width: 100%;
}

.comment_txt p {
  margin-bottom: 0.625em;
  word-break: keep-all;
  -ms-word-break:keep-all;
}

.comment_txt .comsub_txt {
  color: #666;
  font-weight: 300;
}
.comment_txt .comsub_txt .ellipsis{
  width: 80%;
  height: 1.5em;
}

.comment_txt .comsub_txt span {
  display: flex;
  vertical-align: middle;
  position: relative;
  float: left;
}

.comment_txt .comsub_txt span:first-child {
  padding-right: 0.625em;
  margin-right: 0.625em;
  position: relative;
  -webkit-line-clamp: 1;
  width: 68%;
}

.comment_txt .comsub_txt span:first-child::after {
  content: '';
  display: block;
  width: 1px;
  height: 0.875rem;
  background-color: #d6d6d6;
  position: absolute;
  top: 50%;
  right: -1px;
  margin-top: -0.25rem;
  font-family: 'Noto Sans Korean';
}

.mypage_btn .btn {
  max-width: 5.625em;
  height: 2.5em;
  padding: 0;
  border-radius: 0.3125rem;
  margin-left: 0.5em;
}

.mypage_btn .btn:first-child {
  margin-left: 0;
}

.comment_txtara {
  position: relative;
  height: 4.375em;
  margin-top: 2.125em;
  box-sizing: border-box;
}

.comment_txtara textarea {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  padding: 0.875em 1.25em;
}

.comment_txtara .btn {
  padding: 0;
  max-width: 7.5em;
  height: 3.75em;
  border-radius: 0.3125rem;
  position: absolute;
  top: 50%;
  right: 0.625em;
  margin-top: -1.875em;
  padding: 0;
  background-color: #f4f4f4;
}

.remove_comme {
  text-align: center;
}

.icon_add_comt .comment_txt {
  max-width: 39.375rem;
  overflow: hidden;
}

.icon_add_comt .comment_tit {
  margin-left: 1.25em;
}

.myli_view.d_btn_v1 {
  width: 81%;
  display: inline-block;
  vertical-align: middle;
  padding-right: 0;
}

.myli_view.d_btn_v2 {
  text-align: left;
  padding-left: 0;
}

.myli_view.d_btn_v2 a {
  line-height: 2.8em;
}

.myli_view.d_btn_v2 a.on {
  background-color: #222;
  color: #fff;
}

.myli_view.d_btn_v2 span {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.myli_view.d_btn_v3 .mypage_btn {
  float: left;
  text-align: left;
}

.myli_view.d_btn_v3 .sel_box {
  float: left;
  height: 2.5em;
}

.mypage_btn.d_btn_v1 {
  text-align: right;
}

.mypage .dst_01.btn_box .btn.load_more_btn {
  max-width: 9.375rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 0.3125rem;
  border-color: #888;
}

.myreouch {
  background-color: #f5f5f5;
  margin: 2.5em;
  padding: 2.5em;
}

.myreouch .myreouch_txt {
  border-bottom: 1px dashed #cbcbcb;
  padding-bottom: 1.75em;
  margin-bottom: 1.75em;
}

.myreouch p {
  line-height: 1.8;
}

.myreouch_psw .fm_inp {
  max-width: 23.75rem;
}

.myreouch_btn {
  text-align: center;
}

.myreouch_btn a.btn {
  padding: 0;
  max-width: 9.375rem;
  height: 2.375rem;
  border-color: #888;
  line-height: 2.5rem;
  border-radius: 0.3125rem;
}

.br_m {
  display: none;
}

.form_wrap.dst_02 {
  margin: 0 2.5em;
}

.fm_inp_type3 {
  display: inline-block;
  width: 100%;
  max-width: 24.375rem;
}

.fm_inp_type3 .fm_inp {
  max-width: 6.25rem;
  overflow: visible;
}

.fm_inp_type3 .fm_inp:not(:last-child) {
  margin-right: 1.875em;
  position: relative;
}

.fm_inp_type3 .fm_inp:not(:last-child)::after {
  content: '';
  display: block;
  width: 0.625rem;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  right: -1.7rem;
}

.my_phone_btn {
  display: inline-block;
}

.my_phone_btn .btn.d_st01 {
  font-size: 1.125rem;
  padding: 0.75em 1em;
  width: auto;
  height: auto;
  border: 1px solid #d3d3d3;
}

.mypage_contents .fm_inp.dst_01, .mypage_contents .sel_box.dst_01 {
  max-width: 23.75rem;
}

.mypage_contents .email_st.dst_02 {
  max-width: 11.5rem;
}

.sns_enroll {
  display: inline-block;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 0.1875rem;
  vertical-align: middle;
  background: url("../images/common/sns_icon_f.png") center no-repeat, #3b5a9a;
}

.mypage_category.dv_01 .mypage_seach {
  max-width: 37.1875rem;
}

.mypage_category.dv_01 .my_mo_top {
  display: none;
}

.myfroplie img {
  width: 100%;
}

@media all and (max-width: 1700px) {
  .mycon_li li:nth-child(2) {
    margin: 0 1.875em;
  }

  .mypage_contents .mycon_left {
    padding: 2.5em;
  }

  .mycon_right .mylist {
    padding: 1.5625em 3.125em;
  }

  .mycon_right .mylist.dst_01 {
    padding: 0;
  }

  .mylist01.dst_01 ul {
    padding: 0 1.25em;
  }

  .mylist01.dst_01 ul li {
    padding: 0.625em 0;
  }

  .mylist01.dst_01 ul li .mytxt_p {
    margin-right: 1.5em;
    width: 69%;
  }

  .mypage_category.dv_01 .mypage_seach {
    width: 37%;
  }

  .mypage_box {
    width: 82.5%;
  }

  .review_user {
    margin-right: 1.875em;
  }

  .comment_txt {
    width: 51%;
  }

  .icon_add_comt .comment_txt {
    width: 46%;
  }

  .mypage_category .mypage_seach.d_seach_73 {
    width: 68%;
  }
}

.icon_del, .my_mo_th, .my_mo_top, .myli_view_mo {
  display: none;
}

.my_lecture .my_lect_td li .we_hide, .my_lecture .my_lect_td li span.we_hide {
  display: none;
}

@media all and (max-width: 1280px) {
  .mypage_contents  .my_lecture .my_lect_td li{
    display: table;
    table-layout: fixed;
  }
  .mypage_contents  .my_lecture .my_lect_td li .wid_25p a{
    display: block;
    width: 100%;
  }
  .my_lecture .my_lect_td li{
    display: block;
  }
  .my_lecture .my_lect_td li>span p{
    width: auto;
  }
  .my_lecture .wid_15p.d_btn_v2 span.btn {
    text-align: center;
  }

  .we_hide.total_txt {
    display: block;
    margin-left: 2.5em;
    margin-top: 3.125em;
  }

  .we_hide.total_txt mark {
    color: #f47320;
  }

  .mylist01.dst_01 ul li {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: left;
    width: 100%;
  }

  .mylist01.dst_01 ul li .mytxt_p {
    width: 100%;
  }

  .mylist01.dst_01>span.fs_22 {
    padding: 1.125em 0.9375em;
  }

  .left_nav, .mypage_box {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .left_nav {
    position: relative;
    border: 0;
    background-color: #fff;
  }

  .left_nav .mypage_menu {
    display: none;
  }

  .left_nav .mapage_mo_menu {
    position: absolute;
    left: 0;
    top: 5.625rem;
    width: 100%;
    max-height: 31.25rem;
    height: auto;
    overflow-y: scroll;
    display: block;
    z-index: 10;
    border: 2px solid #000;
    border-top: 0;
  }

  .left_nav .mapage_mo_menu .mypage_menu {
    display: block;
    border-top: 1px solid #000;
  }

  .left_nav .mapage_mo_menu .mypage_menu .my_sub_tit {
    background-color: #fff;
    padding: 1.375em 2em;
    background: url();
  }

  .left_nav .mapage_mo_menu .mypage_menu ul {
    display: none;
    background-color: #f4f4f4;
  }

  .left_nav .mapage_mo_menu .mypage_menu ul li {
    border-top: 1px solid #e4e4e4;
    padding: 1.5625em 2.375em;
  }

  .left_nav .mapage_mo_menu .mypage_menu ul li:first-child {
    display: none;
  }

  .mypage_tit {
    border: 2px solid #000;
    border-radius: 0.3125rem;
  }

  .mypage_box {
    margin-top: 2.5rem;
  }

  .mypage i.icon_settings {
    background-size: contain;
  }

  .mypage_contents .mycon_right, .mypage_contents .mycon_left {
    float: none;
    width: 100%;
  }

  .mypage_contents .mycon_left {
    text-align: center;
  }

  .mypage_contents .mycon_right {
    border-top: 1px solid #e0e0e0;
  }

  .myfrotxt .ml_40 {
    max-width: 28.57143rem;
    width: auto;
  }

  .myfrotxt .ml_40 span {
    width: auto;
  }

  .myfrotxt .ml_40>* {
    display: inline-block;
    vertical-align: middle;
  }

  .my_lecture .my_lect_th {
    display: none;
  }

  .my_lecture .my_lect_td {
    border-top: 0;
  }

  .my_lecture .my_lect_td .fm_ch {
    margin-left: 0;
  }

  .my_lecture .my_lect_td>li {
    margin-bottom: 2.5em;
    border-top: 1px solid #d3d3d3;
  }

  .my_lecture .my_lect_td li {
    padding: 0;
    border-bottom: 0;
  }

  .my_lecture .my_lect_td li a {
    margin-right: 0.3125em;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] {
    width: 100%;
    display: flex;
    align-items: center;
    height: 67px;
    border-bottom: 1px solid #d3d3d3;
    vertical-align: middle;
    padding: 0 1.25em;
    box-sizing: border-box;
    text-align: left;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_].mo_hide {
    display: none;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] .mo_hide {
    display: none;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] p.mo_hide {
    display: none !important;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] .we_hide {
    display: inline-block;
  }

  .my_lecture .my_lect_td .my_mo_th {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
  }

  .my_lecture .my_lect_td .my_mo_th ul li {
    height: 67px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #d3d3d3;
  }

  .mypage_category .sel_box.dst_02 {
    max-width: 24%;
  }

  .mypage_category .sel_box.dst_02.mr_0 {
    margin-right: 0;
  }

  .mypage_category.dv_01 .mypage_seach {
    width: 100%;
    max-width: 99.5%;
    margin-top: 0.625em;
  }

  .my_lect_td .icon_del {
    display: block;
    text-align: right;
    overflow: hidden;
    float: right;
  }

  .my_lect_td .icon_del button {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    vertical-align: middle;
  }

  .my_lect_td .icon_del button img {
    width: 100%;
  }

  .my_lecture .my_lect_td.spa_bet li>span[class^=wid_] {
    justify-content: space-between;
  }

  .my_lecture .my_lect_td.td_lastspan_hi li>span[class^=wid_]:last-child {
    display: none !important;
  }

  .myli_view_we {
    display: none;
  }

  .myli_view_mo {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 2.5em;
    margin-top: 3.75rem;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1.25em;
  }

  .myli_view_mo.d_v01>.sel_md_short {
    max-width: 100%;
    margin-bottom: 1.25em;
  }

  .myli_view_mo .cha_left .fm_ch {
    font-size: 1.625rem;
    margin-left: 0;
  }

  .myli_view_mo .cha_left .fm_ch>span {
    color: #222;
  }

  .myli_view_mo .sec_right .mypage_btn {
    display: inline-block;
    vertical-align: middle;
  }

  .myli_view_mo .sec_right .mypage_btn .btn {
    width: 7.5rem;
    height: 4.375rem;
    font-size: 1.5rem;
  }

  .myli_view_mo .sec_right .sel_box {
    width: 13.125rem;
    height: 4.375rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.25rem;
  }

  .myli_view_mo .sec_right .sel_box:after {
    background-image: url("../images/common/icon_selet_arrow_m.png");
    background-size: auto;
    background-repeat: no-repeat;
  }

  .myli_view_mo .sec_right select {
    background-color: #000;
    color: #fff;
    border-radius: 0.3125rem;
    font-size: 1.25rem;
  }

  .myli_view_mo .sec_right select option {
    color: #fff;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] .we_hide.btn {
    max-width: 5.625rem;
    width: 100%;
    text-align: center;
  }

  .mypage_category {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .mypage_category .sel_box.dst_mo_02 {
    max-width: 49% !important;
    margin-right: 0;
  }

  .mypage_category .mypage_seach.d_seach_73 {
    max-width: 100%;
    width: 100%;
    margin-top: 0.625em;
  }
}

@media all and (max-width: 1024px) {
  .we_hide.total_txt {
    margin-left: 1.25em;
    margin-bottom: -2.5em;
  }

  .mypage_category .mypage_seach.d_seach_73 {
    margin-top: 0.3125em;
  }

  .my_mo_top {
    display: block;
    width: 100%;
    background-color: #0c3866;
    text-align: center;
    padding: 1.375em 0;
  }

  .my_mo_top span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
  }

  .my_mo_top .mymo_name {
    background-color: #000;
    padding: 0.3125em 1.25em;
    border-radius: 3.125rem;
    overflow: hidden;
    margin-right: 0.3125em;
  }

  .left_nav .mapage_mo_menu {
    top: 5.9375rem;
  }

  .my_lecture {
    padding: 0 1.25em;
  }

  .my_lecture .my_lect_td {
    margin-top: 2.5em;
  }

  .my_lecture .my_lect_td .my_mo_th ul li {
    height: 62px;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] {
    height: 62px;
  }

  .mypage_contents  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] p {
    white-space: normal;
    overflow: hidden;
    line-height: 1.4;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .mypage_contents210120.mypage_contents  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] p{
    height: 2.307692307692308rem;
  }

  .my_lecture .my_lect_td .icon_del button {
    width: 3.4375rem;
    height: 3.4375rem;
  }

  .my_lecture .fm_ch ._icon {
    width: 3.125rem;
    height: 3.125rem;
  }

  .mypage_contents .my_work ul {
    padding: 0 0.9375em;
  }

  .mypage_contents .my_work ul li {
    display: inline-block;
    padding: 1.5em 0;
  }

  .mypage_contents .my_work ul li a {
    width: 100%;
    display: block;
  }

  .mypage_contents .my_work ul li span {
    display: block;
    width: 100%;
  }

  .myfrotxt {
    text-align: left;
    padding-left: 2.5em;
  }

  .myfrotxt .myfroplie {
    max-width: 15.625rem;
    max-height: 15.98077rem;
  }

  .mycon_li {
    display: flex;
    justify-content: space-around;
  }

  .mycon_li li {
    max-width: 100%;
    width: auto;
    text-align: center;
  }

  .mycon_li li .myliin_icon {
    width: 11.5625rem;
    height: 11.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mycon_li li:nth-child(2) {
    margin: 0 4.375em;
  }

  .mypage_top {
    padding: 2.1875em 1.25em;
  }

  .my_lecture .my_lect_td>li {
    margin-bottom: 1.875em;
  }

  .mycon_right .mylist {
    padding: 3.125em 1.25em;
  }

  .mypage i.icon_settings {
    width: 1.875rem;
    height: 1.875rem;
  }

  .mypage_category {
    padding: 0 1.25em;
  }

  .mypage_category .sel_box.dst_02 {
    max-width: 23.7%;
    float: left;
  }

  .mylist01.dst_01 ul li .mytxt_p {
    margin-right: 0;
  }

  .mylist01.dst_01 ul li span.btn {
    font-size: 1.875rem;
    max-width: 12.5rem;
    height: 4.375rem;
    line-height: 3.125rem;
    margin-left: 1.25rem;
  }

  .mylist01.dst_01 ul li span.btn a {
    font-size: 1em;
  }

  .my_lecture .my_lect_td li>span.max_wid01 span.btn {
    font-size: 1.5rem;
    max-width: 7.5rem;
  }

  .myli_view_mo {
    padding: 0 1.25em;
  }

  .myreouch {
    margin: 2.5em 1.25em;
  }

  .myreouch_btn a.btn {
    font-size: 1.5rem;
    max-width: 15.625rem;
    height: 4.375rem;
    line-height: 4.375rem;
  }
}

@media all and (max-width: 767px) {
  .mycon_li li:nth-child(2) {
    margin: 0 1.25em;
  }

  .myfrotxt {
    padding-left: 0;
  }

  .myfrotxt .ml_40 {
    margin-left: 1.5rem;
  }

  .left_nav .mapage_mo_menu .mypage_menu .my_sub_tit {
    padding: 1.125em 2em;
  }

  .left_nav .mapage_mo_menu .my_sub_tit {
    padding: 0.3125em 2em;
  }

  .mypage_category .sel_box.dst_02 {
    max-width: 48.5%;
    margin-bottom: 0.625em;
  }

  .mypage_category .sel_box.dst_02:nth-child(2) {
    margin-right: 0;
  }

  .mypage_category .sel_box.dst_02:nth-child(even) {
    float: right;
  }

  .mypage_category.dv_01 .mypage_seach {
    margin-top: 0;
  }

  .mypage_category .mypage_seach button {
    transform: translateY(-50%);
    margin-top: 0;
  }
}

@media all and (max-width: 501px) {
  .mycon_li li .myliin_icon {
    width: 9.375rem;
    height: 9.375rem;
  }

  .myfroplie img {
    max-width: 12.5rem;
    max-height: 12.5rem;
  }

  .myfrotxt .ml_40 {
    margin-left: 0;
  }

  .my_lecture .my_lect_td.mo_wid100 li>span[class^=wid_] {
    height: 50px;
  }

  .my_lecture .my_lect_td .my_mo_th ul li {
    height: 50px;
  }
}

.comsub_txt_mo {
  display: none;
}

@media all and (max-width: 1280px) {
  .comment_txt {
    width: 80%;
  }

  .comment_tit {
    display: block;
    margin-bottom: 1.625em;
  }

  .mypage_btn {
    display: block;
  }

  .comment_txt .comsub_txt span:first-child {
    width: auto;
  }

  .comsub_txt_w {
    display: none;
  }

  .mypage_btn {
    margin-top: 1.25em;
  }

  .comment_txtara {
    height: auto;
  }

  .comment_txtara textarea {
    height: 8.75rem;
  }

  .comment_txtara .btn {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0.3125rem;
  }

  .comsub_txt_mo {
    display: block;
    width: 100%;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .comsub_txt_mo::after {
    display: block;
    content: "";
    clear: both;
  }

  .comsub_txt_mo span {
    display: inline-block;
    float: left;
    color: #666;
    line-height: 1;
  }

  .comsub_txt_mo span:first-child {
    padding-right: 1.25em;
    border-right: 1px solid #d3d3d3;
    margin-right: 1.25em;
    -webkit-line-clamp: 1;
    max-width: 31.25rem;
    width: auto;
  }
}

@media all and (max-width: 1024px) {
  .mypage_btn .btn {
    font-size: 1.53415rem;
  }

  .comment_txtara .btn {
    font-size: 1.53415rem;
  }

  .review_user {
    max-width: 4.47462rem;
    width: 100%;
  }

  .review_user img {
    width: 100%;
  }

  .my_commt ul li {
    padding: 0 0 2.125em;
  }

  i.icon_comt_arrow {
    background-size: contain;
  }
}

@media all and (max-width: 767px) {
  .comsub_txt_mo span:first-child {
    max-width: 26.25rem;
    padding-right: 0.875em;
  }
}

@media all and (max-width: 1280px) {
  .mypage_btn {
    margin-top: 0;
  }
}

.my_question01 {
  border-top: 1px solid #d3d3d3;
}

.my_question {
  margin: 2.5em;
}

.question_maneger {
  background-color: #f4f4f4;
  padding: 2em;

  border-bottom: 1px solid #cacaca;
}

.question_user {
  padding: 2em 4em 1.7em 2em;
  border-bottom: 1px dashed #cacaca;
  position: relative;
  word-break: break-all;
}
.subjt_201208{
  display: inline-block;
  word-break: break-all;
  overflow: hidden;
}

.question_user::before{
  content: '';
  display: block;
  position: absolute;
  top:2.3em;
  right: 1em;
  width: 1.30769rem;
  height: 0.92308rem;
  background: url("../images/common/icon_more_arrow_bk.png") 0 0 no-repeat;
  background-size: contain;
  transition: transform 0.3s;
}

.ques_man_p {
  word-break: break-all;
}

.question_user.on::before {
  -moz-transform:  rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform: rotate(180deg);
}
.question_user::after {
  display: block;
  content: "";
  clear: both;
}

.question_user .fl_le {
  display: inline-block;
}

.qmt_top::after {
  display: block;
  content: "";
  clear: both;
}

.user_txt_201208{
  display: none;
  word-break: break-all;
  margin:2em -4em 0 -2em;
  padding:2em 2em 0;
  border-top: 1px dashed #cacaca;
}
.qmt_top .fl_le span {
  padding-left: 0.625rem;
}

.ques_man_p p {
  font-weight: 300;
}

.question_top_txt {
  border: 1px solid #f47320;
  color: #f47320;
  margin: 2.22222em;
  padding: 1.11111em 1.66667em;
  font-family: 'Noto Sans Korean', sans-serif;
}

.we_hide {
  display: none;
}


@media all and (max-width: 1280px) {
  .mo_hide {
    display: none;
  }

  .mypage_tit.we_hide {
    display: block;
  }

  .myli_view_mo .sec_right .mypage_btn {
    margin-left: 0.625em;
  }

  .myli_view.d_btn_v2 {
    padding: 0;
  }

  .myli_view.d_btn_v2 .myliv_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .myli_view.d_btn_v2 .myliv_box a {
    margin: 0;
    width: 24%;
    height: auto;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    font-size: 1.25rem;
  }

  .myli_view.d_btn_v2 .myliv_box a span {
    line-height: inherit;
  }

  .my_lect_table.we_hide {
    display: block;
    padding: 0 2.5em;
    margin-top: 3.125em;
  }

  .my_lect_table.we_hide table {
    width: 100%;
    margin-bottom: 1.25em;
  }

  .my_lect_table.we_hide tbody {
    margin-bottom: 1.25em;
    border-top: 1px solid #d3d3d3;
  }

  .my_lect_table.we_hide th {
    font-weight: 500;
    background-color: #f4f4f4;
    padding: 1.32143em 0;
    width: 20%;
  }

  .my_lect_table.we_hide td, .my_lect_table.we_hide th {
    border-bottom: 1px solid #d3d3d3;
    vertical-align: middle;
  }

  .my_lect_table.we_hide td {
    text-align: left;
    padding: 1.32143em 1.25em;
    width: 80%;
  }

  .my_lect_table.we_hide td .icon_del {
    display: block;
    float: right;
    max-width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
  }

  .my_lect_table.we_hide td .icon_del img {
    width: 100%;
  }

  .my_lect_table.we_hide td i {
    margin-right: 1.25em;
    background-size: contain;
  }

  .my_lect_table.we_hide td p {
    display: inline-block;
  }

  .myli_view.d_btn_v3 {
    margin-left: 0;
    padding: 0 1.875em;
  }

  .myli_view.d_btn_v3 .sel_box {
    max-width: 100%;
    margin-bottom: 0.625em;
    margin-right: 0;
  }

  .myli_view.d_btn_v3 .mypage_seach {
    max-width: 100%;
    width: 100%;
  }
}

@media all and (max-width: 1024px) {
  .myli_view.d_btn_v3 {
    padding: 0 1.25em;
  }

  .my_lect_table.we_hide {
    padding: 0 1.25em;
  }

  .my_lect_table.we_hide table .fm_ch {
    margin-top: 0.1875rem;
  }

  .my_lect_table.we_hide table .fm_ch ._icon {
    width: 3.125rem;
    height: 3.125rem;
  }

  .my_lect_table.we_hide table th {
    padding: 0.5em 0;
  }

  .my_lect_table.we_hide table td {
    padding: 0.5em;
  }

  .my_lect_table.we_hide table td .icon_del {
    max-width: 3.4375rem;
    height: 3.4375rem;
  }

  .myli_view_mo .cha_left .fm_ch>span {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1.625rem;
  }

  .myli_view.d_btn_v2 .myliv_box a, .myli_view_mo .sec_right select {
    font-size: 1.625rem;
  }

  .mypage .dst_01.btn_box .btn.load_more_btn {
    max-width: 15.625rem;
    height: 4.375rem;
  }

  .mypage .dst_01.btn_box .btn.load_more_btn .fw_600 {
    font-weight: 500;
  }

  .question_user {
    padding: 2em 2.5em 1.7em 2em;
  }

}

@media all and (max-width: 767px) {
  .myli_view_mo .sec_right .sel_box {
    margin-left: 0.3125em;
  }

  .myli_view_mo.d_v01 .sec_right .mypage_btn {
    margin-left: 0.3125em;
  }

  .myli_view_mo .sec_right .mypage_btn .btn {
    width: 6.5rem;
  }

  .myli_view_mo .cha_left .fm_ch>span {
    margin-right: 0;
  }
}

@media all and (max-width: 1024px) {
  .question_maneger {
    padding: 1.875em 1.25em;
  }



  .question_user .fl_ri {
    margin-left: 0.625em;
  }

  i.icon_profile_bk {
    background-size: contain;
  }

  .mypage_contents i.icon_comt_arrow_or {
    background-size: contain;
  }

  .mypage_contents .join_prorile_con {
    width: 100%;
    margin-left: 0;
  }

  .mypage_contents .join_stt {
    width: 100%;
  }

  .mypage_contents .join_prorile_con .fm_file_btn .btn {
    width: 14.5rem;
    height: 4.125rem;
  }

  .mypage_contents .fm_inp.dst_01, .mypage_contents .sel_box.dst_01 {
    max-width: 100%;
  }

  .mypage_contents .email_st.dst_02 {
    max-width: 45%;
  }

  .fm_inp_type3 {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .fm_inp_type3 .fm_inp {
    max-width: 28%;
  }

  .fm_inp_type3 .fm_inp:not(:last-child) {
    margin-right: 0;
  }

  .fm_inp_type3 .fm_inp:not(:last-child)::after {
    right: -1.125em;
  }

  .my_phone_btn {
    margin-top: 0.3125em;
    margin-left: 0;
  }

  .my_phone_btn .btn.d_st01 {
    margin-left: 0;
    font-size: 1.5rem;
  }
}

@media all and (max-width: 767px) {
  .mypage_contents .email_st.dst_02 {
    max-width: 42%;
    padding: 0 1rem;
  }

  .fm_inp_type3 .fm_inp:not(:last-child)::after {
    right: -0.75em;
  }
}

.dst_03 {
  overflow: hidden;
}

.dst_03 .act_uiFileBtn .file_inp {
  display: inline-block;
  max-width: 80%;
  height: 3.125rem;
  border: 1px solid #ddd;
  padding: 0 1.875em;
  float: left;
}

.dst_03 .act_uiFileBtn .btn {
  float: right;
  width: 17%;
  border: 1px solid #d3d3d3;
}

.table_form table .txtar {
  width: 100%;
  height: 12.5rem;
}

.table_form table .txtar textarea {
  padding: 1.25em;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  font-size: 1.125rem;
}

.my_speaker {
  background-color: #f4f4f4;
  display: block;
  margin: 2.5em;
  padding: 0 2.5em;
  position: relative;
}

.my_speaker>* {
  display: inline-block;
  vertical-align: middle;
}

.my_speaker .speaker_txt {
  padding: 1.25em 0;
  margin-left: 1.25em;
  line-height: 1.8;
}

.my_speaker .speaker_txt p {
  font-weight: 300;
}

.my_speaker .speaker_txt p b {
  font-weight: 500;
}

.my_speaker .speaker_link {
  position: absolute;
  top: 50%;
  right: 2.5em;
  transform: translateY(-50%);
}

.my_speaker .speaker_link a {
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 0.3125rem;
  padding: 0.3125em 1.875em 0.3125em 1.25em;
}

.my_speaker .speaker_link a i {
  position: absolute;
  transform: rotate(-90deg);
  top: 6.4375em;
  background-size: 70%;
}

@media all and (max-width: 1024px) {
  .speaker_txt .w_br {
    display: none;
  }

  .my_speaker {
    padding: 1.625em;
  }

  .my_speaker>span {
    display: block;
    text-align: center;
  }

  .my_speaker .speaker_txt {
    margin-left: 0;
    display: block;
    text-align: center;
  }

  .my_speaker .speaker_link {
    position: relative;
    top: auto;
    right: auto;
    transform: translateY(0);
    display: block;
    text-align: center;
  }

  .my_speaker .speaker_link a {
    font-size: 1.5rem;
    position: relative;
    width: 15.625rem;
    height: 4.375rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .my_speaker .speaker_link a i {
    background-size: 100%;
    top: 50%;
    right: 17.625em;
    transform: translateY(-50%) rotate(-90deg);
  }
}

.faq_contents, .faq_tag_con {
  margin: 2.5em;
}

.faq_tag_con {
  background-color: #f1f1f1;
  padding: 2.5em;
}

.faq_tag_con span {
  border-radius: 3.125rem;
  display: inline-block;
  margin-right: 1.25em;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  padding: 0.55556em 1.38889em;
}

.faq_tag_con span.faq_fiex_tag {
  background-color: #f47320;
  color: #fff;
}

.faq_contents {
  border-bottom: 1px solid #d3d3d3;
}

.faq_contents ul li {
  border-top: 1px solid #d3d3d3;
}

.faq_contents ul li .faq_top {
  padding: 1.875em 0;
  position: relative;
  cursor: pointer;
}

.faq_contents ul li .faq_top>* {
  display: inline-block;
  vertical-align: middle;
}

.faq_contents ul li .faq_top>p {
  width: 60%;
}

.faq_contents ul li .faq_top>span {
  width: 30%;
  text-align: center;
}

.faq_contents ul li .faq_top::after {
  content: '';
  display: block;
  width: 1.30769rem;
  height: 0.92308rem;
  background: url("../images/common/icon_more_arrow_bk.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 3.07692rem;
  margin-top: -0.46154rem;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.faq_contents ul li .faq_top.on:after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq_contents ul li .faq_bottom {
  font-size: 1.25rem;
  background: #f4f4f4;
  border-top: 1px dashed #d3d3d3;
  padding: 2em;
  display: none;
}

@media all and (max-width: 1024px) {
  .question_top_txt {
    margin: 2.5em 1.25em;
    padding: 1.25em;
  }

  .faq_tag_con {
    padding: 1.25em 1.25em 0.625em;
    margin: 2.5em 1.25em;
  }

  .faq_tag_con span {
    margin-bottom: 0.625em;
    margin-right: 0.3125em;
  }

  .faq_contents {
    margin: 2.5em 1.25em;
  }

  .faq_contents ul li .faq_top {
    padding: 1.25em 0;
  }

  .faq_contents ul li .faq_top>span {
    width: 80%;
    text-align: left;
  }

  .faq_contents ul li .faq_top>p {
    display: block;
    width: 100%;
    margin-top: 0.625em;
  }

  .faq_contents ul li .faq_top:after {
    top: 2.5em;
  }

  .faq_contents ul li .faq_bottom {
    font-size: 1.625rem;
    padding: 1.875em 1.25em;
  }

  .tab_box.dst_02 {
    max-width: 100%;
    margin: 0 1.25em;
    padding: 0;
  }

  .tab_box.dst_02 .tab_m {
    color: #222;
    border-color: #222;
  }

  .tab_box.dst_02>.tab.dst_01 {
    border: 1px solid #222;
    border-top: 0;
  }

  .tab_box.dst_02>.tab.dst_01 li {
    background-color: #fff;
  }

  .tab_box.dst_02>.tab.dst_01 li.on {
    background-color: #222;
    color: #fff;
    border: 0;
  }

  .tab_box.dst_02>.tab.dst_01 li.on span {
    color: #fff;
  }

  .tab_box.dst_02>.tab.dst_01::after {
    display: none;
  }

  .dst_03 .act_uiFileBtn .file_inp {
    float: none;
    max-width: 100%;
    padding: 0.625em;
    height: 5rem;
  }

  .dst_03 .act_uiFileBtn .btn {
    float: none;
    margin-top: 0.3125em;
    width: 25%;
  }

  .table_form table .txtar textarea {
    font-size: 0.875em;
    padding: 0.625em;
  }

  .icon_add_comt .comment_txt {
    width: 80%;
  }
}

@media all and (max-width: 767px) {
  .dst_02 .act_uiFileBtn .btn {
    width: 40%;
  }
}

i.icon_profile_bk {
  background-size: contain;
}

@media all and (max-width: 1280px) {
  .icon_add_comt .comment_txt {
    max-width: 80%;
    width: 100%;
  }

  .mypage_tit.we_hide {
    background: url(../images/common/icon_selet_arrowbk.png) 95% center no-repeat;
  }

  .left_nav .mapage_mo_menu {
    background-color: #fff;
  }
}

.popup {
  display: none;
}

.popup_contents {
  max-width: 47.125rem;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.popup_top {
  padding: 1.09091em;
  overflow: hidden;
}

.popup_top>span {
  float: left;
}

.popup_colse {
  float: right;
  background: url("../images/common/icon_close_bk.png") center no-repeat;
  width: 0.875rem;
  height: 0.9375rem;
  margin-top: 0.5rem;
  background-size: contain;
}

.popup_colse span {
  font-size: 0;
  opacity: 0;
  display: none;
}

.popup_body {
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.popbo_top {
  margin: 0 5.625em;
  padding: 1.875em 0;
}

.popbo_top>* {
  display: inline-block;
}

.popbo_top div {
  max-width: 23.75rem;
  width: 100%;
  height: 3.125rem;
  margin: 0 0.625em;
  background-color: #fff;
  display: inline-block;
    vertical-align: middle;
    padding: 0.8em;
    border: 1px solid #ddd;
}

.popbo_top div input {
  border: 0;
  width: 100%;
  height: 100%;
  /* border: 1px solid #ddd; */
  padding: 0 0.625em;
}

.popbo_top button.btn {
  background-color: #888;
  max-width: 5.625rem;
  height: 3.125rem;
  border-radius: 0.3125rem;
  padding: 0;
}

.popbo_top button.btn span {
  color: #fff;
}

.popbo_top button.btn i {
  margin-right: 0.1875rem;
}

.popup_txt02 {
  margin: 0 1.75em;
  border: 1px solid #ddd;
  padding: 0;
  height: 11.875rem;
  background: #fff;
  padding:0.5em;
}

.popup_txt02 textarea {
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 1.25rem;
  padding: 1em;
}

.popbo_bottom {
  margin: 0 1.75em;
  padding: 1.875em 0;
  overflow: hidden;
}

.popup_save {
  float: left;
}

.popup_save label>span {
  color: #222;
}

.txt_num {
  float: right;
  color: #666;
  margin-right: 0.125rem;
}

.txt_num span {
  display: inline-block;
  vertical-align: middle;
}

.txt_num span:nth-child(2) {
  margin: 0 0.3125em;
}

.popup_bottom {
  text-align: center;
  margin: 2.5em 0;
}

.popup_bottom button {
  border: 1px solid #888;
  border-radius: 0.3125rem;
  color: #222;
  max-width: 9.375rem;
  height: 2.5rem;
  padding: 0;
}

@media all and (max-width: 1024px) {
  .popbo_top {
    margin: 0 1.25em;
  }

  .popbo_top div {
    max-width: 30.75rem;
  }
}

@media all and (max-width: 767px) {
  .popup_contents {
    max-width: 41.125rem;
  }

  .popbo_top div {
    max-width: 24.75rem;
  }

  .popup_bottom {
    margin: 1.875em 0;
  }
}

.mypage_seach_con .mypage_seach {
  position: relative;
}

.mypage_seach_con .mypage_seach input {
  padding-right: 3.75em;
}

.seach_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25em;
}

@media all and (max-width: 1024px) {
  .mypage_seach_con {
    margin: 0 1.875em 1.25em;
  }
}

.mypage_contents .list_box>span.fs_18 {
  display: block;
  margin-bottom: 1.25em;
}

.mypage_contents .list_box p {
  font-weight: 200;
}

.mypage_contents .list_box>ul {
  font-weight: 200;
  padding-left: 1.25em;
}

.mypage_contents .list_box>ul>li {
  margin-top: 0.625em;
  padding-left: 0.625em;
  text-indent: -1em;
}

.mypage_contents .list_box>ul li ul {
  margin-bottom: 0.9375em;
}

.mypage_contents .list_box>ul li ul li {
  margin-bottom: 0;
}

.mypage_contents .list_box>ul span {
  font-weight: 300;
}

.mypage_contents .sub_txt {
  font-size: 1rem;
  padding-left: 2.5em;
}

.mypage_contents .sub_txt * {
  display: inline-block;
}

@media all and (max-width: 1024px) {
  .mypage_contents .list_box .w_br {
    display: none;
  }

  .mypage_contents .list_box ul {
    padding-left: 0;
  }

  .mypage_contents .sub_txt {
    font-size: 1.25rem;
  }
}

.mypage_contents .list_box b {
  font-weight: 500;
}

.mypage_contents .list_box ul li {
  padding-left: 1.25em;
  text-indent: -0.9375em;
  margin-bottom: 0.625em;
  font-weight: 200;
}

.unau_email_box>div {
  font-weight: 200;
  line-height: 1.8;
}

@media all and (max-width: 1024px) {
  .unau_email_box>div br {
    display: none;
  }
}

.unau_email_bottom div {
  overflow: hidden;
  margin-bottom: 0.3125em;
}

.unau_email_bottom p {
  padding-left: 0.3125em;
  font-weight: 200;
}

.unau_email_bottom p a {
  float: none;
}

.unau_email_bottom div * {
  float: left;
}

.mypage_top .icon_sns_or {
  vertical-align: middle;
}

.login.sub_con {
  border-top: 1px solid #e5e5e5;
}

.member_login_wrap .login_form {
  margin: auto;
  background-color: #f5f5f5;
  border: 1px solid #dbdbdb;
  border-top: 3px solid #111;
}

.member_login_wrap .login_form .login_wrap {
  max-width: 620px;
  margin: auto;
}

.member_login_wrap .login_form .login_wrap .login_list {
  padding-right: 130px;
}

.member_login_wrap .login_form .login_wrap .login_list span.inp_lb {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.member_login_wrap .login_form .login_wrap .login_list .fm_inp {
  border-radius: 5px;
}

.member_login_wrap .login_form .login_wrap .login_list .login_btn {
  position: absolute;
  z-index: 10;
  width: 120px;
  height: 112px;
  border-radius: 8px;
  background-image: linear-gradient(to right, #f47320, #eb6712);
  text-align: center;
  top: -1px;
  right: 0;
}

.member_login_wrap .login_form .login_wrap .login_list .login_btn:hover {
  background-image: linear-gradient(to right, #f47320, #eb6712);
}

.member_login_wrap .login_form .login_wrap .login_list .login_btn span {
  width: 100%;
  top: 50%;
  left: 0;
  z-index: 15;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.member_login_wrap .login_form .login_wrap .login_option .find_info {
  color: #666;
}

.sns_login ul li {
  display: inline-block;
  vertical-align: middle;
  width: 31%;
  height: 3.75rem;
}

.sns_login ul li .sns_box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sns_login ul li .sns_box>* {
  display: inline-block;
  vertical-align: middle;
}

.sns_login ul li .sns_box p {
  margin-left: 0.3125em;
}

.sns_login ul li .naver_box {
  background-color: #1ec800;
}

.sns_login ul li .facebook_box {
  background-color: #3b5a9a;
}

.sns_login ul li .kakao_box {
  background-color: #fae300;
}

.sns_login ul li .kakao_box p {
  color: #222;
}

.sns_login ul li a {
  font-size: inherit;
  color: #fff;
}

.sns_login ul li:nth-child(2) {
  margin: 0 2%;
}

.login_fin_line {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 1rem;
  background-color: #9e9e9e;
  line-height: 1;
  margin: -0.1875rem 0.375em 0 0.625em;
}

@media all and (max-width: 1024px) {
  .sns_login ul li {
    height: 4.375rem;
    width: 100%;
  }

  .sns_login ul li .sns_box {
    justify-content: flex-start;
  }

  .sns_login ul li .sns_box span {
    width: 4.375rem;
    height: 4.375rem;
    border-right: 1px solid #fff;
    padding: 0.625em;
  }

  .sns_login ul li .sns_box span i.sns_icon {
    width: 100%;
    height: 100%;
  }

  .sns_login ul li .sns_box p {
    margin: 0 auto;
  }

  .sns_login ul li:nth-child(2) {
    margin: 0.3125em 0;
  }
}

.popup_bg {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup_bg .popup_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 5px;
  padding: 4.615rem 4.231rem;
}

.popup_bg .popup_wrap .popup_btn {
  border-radius: 5px;
  padding: 0;
  height: auto;
}

.popup_bg .popup_wrap .popup_btn span {
  display: block;
  position: relative;
  z-index: 15;
  padding-top: 1em;
  padding-bottom: 1em;
}

.btn.gradation_02 {
  color: #ffffff !important;
  position: relative;
  border-color: #f47320 !important;
  background: #f47320 !important;
}

.btn.gradation_02:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transition: opacity 0.3s !important;
  -webkit-transition: opacity 0.3s !important;
  -ms-transition: opacity 0.3s !important;
  -o-transition: opacity 0.3s !important;
  transition: opacity 0.3s !important;
  background: #4187cf;
  /* Old browsers */
  background: -moz-linear-gradient(90deg, #f47320 0%, #eb6712 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(90deg, #f47320 0%, #eb6712 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(90deg, #f47320 0%, #eb6712 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f47320, endColorstr=#eb6712, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  /* IE6-9 */
  transition: none;
  opacity: 1;
}

.btn.gradation_02:hover:before {
  opacity: 0;
}

.inp_view_btn {
  position: absolute;
  top: 0%;
  right: 1rem;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 0;
  transition: top .3s, opacity .3s;
}

.inp_view_btn.__act {
  top: 50%;
  opacity: 1;
}

i.icon_view_g {
  background-image: url("../images/common/icon_view_g.png");
  background-size: contain;
  width: 1.313rem;
  height: 0.750rem;
}

.popup_wrap {
  text-align: center;
}

.member_login_wrap .login_form .login_wrap .login_list.d_st02 {
  text-align: center;
  padding-right: 0;
}

.member_login_wrap .login_form .login_wrap.dst_02 {
  max-width: 31.25rem;
}

.join_stt.d_txt_v1 {
  margin: 2.5rem auto 1.25rem;
  width: auto;
  line-height: 1.8;
}

.join_stt.d_txt_v1::after {
  display: block;
  content: "";
  clear: both;
}

.join_stt.d_txt_v1 span {
  float: left;
}

.join_stt.d_txt_v1 .jin_p {
  padding-left: 0.625rem;
  font-weight: 300;
}

.tab_box>.tab.dst_01 li.on::after {
  display: none;
}

.login_list.dst_03 {
  margin-left: -25rem;
  margin-right: -31.25rem;
  text-align: center;
}

.login_wrap.dst_01 .t_center {
  display: block;
}

.lop_box {
  border-top: 1px solid #ccc;
  margin-left: -7.5rem;
  margin-right: -7.5rem;
}

.lop_box .join_stt.d_txt_v2 .jin_sttst {
  line-height: 1.875rem;
  display: inline-block;
  vertical-align: middle;
}

.ml_m100 {
  margin-left: -6.25rem;
}

.mr_mr100 {
  margin-right: -6.25rem;
}

.ml_m200 {
  margin-left: -12.5rem;
}

.mr_mr200 {
  margin-right: -12.5rem;
}

.fs_24 .btn.dst_fs_24 {
  font-size: 1.5rem;
  padding: 0;
  line-height: 3.4rem;
}

@media screen and (max-width: 1024px) {
  .member_login_wrap {
    padding-left: 2.0625rem;
    padding-right: 2.0625rem;
  }

  .member_login_wrap .login_form {
    background-color: #f5f5f5;
    border-top: 3px solid #111111;
    border-left: 0;
    border-right: 0;
  }

  .member_login_wrap .login_form .login_wrap {
    max-width: auto;
    padding-left: 2.0625rem;
    padding-right: 2.0625rem;
  }

  .member_login_wrap .login_form .login_wrap .login_list {
    padding-right: 0;
  }

  .member_login_wrap .login_form .login_wrap .login_list li {
    padding-left: 10.000em;
  }

  .member_login_wrap .login_form .login_wrap .login_list span.inp_lb {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .member_login_wrap .login_form .login_wrap .login_list .fm_inp {
    border-radius: 5px;
  }

  .member_login_wrap .login_form .login_wrap .login_list .login_btn {
    position: relative;
    width: 100%;
    height: auto;
  }

  .member_login_wrap .login_form .login_wrap .login_list .login_btn span {
    display: block;
    position: relative;
    transform: none;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .member_login_wrap .login_form .login_wrap .login_option .find_info {
    color: #666;
  }

  .poptxt {
    word-break: keep-all;
  }
}

.member_login_wrap .login_form.dst_01 {
  border-top: 1px solid #dbdbdb;
}

.member_login_wrap.dst_01 .fm_ch {
  width: 100%;
}

.member_login_wrap.dst_01 .fm_ch span {
  color: #222;
}

.member_login_wrap.dst_01_1 .id_find .login_form {
  display: block;
}

.member_login_wrap .id_find .login_form {
  margin-top: 1.875em;
}

.member_login_wrap .id_find .login_form {
  display: none;
}

.member_login_wrap .id_find02 {
  position: relative;
  padding-bottom: 2.5em;
  border-bottom: 1px solid #dbdbdb;
}

.member_login_wrap .id_find02.on {
  position: relative;
  padding-bottom: 2.5em;
  border-top: 1px solid #dbdbdb;
  border-bottom: 0;
  margin-top: 1.875em;
}

.d_logo_btn {
  text-align: center;
}

.d_logo_btn .dst_01 {
  max-width: 9.375rem;
  height: 3.125rem;
  padding: 0;
  border-radius: 0.3125rem;
}

.ber_b_0 {
  border-bottom: 1px solid #000;
}

@media all and (max-width: 1024px) {
  .popup_bg .popup_wrap .popup_btn {
    max-width: 25rem;
    width: 100%;
  }

  .poptxt .br_m {
    display: block;
  }

  .member_login_wrap.dst_01 {
    border-bottom: 0;
  }

  .member_login_wrap .login_form.dst_01 .login_wrap ul {
    width: 90%;
    margin: 0 auto;
  }

  .member_login_wrap .login_form.dst_01 .login_wrap .login_list li {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .member_login_wrap .login_form .login_wrap.dst_02 ul {
    width: 55%;
    margin: 0 auto;
  }

  .member_login_wrap .login_form .login_wrap.dst_02 .login_list li {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .member_login_wrap .login_form .login_wrap .login_list li {
    padding-left: 7.5rem;
    padding-right: 0rem;
  }

  .member_login_wrap .login_form .login_wrap.dst_02 {
    max-width: 100%;
  }

  .lop_box {
    padding-left: 0;
    padding: 0 1.25em;
  }

  .lop_box.mr_mr200 {
    margin-right: 0;
  }

  .lop_box.ml_m200 {
    margin-left: 0;
  }

  .d_logo_btn {
    margin-left: 0;
  }

  .d_logo_btn .dst_01 {
    max-width: 15.625rem;
    height: 5rem;
  }

  .join_stt.d_txt_v1 br {
    display: none;
  }

  .login_list .br_m {
    display: block;
  }

  .login_list.dst_03 {
    margin-left: auto;
    margin-right: auto;
  }

  .fs_24 .btn.dst_fs_m26 {
    font-size: 1.625rem;
    height: 5rem;
    line-height: 4.375rem;
  }

  .lop_box {
    margin: 3.75rem 0;
    padding-top: 1.25rem;
  }

  .lop_box .join_stt.d_txt_v2 {
    width: 100%;
  }

  .lop_box .join_stt.d_txt_v2 .jin_sttst {
    line-height: 2.875rem;
  }

  .lop_box .join_stt span.jin_p {
    width: 93%;
  }

  .login_wrap .br_w {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .popup_bg .popup_wrap {
    padding: 1.875rem;
  }
}

.top_seach_bar {
  text-align: center;
}

.top_seach_bar h4 {
  display: inline-block;
  vertical-align: middle;
}

.top_seach_con {
  display: inline-block;
  vertical-align: middle;
}

.top_seach_con span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.875em;
  cursor: pointer;
}

.top_seach_con .seach_tab_fi {
  background-color: #3978b8;
  color: #fff;
  border-radius: 3.125rem;
  text-align: center;
  font-weight: bold;
  padding: 0.625rem 1.125rem;
}

.clear::after {
  display: block;
  content: "";
  clear: both;
}

.dropmenu {
  border: 1px solid #ddd;
  width: 14.0625rem;
  position: relative;
}

.dropmenu .dropmenu_tit {
  width: 100%;
  display: block;
  padding: 0.75em;
  background: url(../images/common/icon_location_down_bk.png) 95% center no-repeat;
  cursor: pointer;
}

.dropmenu ul {
  background-color: #f4f4f4;
  display: none;
  position: absolute;
  top: 3.25rem;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 10;
}

.dropmenu ul li {
  padding: 0.75em;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.dropmenu ul li:last-child {
  border-bottom: 0;
}

.dropmenu ul li a {
  color: #666;
}

.dropmenu ul li:hover {
  background-color: #999;
}

.dropmenu ul li:hover a {
  color: #fff;
}

.data_search_btn.dst_01 .icon_search_bl {
  background-size: cover;
}

@media all and (max-width: 1024px) {
  .dropmenu {
    width: 15.625rem;
  }

  .dropmenu ul {
    top: 5rem;
  }

  .top_seach_bar h4 {
    display: block;
  }

  .wrap_1600.dst_scroll_01 {
    padding-right: 0;
  }

  .scroll_box {
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }

  .scroll_box .top_seach_con {
    width: 56.25rem;
  }

  .data_search .row.dst_scroll_01 {
    padding-right: 2.5rem;
  }
}

.btn.dst_btn_02 {
  padding-top: 0.9375rem;
}

.color_2 {
  color: #f47320;
}

.search_wish {
  display: none;
}

.search .share_list_gallery {
  margin: 0;
}

.advanced_search {
  background-color: #fbfbfb;
  width: 100%;
  border-top: 1px solid #d3d3d3;
}

.advanced_search01 {
  display: none;
}

.pos_re {
  position: relative;
  top: -3.0625rem;
}

.adv_seac_btn {
  margin: 0 auto;
  display: block;
  position: relative;
  top: 0.0625rem;
  background-color: #fbfbfb;
  border: 1px solid #d3d3d3;
  border-bottom: 1px solid #fbfbfb;
  border-radius: 3.125rem 3.125rem 0 0;
  height: 3.125rem;
  padding-top: 0.625rem;
  width: 100%;
  max-width: 18.75rem;
  text-align: center;
}

.adv_seac_btn.on .adv_seac_tranf {
  position: relative;
  display: inline-block;
  transform: rotate(270deg);
  margin-left: 1.25rem;
}

.adv_seac_btn .adv_seac_tranf {
  position: relative;
  display: inline-block;
  transform: rotate(450deg);
  margin-left: 1.25rem;
  transition: all 0.3s;
}

.advan_data_box::after {
  display: block;
  content: "";
  clear: both;
}

.advan_data_sel .sel_box, .advan_data_sel .fm_cal {
  display: inline-block;
  vertical-align: middle;
}

.advan_data_sel .fm_cal {
  max-width: 13.75rem;
  width: 100%;
}

.period_box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3125rem;
}

.period_box * {
  display: inline-block;
  vertical-align: middle;
}

.period_box ul {
  width: 29.0625rem;
}

.period_box ul li {
  max-width: 5rem;
  width: 100%;
  height: 3.125rem;
  border-radius: 0.3125rem;
  border: 1px solid #d3d3d3;
  margin-left: 0.625rem;
}

.period_box ul li button {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.period_box ul li.on {
  background-color: #999;
}

.period_box ul li.on button {
  color: #fff;
}

.adv_search_btn_box {
  display: inline-block;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 0.3125rem;
}

.adv_search_btn_box::after {
  display: block;
  content: "";
  clear: both;
}

.adv_search_btn_box button {
  display: block;
  width: 18.75rem;
  height: 3.125rem;
  float: left;
  background-color: #ccc;
  color: #fff;
  border-radius: 3.125rem 3.125rem 0 0;
}
.adv_search_btn_box button:focus{
  box-shadow: -0.125rem -0.125rem 0.3125rem rgba(0, 0, 0, 0.2); 
}
.adv_search_btn_box .adv_search_btn01.on {
  background-color: #f47320;
}

.adv_search_btn_box .adv_search_btn02.on {
  background-color: #4187cf;
}

.adv_seas01 .top_seach_con .seach_tab_fi {
  background-color: #f47320;
}

.adv_seas01 .pos_re.pos_re02 {
  display: none;
}

.adv_seas02 .top_seach_con .seach_tab_fi {
  background-color: #4187cf;
}

.adv_seas02 .pos_re.pos_re01 {
  display: none;
}

.pos_re.pos_re02 .period_box {
  width: 100%;
}

.adv_seas .share_ty_list .bl_text strong span {
  display: inline-block !important;
  vertical-align: middle;
}

.adv_seas .share_ty_list .bl_item_box {
  border-bottom: 1px dashed #d3d3d3;
}

.adv_seas .mark.color_2_1 {
  margin-left: 0.625rem;
}

.adv_seas .share_ty_list .bl_bottom {
  margin-top: 0.5rem;
}

.adv_seas .scroll_box {
  display: inline-block;
  vertical-align: middle;
}

.adv_seas01 .color_2_1 {
  color: #f47320;
}

.adv_seas01 .share_ty_list .list_marks.bl_marks span[class*=color_2_1] {
  color: #f47320;
}

.adv_seas01 .mark.color_2_1 {
  background-color: #f47320;
  color: #fff;
  display: inline-block;
  width: 5rem;
  height: 2.625rem;
  border-radius: 3.125rem;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  line-height: 2.625rem;
}

.adv_seas01 .sort_box li.on .sort_btn {
  color: #f47320;
}

.adv_seas02 .color_2_1 {
  color: #4187cf;
}

.adv_seas02 .share_ty_list .list_marks.bl_marks span[class*=color_2_1] {
  color: #4187cf;
}

.adv_seas02 .mark.color_2_1 {
  background-color: #4187cf;
  color: #fff;
  display: inline-block;
  width: 5rem;
  height: 2.625rem;
  border-radius: 3.125rem;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  line-height: 2.625rem;
}

.adv_seas02 .sort_box li.on .sort_btn {
  color: #4187cf;
}

.bl_txt {
  border-bottom: 1px solid #636363;
  padding: 1.875rem;
}

.bl_bottom_m {
  display: none;
}

.mobil_fm_inp, .mobil_fm_sel {
  display: inline-block;
  width: 29.25rem;
}

.advanced_search02 .mobil_fm_inp, .advanced_search02 .mobil_fm_sel {
  width: 49%;
}

.advanced_search02 .mobil_fm_inp {
  padding-left: 0.125rem;
}

.advanced_search02 .mobil_fm_inp .fm_cal {
  width: 12.5rem;
  display: inline-block;
}

.advanced_search02 .mobil_fm_sel {
  text-align: right;
}

.advanced_search02 .period_box {
  text-align: center;
  margin-top: 1.25rem;
  padding-right: 4.375rem;
}

.advanced_search01 .mobil_fm_inp>span {
  display: inline-block;
  margin-right: 0.625rem;
}

.advanced_search02 .mobil_fm_inp {
  padding-left: 1.25rem;
}

.advan_data_sel .fm_cal {
  max-width: 12.75rem;
  width: 100%;
}

@media all and (max-width: 1024px) {
  .advanced_search02 .mobil_fm_inp {
    padding-left: 0;
  }

  .data_search_btn i.icon_search_bl {
    width: 1.8rem;
    height: 1.8rem;
  }

  .mobil_fm_inp, .mobil_fm_sel {
    display: block;
  }

  .adv_search_btn_box button {
    width: 18.4375rem;
    height: 4.59375rem;
  }

  .adv_seac_btn {
    width: 21.875rem;
    height: 5rem;
  }

  .pos_re {
    top: -5.0625rem;
  }

  .advanced_search01 .sel_box {
    display: block;
    margin: 0 auto;
  }

  .advanced_search01 .mobil_fm_inp {
    width: 33.4375rem;
    margin: 1.25rem auto;
    text-align: center;
  }

  .advanced_search01 .mobil_fm_inp>span {
    display: inline-block;
    margin-right: 0.625rem;
  }

  .period_box {
    width: 48.75rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-right: 1.25rem;
  }

  .period_box ul {
    width: 76%;
  }

  .period_box ul li {
    max-width: 6.25rem;
    height: 4.375rem;
  }

  .pos_re.pos_re02 .period_box {
    display: block;
    margin: 0 auto;
  }

  .adv_seas .bl_text {
    background-color: #fbfbfb;
  }

  .adv_seas .bl_item_box:hover .bl_text {
    background-color: #fbfbfb;
  }

  .adv_seas .share_ty_list .bl_item_box {
    background-color: #fbfbfb;
    margin-top: 0;
  }

  .adv_seas .share_ty_list .bl_bottom_m {
    display: block;
    width: 100%;
  }

  .adv_seas .share_ty_list .bl_bottom_m .bl_bottom {
    background-color: #fff;
  }

  .advanced_search02 .mobil_fm_sel {
    width: 36.25rem;
    margin: 0 auto;
    text-align: center;
  }

  .advanced_search02 .mobil_fm_inp {
    width: 36.25rem;
    margin: 1.25rem auto;
    text-align: center;
  }

  .advanced_search02 .mobil_fm_inp .fm_cal {
    display: inline-block;
    width: 15.625rem;
  }

  .advanced_search02 .period_box ul {
    display: inline;
  }

  .advanced_search02 .period_box ul li:first-child {
    margin-left: 0;
  }

  .advanced_search02 .period_box>span {
    margin-right: 1.25rem;
  }

  .search_radio {
    display: block;
  }

  .search_radio {
    margin-top: 1.25rem;
    text-align: center;
    margin-left: 0;
  }

  .search_radio .fm_rd>span {
    margin-left: 0.625rem;
  }

  .adv_seas .share_ty_list .bl_text strong {
    padding-top: 0;
  }

  .adv_seas .row.share_ty_list {
    border-top: 0.1875rem solid #646464;
  }

  .adv_seas .list_tyimg_contents {
    padding: 1.875rem 0;
  }

  .adv_seas .share_ty_list .share_ty_list {
    border-bottom: 1px solid #646464;
  }

  .adv_seas .share_ty_list .share_ty_list .list_marks.bl_marks {
    vertical-align: top;
    padding-top: 0.625rem;
  }

  .adv_seas .share_ty_list .share_ty_list .bl_bottom_m .bl_bottom {
    padding: 1.25rem 1.875rem;
  }

  .bl_bottom_w {
    display: none;
  }

  .bl_bottom_m {
    display: block;
    width: 100%;
  }

  .bl_txt {
    border-bottom: 0;
  }

  .adv_seas .mark.color_2_1 {
    font-size: 1.125rem;
  }

  .adv_seas .share_ty_list .bl_text strong span {
    vertical-align: top;
  }

  .adv_seas .share_ty_list .bl_text strong {
    line-height: 1.6;
    width: 77%;
  }
}

@media all and (max-width: 767px) {
  .adv_seas .share_ty_list .list_marks.bl_marks {
    font-size: 1rem;
  }

  .adv_seas .share_ty_list .bl_text strong {
    width: 73%;
  }
}

.data_btn_box {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto;
  border-radius: 3.125rem;
  position: relative;
  border: 1px solid #ddd;
}

.data_btn_box::after {
  display: block;
  content: "";
  clear: both;
}

.data_btn_box .data_btn {
  display: block;
  float: left;
  position: relative;
  width: 50%;
  border-radius: 3.125rem;
  padding: 1.15385em 0;
  text-align: center;
}

.data_btn_box .data_btn.on {
  z-index: 5;
  background-color: #f47320;
  color: #fff;
}

.datas_ch02 .bl_txt p {
  display: inline-block;
}

.datas_ch .mobil_fm_inp {
  width: 100%;
  text-align: right;
}

.datas_ch .fm_cal {
  display: inline;
}

.ui-datepicker {
  z-index: 10 !important;
}

@media all and (max-width: 1700px) {
  .datas_ch .fm_cal .fm_date {
    width: 46%;
  }
}

@media all and (max-width: 1280px) {
  .datas_ch .fm_cal .fm_date {
    width: 45%;
    font-size: 1.125rem;
  }
}

@media all and (max-width: 1024px) {
  .datas_ch .fm_cal .fm_date {
    width: 47%;
    font-size: 1em;
  }

  .datas_ch .mobil_fm_inp {
    text-align: center;
  }

  .datas_ch .share_ty_list .bl_item_box {
    margin: 0 1.5625em;
    padding: 2.5em 1.25em;
    border-top: 1px solid #636363;
    border-bottom: 1px dashed #d0d0d0;
    background-color: #fbfbfb;
  }

  .datas_ch .bl_txt {
    padding-top: 0;
    padding-bottom: 0;
  }

  .datas_ch .bl_txt p {
    padding: 1.26316em 1.05263em;
  }

  .datas_ch .share_ty_list .bl_text strong {
    padding-top: 0;
    width: 100%;
    background-color: #fbfbfb;
  }

  .datas_ch .share_ty_list .bl_bottom {
    float: none;
    display: block;
    width: 100%;
    margin-top: 0;
    background-color: #fff;
  }

  .data_btn_box {
    width: 90%;
  }
}

@media all and (max-width: 767px) {
  .datas_ch .share_ty_list .bl_bottom {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .datas_ch .share_ty_list .bl_bottom span {
    padding: 0 0.58824em;
  }

  .datas_ch .share_ty_list .bl_bottom span:first-child {
    padding-left: 0;
  }

  .datas_ch .share_ty_list .bl_bottom span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 22.5rem;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.3em;
  }

  .datas_ch .share_ty_list .bl_bottom span:last-child {
    padding-right: 0;
  }

  .datas_ch .data_search_word_box, .datas_ch .col_2 {
    padding-left: 0;
  }

  .datas_ch .share_ty_list .bl_bottom span:nth-child(2)::after, .datas_ch .share_ty_list .bl_bottom span:nth-child(2)::before {
    width: 2px;
  }
}

.cert_ifame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.wish01_contents {
  margin-right: -2.5em;
}

.wish01_contents .col_4 {
  padding-right: 2.8125em;
  margin-bottom: 2.5em;
  height: 18.75rem;
}

.wish01_box {
  border: 1px solid #eee;
  overflow: hidden;
  border-radius: 0.625rem;
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 40%;
}

.wish_img {
  background: url("../images/sub/sub_img02.jpg") center no-repeat;
  background-size: cover;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
  position: absolute;
  top:0;
  left: 0;
}

.wish_txt {
  padding: 2.5em 0;
  display: table-cell;
  vertical-align: middle;
}

.wish_txt .wish_txt_top {
  border-bottom: 1px solid #eee;
  padding: 0 2.5em;
  padding-bottom: 1.875em;
  padding-right: 1.25em;
}

.wish_txt .wish_txt_top span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.wish_txt .wish_txt_top span:last-child {
  font-weight: 400;
  position: relative;
  padding-left: 0.3125em;
  margin-left: 0.3125em;
}

.wish_txt .wish_txt_top span:last-child::after {
  content: '';
  display: block;
  width: 0.09375rem;
  height: 1.25rem;
  background-color: #d4d4d4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.0625em;
}

.wish_txt .wish_txt_top span.after_hide::after {
  display: none;
}

.wish_txt .wish_txt_bottom {
  padding: 2.3125em 2.5em;
  padding-bottom: 0%;
  line-height: 2.3;
}

.wish_txt .wish_txt_bottom p {
  font-weight: 300;
  color: #555;
}

.wish_top_img ul li {
  padding: 0 1.5625em;
}

.wish_top_img .wi_img_con {
  max-width: 37.5rem;
  height: 21.875rem;
  width: 100%;
  background-color: #ccc;
  display: inline-block;
  border-radius: 0.625rem;
}

@media all and (max-width: 1440px) {
  .wish01_contents {
    margin-right: 0em;
  }

  .wish_top_img ul li {
    padding-left: 0.9375em;
  }

  .wish_top_img ul li:first-child {
    padding-right: 0.9375em;
  }

  .wish01_contents .col_4 {
    padding-right: 0.9375em;
  }

  .wish01_contents .col_4:nth-child(2n) {
    padding-left: 0.9375em;
    padding-right: 0;
  }

  .wish_board01 {
    padding: 0 1.25em;
  }

  .wish01_contents .col_4 {
    height: 23.0625rem;
  }
}

@media all and (max-width: 1024px) {
  .wish_board01 {
    padding: 0 1.25em;
  }

  .wish01_contents .col_4 {
    padding-right: 0;
  }

  .wish01_contents .col_4:nth-child(2n) {
    padding-left: 0;
  }

  .wish01_box {
    display: table;
    height: 26.95rem;
    padding-left: 0;
  }

  .wish01_box .wish_img {
    width: 26%;
    position: relative;
  }

  .wish01_box .bl_marks {
    font-size: 1.28571rem;
  }

  .wish01_box .bl_marks .bl_mark {
    font-size: inherit;
    width: auto;
    padding: 1em;
  }

  .wish01_contents .col_4 {
    height: 26.95rem;
  }

  .wish_txt {
    padding: 2.5em 0;
    vertical-align: top;
  }
}

.wish_view_proflie {
  background-color: #f5f5f5;
  padding: 3.75em;
  padding-right: 2.5em;
  border-radius: 0.625em;
}

.wish_view_proflie::after {
  display: block;
  content: "";
  clear: both;
}

.wish_proflie_img {
  margin-right: 1.5625em;
}

.wish_proflie_img span {
  display: inline-block;
  overflow: hidden;
  border-radius: 0.625rem;
  max-width: 13.75rem;
  width: 100%;
  height: 20rem;
}

.wish_proflie_img span img {
  width: 100%;
  display: block;
  height: 100%;
}

.wiprofile_top::after {
  display: block;
  content: "";
  clear: both;
}

.wiprofile_top>span {
  padding: 0.3125em 1.25em;
  border-radius: 3.125rem;
}

.wiprofile_top>span[class^=color_] {
  color: #fff;
}

.wiprofile_top>span.color_1 {
  background-color: #4187cf;
}

.wiprofile_top>span.color_2 {
  background-color: #f37320;
}

.wiprofile_top>span.color_3 {
  background-color: #8db61f;
}

.wiprofile_top>span.color_4 {
  background-color: #08a254;
}

.wiprofile_top>span.color_5 {
  background-color: #5a5a5a;
}

.wiprofile_top>span.color_6 {
  background-color: #efa70c;
}

.wiprofile_top>span.color_7 {
  background-color: #b562ef;
}

.wiprofile_top>span.color_8 {
  background-color: #e94343;
}

.wiprofile_top>span.color_9 {
  background-color: #22c1b0;
}

.wiprofile_top>span.color_10 {
  background-color: #d454a2;
}

.wiprofile_top ul {
  margin-left: 0.9375em;
}

.wiprofile_top ul li {
  display: inline-block;
  vertical-align: middle;
}

.wiprofile_top ul li:not(:last-child) {
  padding-right: 0.9375em;
  margin-right: 0 0.9375em;
  position: relative;
}

.wiprofile_top ul li:not(:last-child)::after {
  content: '';
  display: block;
  width: 1px;
  height: 1.125rem;
  background-color: #ababab;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.wiprofile_top ul li:not(:first-child) {
  padding-left: 0.9375em;
  margin-left: 0 0.9375em;
}

.wiprofile_list {
  position: relative;
}

.wiprofile_list::after {
  display: block;
  content: "";
  clear: both;
}

.wiprofile_list::before {
  content: '';
  display: block;
  width: 1px;
  height: 90%;
  border-right: 1px dashed #ccc;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wiprofile_list ul li {
  width: 100%;
  display: table;
  margin-bottom: 2.5em;
}

.wiprofile_list ul li>div {
  display: table-cell;
  vertical-align: top;
}

.wiprofile_list ul.d_st01 li {
  margin-bottom: 1.25em;
}

.wish_profile_text p {
  color: #555;
  font-weight: 300;
  letter-spacing: -0.07em;
}

.wipro_list_right {
  padding-left: 3.75em;
}

.my_lecture.d_v01 {
  padding: 0;
}

.my_lecture.d_v01 .my_lect_th {
  border-top: 2px solid #000;
}

.my_lecture.d_v01 .my_lect_td {
  border-top: 1px solid #000;
}

.my_lecture.d_v01 .my_lect_td li>span.t_left {
  padding-left: 2.1875em;
}

@media all and (max-width: 1280px) {
  .wiprofile_con {
    width: 75%;
  }

  .wiprofile_list::before {
    display: none;
  }

  .wiprofile_list .wid_50p {
    width: 100%;
  }

  .wipro_list_right {
    padding-left: 0;
  }

  .my_lecture.d_v01 .my_lect_td.mo_wid100 li>span[class^=wid_] {
    padding-left: 0;
    height: auto;
    display: table;
    table-layout: fixed;
  }

  .my_lecture.d_v01 .my_lect_td.mo_wid100 li>span[class^=wid_] .we_hide {
    padding-left: 0;
    background-color: #f4f4f4;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 1.25em 0.625em;
  }

  .my_lecture.d_v01 .my_lect_td.mo_wid100 li>span[class^=wid_]>* {
    display: table-cell;
    vertical-align: middle;
  }

  .my_lecture.d_v01 .my_lect_td.mo_wid100 li>span[class^=wid_]>p {
    padding: 1.5625em 1.25em;
  }
}

@media all and (max-width: 1024px) {
  .wish_view_proflie {
    margin: 5em 1.25em 0;
    padding: 3.75em 1.25em;
  }

  .wish_view_proflie>.float_left {
    float: none;
  }

  .wish_proflie_img {
    margin-right: 0;
    text-align: center;
  }

  .wish_proflie_img span {
    max-width: 18.75rem;
    height: 27.30769230769231rem;
  }

  .wish_proflie_img span img {
    border-radius: 0.625rem;
  }

  .wiprofile_con {
    width: 100%;
  }

  .wiprofile_top {
    display: flex;
    justify-content: center;
    margin-top: 2.8125em;
  }

  .wiprofile_top>span {
    font-size: 1.662rem;
  }

  .wiprofile_top ul {
    font-size: 1.662rem;
  }

  .wiprofile_list {
    margin-left: 0;
  }

  .wish_board01_view {
    padding: 0 1.25em;
  }

  .my_lecture.d_v01 {
    margin-top: 0;
  }

  .my_lecture.d_v01 .my_lect_td {
    margin-top: 0;
  }

  .my_lecture.d_v01 .my_lect_td.mo_wid100 li>span[class^=wid_] .we_hide {
    padding: 0 0.625em;
  }

  .my_lecture.d_v01 .my_lect_td.mo_wid100 li>span[class^=wid_]>p {
    padding: 1.15385em 0.96154em;
  }

  .wiprofile_top ul {
    margin-left: 1em;
  }
}

.meeting_list01 li {
  background-color: #f5f5f5;
  margin-bottom: 1.25em;
}

.meeting_list01 li .meeting_list_box01 {
  display: table;
  width: 100%;
}

.meeting_list01 li .meeting_list_box01>* {
  display: table-cell;
  vertical-align: middle;
}

.meeting_list01 li .meeting_list_box01 .met_icon_box {
  width: 10.625rem;
  height: 10.625rem;
  text-align: center;
}

.meeting_list01 li .meeting_list_box01 .met_txt {
  line-height: 1.8;
  padding-right: 1.25em;
}

.meeting_list02 {
  background-color: #f5f5f5;
  display: table;
  padding: 3.4375em 0;
}

.meeting_list02 li {
  display: table-cell;
  width: 1%;
  text-align: center;
  padding: 0 0.8em;
}

.meeting_list02 li:not(:last-child) {
  border-right: 1px dashed #b5b5b5;
}

.meeting_list02 .meeting_list_box02>* {
  display: inline-block;
  width: 100%;
}

.meeting_list02 .met_icon_box {
  margin-bottom: 1.25em;
}

.meeting_list02 .met_txt02 {
  line-height: 1.8;
  font-weight: 300;
}

.wish01_box.d_st01 .wish_txt .wish_txt_bottom {
  line-height: 1.6;
}

@media all and (max-width: 1280px) {
  .meeting_list01 .met_txt p br {
    display: none;
  }
}

@media all and (max-width: 1024px) {
  .wiprofile_list ul.d_st01 li {
    margin-bottom: 0.625em;
  }

  .meeting_list01 .met_txt {
    padding: 1.875em 0;
    padding-right: 1.25em;
  }

  .meeting_list02 {
    display: block;
    padding: 0 1.25em;
  }

  .meeting_list02 li {
    display: block;
    width: 100%;
    padding: 1.875em 1.25em;
  }

  .meeting_list02 li:not(:last-child) {
    border-bottom: 1px dashed #b5b5b5;
    border-right: 0;
  }

  .meeting_list02 .meeting_list_box02 {
    display: table;
    width: 100%;
  }

  .meeting_list02 .meeting_list_box02>* {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }

  .meeting_list02 .met_txt02 {
    padding: 0 1.25em;
    width: 90%;
    text-align: left;
  }

  .meeting_list02 .met_txt02 p br {
    display: none;
  }
}

.wish_board04 .col_3 {
  padding-right: 1.5625em;
  margin-bottom: 2.1875em;
}

.wish_board04 .wish_logo_img {
  margin-bottom: 0.625em;
}

.wish_board04 .wish_logo_img span {
  display: inline-block;
  width: 100%;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.wish_board04 .wish_logo_img span img {
  width: 100%;
}

@media all and (max-width: 1440px) {
  .wish_board04 .wish01_contents {
    margin-right: -1.875em;
    padding: 0 1.25em;
  }

  .wish_board04 .wish01_contents .col_md_7 {
    width: 50%;
  }
}

.video_box {
  position: relative;
  width: 100%;
  height: 34.4375rem;
  overflow: hidden;
  background: url("../images/sub/sub_img05.jpg") center no-repeat;
  background-size: cover;
  height: 31.25rem;
}

.video_box .video_title {
  text-align: right;
  color: #fff;
  padding: 1.5em 1.25em;
}

.video_box::after {
  content: '';
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: url("../images/common/icon_play_or.png") center no-repeat, rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2.5rem;
  margin-left: -2.5rem;
  z-index: 1;
}

.bus_con_box {
  padding: 6.25em;
}

.bus_con01_txt {
  padding-top: 2em;
  position: relative;
}

.bus_con01_txt:before {
  content: '';
  display: block;
  width: 2.5rem;
  height: 1px;
  background-color: #222;
  position: absolute;
  top: 0;
  left: 0;
}

.bus_con01_txt p {
  margin-top: 1em;
  line-height: 1.8;
  font-weight: 300;
}

.bus_contents02 {
  background-color: #f5f5f5;
}

.bus_contents02 .row {
  padding: 2.8125em 0;
}

.business_list {
  padding-right: 2.5em;
}

.business_list::after {
  display: block;
  content: "";
  clear: both;
}

.business_list .bus_list_icon_txt {
  float: right;
  width: 45rem;
  display: table;
}

.business_list .bus_list_icon_txt li {
  display: table-cell;
  text-align: center;
}

.business_list .bus_list_icon_ul {
  float: right;
}

.business_list .bus_list_icon_ul li {
  display: block;
  float: left;
  text-align: center;
  margin-right: -2.5em;
}

.business_list .bus_list_icon_ul li .bus_list_top {
  width: 17.5rem;
  height: 17.5rem;
  text-align: center;
  background-color: rgba(244, 115, 32, 0.8);
  border-radius: 50%;
  padding-top: 4.5625em;
  position: relative;
}

.business_list .bus_list_icon_ul li .bus_list_top span {
  color: #fff;
  display: block;
  width: 100%;
}

.business_list .bus_list_icon_ul li:not(:last-child) .bus_list_top::after {
  content: '';
  display: block;
  width: 0.9375rem;
  height: 0.9375rem;
  background: url("../images/common/icon_plus_wh.png") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0.78125em;
  transform: translateY(-50%);
  z-index: 1;
}

.bus_list_bottom {
  margin-top: 1.11111em;
  line-height: 1.8;
}

.bus_list_bottom p {
  color: #555;
  font-weight: 300;
}

.business_txt p {
  margin-top: 1em;
  line-height: 1.8;
}

.wishbu_sub_tit {
  padding-left: 0.76923em;
  position: relative;
}

.wishbu_sub_tit::before {
  content: '';
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background: url("../images/common/dot_or.png") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.bus_sns {
  display: table;
  width: 100%;
}

.bus_sns>* {
  display: table-cell;
  vertical-align: middle;
}

.bus_sns .bus_icon_box {
  float: left;
}

.bus_sns div p {
  font-weight: 300;
  margin-top: 0.3125em;
}

.bus_facb a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  padding: 3.125em 4.375em;
  box-sizing: border-box;
  height: 11.25rem;
  overflow: hidden;
  background: #3c5da9;
}

.bus_facb a::after {
  display: block;
  content: "";
  clear: both;
}

.bus_facb .bus_sns {
  background: url("../images/common/arrow_wh.png") right center no-repeat, #3c5da9;
  background-size: auto;
}

.bus_facb .bus_sns div {
  color: #fff;
}

.bus_facb .bus_sns div p {
  color: #c1c8df;
}

.bus_kakao a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  padding: 3.75em 4.375em;
  box-sizing: border-box;
  height: 11.25rem;
  overflow: hidden;
  background: #fae100;
}

.bus_kakao a::after {
  display: block;
  content: "";
  clear: both;
}

.bus_kakao .bus_sns {
  background: url("../images/common/arrow_br.png") right center no-repeat;
  background-size: auto;
}

.bus_kakao .bus_sns div p {
  color: #928415;
}

.wish01_contents {
  margin-right: -2.5em;
}

.wish01_contents .col_6 {
  padding-right: 2.5em;
}

@media all and (max-width: 1700px) {
  .bus_con_box {
    padding: 3.125em;
    padding-right: 1.25em;
  }
}

@media all and (max-width: 1440px) {
  .business_txt p br {
    display: none;
  }

  .bus_con_box {
    padding: 3.5625em;
  }

  .bus_sns div {
    padding-left: 1.25em;
  }

  .bus_facb a {
    padding: 3.125em 1.875em;
  }

  .bus_kakao a {
    padding: 3.4375em 1.875em;
  }
}

@media all and (max-width: 1280px) {
  .wish01_contents {
    margin-right: -0.9375em;
  }

  .bus_contents01 .col_6 {
    float: none;
    width: 100%;
  }

  .video_box {
    width: 44.375rem;
    height: 23.125rem;
    margin: 0 auto;
  }

  .bus_con_box {
    padding: 0;
    width: 44.375rem;
    margin: 2.5em auto 0;
  }

  .bus_contents02 div[class^=col_] {
    float: none;
    width: 100%;
  }

  .business_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5em;
    justify-content: center;
  }

  .business_list .bus_list_icon_ul {
    float: none;
    margin: 0 auto;
  }
}

@media all and (max-width: 1024px) {
  .business_list .bus_list_icon_txt {
    display: block;
    width: 100%;
  }

  .business_list .bus_list_icon_txt li {
    display: block;
    width: 100%;
    text-align: left;
  }

  .bus_list_bottom p br {
    display: none;
  }

  .wish_business {
    padding: 0 1.25em;
  }

  .bus_facb .bus_sns, .bus_kakao .bus_sns {
    background: none;
  }

  .wish01_contents {
    margin-right: 0;
  }

  .wish01_contents .col_6 {
    padding-right: 1.25em;
  }

  .wish01_contents .col_6 a {
    height: 14.375rem;
    padding: 2.125em 1.875em;
  }

  .bus_sns>* {
    display: block;
  }

  .col_6 .bus_sns div {
    padding-left: 0;
  }

  .col_6 .bus_sns div span {
    display: inline-block;
    margin-left: 1.25em;
  }

  .col_6 .bus_sns div p {
    margin-top: 0.625em;
  }

  .bus_kakao .bus_sns .bus_icon_box {
    margin-top: 0.625em;
  }
}

@media all and (max-width: 767px) {
  .business_list .bus_list_icon_ul li .bus_list_top {
    width: 14.5rem;
    height: 14.5rem;
    padding-top: 3em;
  }

  .business_list .bus_list_icon_ul li .bus_list_top span {
    margin-top: 0;
  }

  .business_list .bus_list_icon_ul li .bus_list_top span:first-child {
    height: 6.25rem;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wish01_contents .bus_facb .bus_sns .bus_icon_box {
    margin-top: 1.25em;
  }

  .wish01_contents i.icon_face_3 {
    width: 3.125rem;
    height: 3.125rem;
  }

  .col_6 .bus_sns div span {
    margin-left: 0.625em;
  }
}

.guide_contents {
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  padding: 2.5em 1.875em;
}

.guide_color_1 {
  background-color: #f47320;
  color: #fff;
}

.guide_color_2 {
  background-color: #e04a28;
  color: #fff;
}

.guide_color_3 {
  background-color: #4187cf;
  color: #fff;
}

.guide_map {
  margin-left: -9.375em;
}

.guide_map .col_4 {
  padding-left: 9.375em;
  position: relative;
}

.guide_map .row {
  align-items: center;
  display: flex;
}

.guide_map_box {
  height: 7.5rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
}

.guide_map_box p {
  padding-left: 1.875em;
}

.guide_sub_box {
  position: relative;
}

.guide_sub_box .guide_map_box {
  height: 5rem;
}

.guide_sub_box .no_img, .guide_sub_box .yes_right {
  left: -8.125rem;
}

.img_posi {
  position: absolute;
  font-size: 0;
}

.no_img {
  width: 5.625rem;
  height: 3.5625rem;
  background: url("../images/common/no_img.png") center no-repeat;
  background-size: contain;
  left: 2.8125rem;
  top: 50%;
  transform: translateY(-50%);
}

.yes_down {
  width: 3.5625rem;
  height: 5.625rem;
  background: url("../images/common/yes_img.png") center no-repeat;
  background-size: contain;
  bottom: -6.25rem;
  left: 65%;
  transform: translateX(-50%);
}

.yes_right {
  width: 5.625rem;
  height: 3.5625rem;
  background: url("../images/common/yes_img_right.png") center no-repeat;
  background-size: contain;
  left: 2.8125rem;
  top: 50%;
  transform: translateY(-50%);
}

.mo_span_width span {
  width: 1%;
  display: block;
}

.mo_span_width p {
  width: 98%;
  display: block;
}

@media all and (max-width: 1280px) {
  .guide_map {
    margin-left: -5.625em;
  }

  .guide_map .col_4 {
    padding-left: 5.625em;
  }

  .no_img {
    left: 0.5rem;
  }

  .guide_sub_box .no_img, .guide_sub_box .yes_right {
    left: -80.5px;
  }

  .guide_map_box {
    height: 8rem;
  }

  .guide_map_box p {
    padding: 0 1em;
  }

  .guide_map_box p br {
    display: none;
  }

  .guide_sub_box .guide_map_box {
    height: 6rem;
  }
}

@media all and (max-width: 1024px) {
  .mo_wid_5p {
    width: 5%;
  }

  .mo_wid_10p {
    width: 10%;
  }

  .mo_wid_15p {
    width: 15%;
  }

  .mo_wid_20p {
    width: 20%;
  }

  .mo_wid_25p {
    width: 25%;
  }

  .mo_wid_30p {
    width: 30%;
  }

  .mo_wid_35p {
    width: 35%;
  }

  .mo_wid_40p {
    width: 40%;
  }

  .mo_wid_45p {
    width: 45%;
  }

  .mo_wid_50p {
    width: 50%;
  }

  .mo_wid_55p {
    width: 55%;
  }

  .mo_wid_60p {
    width: 60%;
  }

  .mo_wid_65p {
    width: 65%;
  }

  .mo_wid_70p {
    width: 70%;
  }

  .mo_wid_75p {
    width: 75%;
  }

  .mo_wid_80p {
    width: 80%;
  }

  .mo_wid_85p {
    width: 85%;
  }

  .mo_wid_90p {
    width: 90%;
  }

  .mo_wid_95p {
    width: 95%;
  }

  .mo_wid_100p {
    width: 100%;
  }

  .guide_map {
    display: none;
  }

  .mo_wid_33p {
    width: 33%;
  }

  .guide_box ul li p {
    width: 80%;
  }

  .guide_box ul li p.mo_wid_60p {
    width: 60%;
  }

  .guide_box.wid_90 ul li span {
    margin-right: 1%;
  }

  .guide_box.wid_90 ul li p {
    width: 97%;
  }
}

@media all and (max-width: 767px) {
  .guide_box ul li p {
    width: 75%;
  }

  .guide_box .mo_wid_80p {
    width: 79%;
  }

  .guide_box ul li p.mo_wid_60p {
    width: 50%;
  }
}

@media all and (max-width: 1530px) {
  .wish01_contents .col_4 {
    padding-right: 0.625em;
  }

  .wish01_contents {
    margin-right: -0.625em;
  }
}

/*
2020-10-15  작업 끝
*/
/*2020.11.15 position 추가 / img css 추가*/
.map_contents {
  border: 1px solid #ddd;
  width: 100%;
  height: 30rem;
  overflow: hidden;
  position: relative;
}

.map_contents img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50.5%);
  -moz-transform: translate(-50%, -50.5%);
  -o-transform: translate(-50%, -50.5%);
  transform: translate(-50%, -50.5%);
}

.board_view_file {
  border-top: 1px solid #8b8b8b;
  border-bottom: 1px solid #8b8b8b;
  background-color: #f4f4f4;
}

.board_view_file button {
  background-color: #fff;
  padding: 0.66667em 1.66667em;
  border-radius: 3.125rem;
}

.traffic_guide {
  background-color: #f5f5f5;
  border-radius: 0.9375rem;
}

.traf_guide {
  border-top: 1px dashed #ddd;
}

.manager_guide_contents {
  margin-right: -1.875em;
}

.manager_guide_box {
  border: 1px solid #eee;
  border-radius: 0.625rem;
  height: 20.3125rem;
}

.manager_guide_top {
  padding-top: 3.125em;
}

.manager_guide_top span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625em;
  margin-right: 0.625em;
}

.manager_guide_top span:first-child {
  position: relative;
}

.manager_guide_top span:first-child::after {
  content: '';
  display: block;
  width: 1px;
  height: 1.125rem;
  background-color: #d4d4d4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.manager_guide_bottom {
  border-top: 1px solid #eee;
  margin-top: 1.25em;
  padding-top: 0.625em;
}

@media all and (max-width: 1024px) {
  .manager_guide_box {
    height: 24.29077rem;
  }
}

.business_contents01 ul li {
  line-height: 2;
}

.business_contents02 {
  background-color: #f5f5f5;
}

.business_contents02 .row .col_6 {
  padding-left: 6.25em;
}

.business_contents02 .row .col_6:first-child {
  padding-left: 9.375em;
}

.business_contents02 .wrap_1250 {
  position: relative;
}

.business_contents02 .wrap_1250::before {
  content: '';
  display: block;
  width: 1px;
  height: 80%;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bus_exso {
  border-top: 1px solid #ddd;
}

.bus_con02_box {
  display: table;
  width: 100%;
}

.bus_con02_box>* {
  display: table-cell;
  vertical-align: middle;
}

.center_value_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.business_contents03 ul {
  margin-right: -1.25em;
}

.business_contents03 ul li .bus_con03_listType01 {
  background-color: #f5f5f5;
  border-radius: 0.625rem;
  height: 15.625rem;
  display: table;
  width: 100%;
}

.business_contents03 ul li .bus_con03_listType01>div[class^=wid_] {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0.5em;
}

.business_contents03 ul li .bus_con03_listType01 .wid_20p {
  text-align: center;
}

.business_contents04 {
  background-color: #f5f5f5;
}

.business_contents04 .mark.color_3 {
  background-color: #4187cf;
  color: #fff;
  border-radius: 3.125rem;
  padding: 0.4em 0.75em;
  line-height: 1;
  display: inline-block;
}

.bus_con4_box {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.625rem;
  padding: 3.125em 2.1875em;
}

.bus_con401 .bus_con4_box {
  position: relative;
}

.bus_con401 .bus_con4_box::before {
  content: '';
  display: block;
  width: 1px;
  height: 80%;
  border: 1px dashed #ddd;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
}

.bus_con04_listType01 li {
  margin-bottom: 0.3125em;
  padding-left: 0.9375em;
  position: relative;
}

.bus_con04_listType01 li::before {
  content: '▶';
  display: block;
  position: absolute;
  top: 0.3125rem;
  left: 0;
  font-size: 0.125rem;
}

.bus_con402 .bus_con4_box {
  padding-bottom: 0.625em;
}

.bus_con402 .bus_con4_box .col_12 {
  border-bottom: 1px dashed #ddd;
}

.bus_con402 .bus_con4_box .col_12:last-child {
  border-bottom: 0;
}

.business_list.dst_01 {
  margin: 0 auto;
  padding-right: 6.5em;
}

.business_list.dst_01 .bus_list_icon_ul li .bus_list_top {
  background-color: rgba(60, 100, 207, 0.8);
}

@media all and (max-width: 1700px) {
  .business_list.dst_01 {
    padding-right: 1.5em;
  }

  .bus_con401 .bus_con4_box::before {
    right: 48%;
  }

  .center_img {
    margin-right: -2.5rem;
  }

  .center_img img {
    width: 100%;
  }
}

.bus_con403 .bus_con4_box .col_10 {
  margin-left: -2.5em;
}

.bus_con403 .bus_con4_box .col_10 img {
  width: 100%;
}

.bus_con403 .bus_con4_box .m_img {
  display: none;
}

.bus_con404 {
  position: relative;
}

.bus_con404 .sub_logo {
  position: absolute;
  right: 0;
  top: 0;
}

.bus_con403 .bor_t {
  border-top: 1px dashed #ddd;
}

@media all and (max-width: 1280px) {
  .bus_con403 .bus_con4_box img {
    width: 100%;
  }

  .bus_con403 .bus_con4_box .col_10 {
    margin-left: 0;
  }
}

.bus_con4_tit h4 {
  padding-left: 0.8em;
  background: url("../images/common/dot_bl.png") left center no-repeat;
}

@media all and (max-width: 1024px) {
  .business_contents02 .row .col_6:first-child {
    padding-left: 2.5em;
  }

  .center_img {
    margin-right: 0;
  }

  .bus_con401 .bus_con4_box::before {
    display: none;
  }

  .bus_con401 .col_md_12.pt_md_40 {
    border-top: 1px dashed #ddd;
  }

  .bus_con404 .sub_logo {
    width: 7.5rem;
    top: -1.875em;
  }

  .bus_con404 .sub_logo img {
    width: 100%;
  }

  .bus_con403 .bus_con4_box .w_img {
    display: none;
  }

  .bus_con403 .bus_con4_box .m_img {
    display: block;
  }
}

@media all and (max-width: 767px) {
  .business_list .bus_list_icon_ul li .bus_list_top {
    width: 12.78462rem;
    height: 12.78462rem;
  }

  .center_value_img {
    width: 6.25rem;
  }

  .center_value_img img {
    width: 100%;
  }

  .business_contents02 .row .col_6 {
    padding-left: 2.5em;
  }

  .business_contents02 .row .col_6:first-child {
    padding-left: 0;
  }

  .business_contents02 .wid_80p {
    padding-left: 1.25em;
  }

  .business_contents01 br {
    display: none;
  }
}

@media all and (max-width: 501px) {
  .bus_con4_box button.btn {
    height: 5rem;
  }
}

.celendar_contents01 .sel_box {
  max-width: 100%;
  height: 4.375rem;
}

.celendar_thead {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
  background-color: #fbfbfb;
}

.celendar_thead ul {
  display: table;
  width: 100%;
}

.celendar_thead ul li {
  display: table-cell;
  text-align: center;
  font-weight: 500;
  padding: 1.25em 0;
}

.celendar_tbody ul li {
  display: table;
  width: 100%;
  border-bottom: 1px dashed #d3d3d3;
}

.celendar_tbody ul li>div[class^=wid_] {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0.5555555555555556em 0;
}

.celendar_tbody ul li>div.wid_30p {
  border-left: 1px solid #eee;
  text-align: left;
  font-weight: 300;
  padding: 0.5555555555555556em;
}

/* 2020-11-30 */
.celender_box {
  width: 100%;
  height: 100%;
  padding: 0.5em;
  font-weight: 400;
}

.type01 .celender_box {
  border-left: 3px solid #4187cf;
  background-color: #f0f8ff;
}

.type02 .celender_box {
  border-left: 3px solid #00ab9f;
  background-color: #eefcfb;
}

.type03 .celender_box {
  border-left: 3px solid #ffbc3d;
  background-color: #fff7e5;
}



.type01 .celender_data {
  color: #1772d0;
}

.type02 .celender_data {
  color: #089a90;
}

.type03 .celender_data {
  color: #ee9e07;
}

.celender_notice {
  background-color: #f7f7f7;
  padding: 2.5em;
}

/* 2020-11-30 */
.celendar_top .t_center>* {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.celendar_top .t_center span {
  padding-bottom: 0.1875em;
}

.cel_btn {
  font-size: 0;
  width: 3.75rem;
  height: 3.75rem;
}

.cel_prve {
  background: url("../images/common/icon_page_02.png") center no-repeat;
}

.cel_next {
  background: url("../images/common/icon_page_03.png") center no-repeat;
}

@media all and (max-width: 1024px) {

  /* .celendar_tbody ul li > div.wid_10p { width: 5.3125rem; } */
  /* .celendar_tbody ul li > div.wid_30p { width: 13.125rem; } */
}
  @media all and (max-width: 767px) {
    .celendar_tbody ul li>div.wid_10p {
      width: 5.625rem;
      padding-right: 0.625em;
    }


    /* .celendar_tbody ul li > div.wid_30p { width: 11.25rem; } */ }
    .room_slide {
      margin-right: -3.125em;
    }

    .room_slide .room_item {
      padding-right: 3.125em;
      padding-bottom: 1.25em;
      padding-top: 0.625em;
    }

    .room_slide .room_item .rm_img {
      width: 100%;
      height: 15.625rem;
      overflow: hidden;
      border-radius: 0.625rem;
      cursor: pointer;
      transition: all 0.3s;
      position: relative;
    }

    .room_slide .room_item .rm_img img {
      width: 100%;
      height: 100%;
    }

    .room_slide .room_item .rm_img::after {
      content: '';
      width: 3.125rem;
      height: 3.125rem;
      display: block;
      background: url("../images/common/icon_zoom.png") center no-repeat, #f5f5f5;
      position: absolute;
      right: 0;
      bottom: 0;
      visibility: hidden;
    }

    .room_slide .room_item .rm_img:hover {
      border: 0.625rem solid #f5f5f5;
      box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    }

    .room_slide .room_item .rm_img:hover::after {
      visibility: visible;
    }

    .room_slide .room_item:last-child {
      padding-right: 0;
    }

    .room_con02_01 {
      border-bottom: 1px dashed #ddd;
    }

    .room_con02_box {
      background-color: #f5f5f5;
      border-radius: 0.3125rem;
      padding: 2.1875em 2.5em;
    }

    .room_con02_box ul {
      overflow: hidden;
    }

    .room_con02_box ul li {
      float: left;
      margin-right: 1.25em;
      text-align: center;
    }

    .room_icon {
      width: 3.75rem;
      height: 3.75rem;
      background-color: #fff;
      border-radius: 50%;
      margin-bottom: 0.625em;
    }

    .roompop_bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      z-index: 999;
      display: none;
    }

    .roompop_bg .room_pop_box {
      max-width: 1024px;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      padding: 0 1.25em;
      transform: translate(-50%, -50%);
    }

    .roompop_bg .room_pop_box img {
      width: 100%;
    }

    .room_pop_colse {
      width: 2.75rem;
      height: 2.75rem;
      background: url("../images/common/icon_close_w.png") center no-repeat, #222;
      background-size: 80%;
      font-size: 0;
      position: absolute;
      top: 0;
      right: -3.125rem;
    }

    .room_contents01 .col_3 {
      padding-top: 3.125em;
    }


    @media all and (max-width: 1700px) {
      .room_slide .slick-arrow {
        font-size: 0;
        width: 2.1875rem;
        height: 4.0625rem;
        position: absolute;
        top: 50%;
        margin-top: -2.03125rem;
      }

      .room_slide .slick-prev {
        background: url("../images/common/icon_prve_lbk.png") center no-repeat;
        background-size: contain;
        left: -3.125rem;
      }

      .room_slide .slick-next {
        background: url("../images/common/icon_next_lbk.png") center no-repeat;
        background-size: contain;
        right: -3.125rem;
      }

      .room_slide .slick-track{
          width: 100% !important;
          display: flex;
      }
    }

    @media all and (max-width: 1280px) {
      .room_contents01 .col_3{
        float: none;
        width: 100%;
      }
      .row .col_lg_8{
        width: 100%;
        padding-right:3rem;
      }
      .room_slide .room_item .rm_img {
        height: 18rem;
      }


      .room_pop_box {
        padding: 0 5em;
      }

      .room_pop_colse {
        right: 0.9375rem;
        top: -3.125rem;
      }
    }

    @media all and (max-width: 1024px) {
      .room_contents01 .col_3 {
        padding-top: 1.125em;
    }
      .room_slide .room_item {
        padding-right: 1rem;
      }
      .room_slide .room_item .rm_img {
        height: 9rem;
    }

      .room_con02_box ul li {
        width: 25%;
        text-align: center;
        margin-right: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 1.25em;
      }

      .room_con02_box ul li span {
        display: inline-block;
        width: 100%;
        vertical-align: top;
      }

      .room_contents01 .row .offset_md_2 {
        margin-left: 0;
      }
    }

    .Thumbnail {
      position: fixed;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      z-index: 9999;
      display: none;
    }

    .thumbnail_wrap {
      width: 100%;
      max-width: 65.75rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #fff;
    }

    .thumbnail_slide .slick-arrow {
      position: absolute;
      width: 1.3125rem;
      height: 2.3125rem;
      font-size: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    .thumbnail_slide .slick-prev {
      background: url("../images/common/icon_prve_mwh.png");
      background-size: contain;
      left: -3.125rem;
    }

    .thumbnail_slide .slick-next {
      background: url("../images/common/icon_next_mwh.png");
      right: -3.125rem;
      background-size: contain;
    }

    .thumbanil_item_box {
      margin-right: -1.875rem;
      border: 1px solid #fff;
    }

    .thumbanil_item_box::after {
      display: block;
      content: "";
      clear: both;
    }

    .thumbanil_item_box .thumbanil_item {
      float: left;
      width: 21.875rem;
      height: 15.625rem;
      overflow: hidden;
      border: 3px solid #fff;
      position: relative;
      cursor: pointer;
    }

    .thumbanil_item_box .thumbanil_item img {
      width: 100%;
    }

    .thumbanil_item_box .thumbanil_item.act_thumItem {
      border: 0.3125rem solid #f47320;
    }

    .thumbanil_item_box .thumbanil_item .thum_radio {
      position: absolute;
      top: 0.3125rem;
      right: 0.3125rem;
    }

    .thum_top {
      width: 100%;
      padding: 0.625em 1.25em;
    }

    .thum_top .col_1 {
      padding-top: 0.3125em;
    }

    .thumbail_close {
      font-size: 0;
      width: 1.1875rem;
      height: 1.1875rem;
      background: url("../images/common/icon_close02_bk.png") center no-repeat;
      background-size: contain;
      float: right;
      position: relative;
      top: 0.0625rem;
    }

    .preview_box {
      width: 21.875rem;
      height: 15.625rem;
      overflow: hidden;
      border: 1px solid #efefef;
    }

    .preview_box img {
      width: 100%;
      height: 100%;
    }

    .thum_file_btn .fm_file_btn+.fm_file_btn {
      margin-top: 0;
    }

    @media all and (max-width: 1024px) {
      .thumbnail_wrap {
        max-width: 80%;
      }

      .thumbanil_item_box .thumbanil_item {
        width: 32%;
        height: auto;
      }
    }

    .warning_box {
      border: 1px dashed #ddd;
      border-radius: 0.3125rem;
    }

    .warning_wrap {
      background-color: #f4f4f4;
      display: flex;
      align-items: center;
      padding: 0.875em 1.25em;
      line-height: 1;
    }

    .warning_wrap .warning_radio {
      margin-left: 2.1875em;
    }

    .warning {
      padding-left: 1.6875em;
      background: url("../images/common/icon_warning.png") left center no-repeat;
    }

    @media all and (max-width: 1024px) {
      .warning {
        width: 30%;
      }

      .warning_wrap .warning_radio {
        width: 70%;
        margin-left: 0;
      }

      .warning_wrap .warning_radio .act_waring {
        float: left;
      }
    }

    @media all and (max-width: 767px) {
      .warning {
        width: 100%;
      }

      .warning_wrap {
        display: block;
      }

      .warning_wrap .warning_radio {
        width: 100%;
        margin-top: 0.625em;
        line-height: 1.4;
        overflow: hidden;
      }

      .warning_wrap .warning_radio>span {
        float: left;
        width: 75%;
      }

      .warning_wrap .act_waring {
        padding-left: 0;
        margin-right: 0.625em;
      }
    }

    /*복지톡톡 상세*/
    .rey_btn a.btn {
      padding: 0.875rem 1.25rem;
    }

    .review_btn.dst_01 {
      display: flex;
      align-items: center;
    }

    .review_btn.dst_01>a:hover, .review_btn.dst_01>button:hover {
      color: #f47320;
    }

    .review_btn.dst_01 button {
      border-left: 1px solid #ccc;
      line-height: 1;
    }

    @media all and (max-width: 1024px) {
      .review_btn.dst_01 {
        float: right;
        display: block;
      }

      .rey_btn a.btn {
        font-size: 1.5rem;
        align-items: center;
        justify-content: center;
        display: flex;
      }

      .fm_file_btn.wid_55p {
        width: 63%;
      }
    }

    @media all and (max-width: 767px) {
      .fm_file_btn.wid_55p {
        width: 70%;
      }
    }

    .moy_btn span {
      display: flex;
      width: 10rem;
      height: 3.25rem;
      border: 1px solid #f47320;
      border-radius: 0.3125rem;
      align-items: center;
      justify-content: center;
    }

    .moy_btn span:hover {
      background-color: #f47320;
    }

    .moy_btn span:hover a {
      color: #fff;
    }

    .moy_btn span:hover .icon_modify_or.hover_wh {
      background-image: url("../images/common/icon_modify_wh.png");
    }

    .moy_btn span:hover .icon_answe02_or.hover_wh {
      background-image: url("../images/common/icon_answe02_wh.png");
    }

    .moy_btn.dst_01 {
      margin-top: -2.5rem;
    }

    .manager_board_comen .board_view_top {
      background-color: #f8f8f8;
    }

    @media all and (max-width: 1024px) {
      .moy_btn.dst_01 {
        margin-top: 0.3125rem;
      }

      .moy_btn span {
        float: right;
      }
    }

    /*복지톡톡 상세*/
    .member_login_wrap .login_wrap.dst_02_2 .por02 {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    @media all and (max-width: 767px) {
      .member_login_wrap .login_form .login_wrap.dst_02_2 ul {
        width: 85%;
      }
    }

    /*2020.11.15 추가*/
    .sum_line {
      width: 40%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    @media screen and (max-width:1024px) {
      .sum_line {
        width: 100%;
        white-space: nowrap;
      }
    }

    /* 2020-11-16 */
    .buscon04_seemore {
      display: none;
    }

    .bus_con4_box_tit {
      position: relative;
    }

    .future_logo {
      width: 10.625rem;
    }

    .bus_con406 .btn {
      padding: 0;
      line-height: 3.75rem;
    }

    .center_img02 {
      width: 30.625rem;
    }

    .text_ind {
      padding-left: 1rem;
      text-indent: -1rem;
    }

    @media all and (max-width:1024px) {
      .bus_con406 .btn {
        font-size: 1.53415rem;
        width: 23.625rem;
        height: 5.75rem;
        line-height: 5.75rem;
      }
    }

    /* 2020-11-16 */
    /* 2020-11-17 */
    /* 센터 소개 > 공간안내 */
    .roompop_bg .room_pop_box .rm_img img {
      max-height: 37.5rem;
      height: auto;
    }

    /* 2020-11-17 */
    .share_type.bl_bottom02 .bl_bottom span:nth-child(2)::after {
      display: none;
    }

    /* 2020-11-24 */
    .fm_line_none {
      width: 100%;
    }

    @media all and (max-width:1024px) {
      .share_ty_img .bl_item_type02.bl_item_box .list_tyimg_contents .bl_tags {
        height: 9rem;
      }

      .tab_link_type02 {
        overflow: hidden;
      }

      .tab_link_type02>span {
        float: left;
      }

      .tab_link_type02 .tab_link_text_type02 {
        word-break: break-all;
        white-space: normal;
        overflow: hidden;
        line-height: 1.5;
        max-height: 2.5rem;
        text-align: left;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 78%;
      }
    }

    @media all and (max-width:768px) {
      .share_ty_img .bl_item_type02.bl_item_box .bl_bottom {
        padding: 1em 2.5em;
        position: absolute;
        display: block;
        width: 100%;
        margin: 0;
      }
    }

    .share_gallery_type01 .share_ty_img .bl_bottom {
      height: 4.0625rem;
      display: flex;
      overflow: hidden;
      align-items: center;
      padding: 0 0.752em;
    }

    .share_gallery_type01 .share_ty_img .bl_bottom span {
      vertical-align: middle;
      margin: 0;
      line-height: 1.4;
    }

    .share_gallery_type01 .share_ty_img .bl_bottom span:not(:last-child) {
      max-height: 2.9999rem;
      height: auto;
      overflow: hidden;
    }

    .share_gallery_type01 .share_ty_img .bl_bottom span:not(:last-child) span {
      padding: 0;
      width: 100%;
      height: 100%;
      word-break: break-all;
      position: relative;
      max-width: 100%;
    }

    .share_gallery_type01 .share_ty_img .bl_bottom span:nth-child(1) {
      max-width: 6.5rem;
    }

    .share_gallery_type01 .share_ty_img .bl_bottom span:nth-child(2) {
      max-width: 8.625rem;
    }

    .share_gallery_type01 .bl_bottom span:nth-child(2)::before, .share_gallery_type01 .bl_bottom span:nth-child(2)::after {
      display: none;
    }

    .share_gallery_type01 .bl_bottom span:nth-child(2)::before,
    .share_gallery_type01 .bl_bottom span:nth-child(2)::after {
      content: '';
      display: block;
      width: 1px;
      height: 0.875rem;
      position: absolute;
      top: 60%;
      transform: translateY(-50%);
      background-color: #d4d4d4;
      height: 0.875em;
    }

    .share_gallery_type01 .bl_bottom span:nth-child(2)::before {
      left: 0;
    }

    .share_gallery_type01 .bl_bottom span:nth-child(2)::after {
      right: 0;
    }

    .share_gallery_type02 .bl_item_box .list_tyimg_contents .bl_tags {
      height: 7rem;
    }

    @media all and (max-width:1024px) {
      .share_gallery_type01 .share_ty_img .bl_item_box .bl_img_box {
        height: 17.3em;
      }

      .share_gallery_type01 .share_ty_img .bl_bottom span:nth-child(1) {
        max-width: 8.5rem;
      }

      .share_gallery_type01 .share_ty_img .bl_bottom span:nth-child(2) {
        max-width: 11.625rem;
      }

      .share_gallery_type01 .share_ty_img .bl_bottom {
        margin: 0;
        width: 100%;
      }
    }

    @media all and (max-width:767px) {
      .share_gallery_type01 .share_ty_img .bl_bottom {
        height: 6.1rem;
      }

      .share_gallery_type01 .share_ty_img .bl_bottom span:nth-child(1) {
        max-width: 13.5rem;
      }

      .share_gallery_type01 .share_ty_img .bl_bottom span:nth-child(2) {
        max-width: 19.625rem;
      }

      .share_gallery_type01 .share_ty_img .bl_bottom span:not(:last-child) {
        max-height: 1.9999rem;
      }

      .share_gallery_type01 .share_ty_img .bl_item_box .bl_img_box {
        height: 28em;
      }

      .share_ty_img .bl_item_box.bl_item_box02 {
        height: auto;
      }

      .share_ty_img .gy_hide .bl_bottom {
        position: absolute;
        width: 100%;
        padding: 0 1.6em;
      }
    }

    #mobile_201209 {
      position: relative;
      height: 100%;
    }
    #mobile_201209 .btn_201209{
      max-width: 7rem;
      height: 2.5rem;
      padding: 0;
      border-radius: 0.3125rem;
      position: absolute;
      top:50%;
      transform: translateY(-50%);
      right: 0.3em;
    }

  @media all and (max-width:768px){
    #mobile_201209 .btn_201209{
      height: 3.5rem;
    }
    .member_login_wrap .login_form .login_wrap.dst_02 ul {
      width: 90%;
    }
  }

    /* #mobile_201209 .inpBox_201209{
        position: absolute;
        left: 0;
        top:0;
        width: 60%;;
    } */



	@media all and (max-width:768px){
      .join_form_wrap .table_form.dst_01 .fm_inp.dst_02.fm_inp201214{
        max-width: 100%;
      }
    }



    /* 201224 */


    .border_after_no::after{
      display: none !important;
    }

    .share_ty_list .bl_text.bl_text201218 strong{
      width: 50%;
      /* max-width: 64%; */
      text-align: left;
    }
    .share_ty_list .bl_text201218 .bl_marks .bl_mark::after{

      top:50%;
      transform: translateY(-50%);
    }
    .share_ty_list .bl_text.bl_text201218.bl_text201218_02 strong{
      max-width: 100%;
      padding-left: 0;
    }
    .share_ty_list .bl_text.bl_text201218 strong span{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      width: 100%;
    }
    .bl_txt201218 {
      display:none;
    }

    .share_ty_list .bl_text201218 .list_marks.bl_marks{
      overflow: inherit;
    }
    .adv_seas .share_ty_list .bl_text201218 .bl_bottom{
      text-align: right;
      width: auto;
      max-width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .adv_seas .share_ty_list .bl_text201218 .bl_bottom span:first-child{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      width: 12.6984126984127em;
      text-align: right;
      padding-left: 0;
    }

    .share_ty_list .bl_text201218 .bl_bottom span:last-child{
      letter-spacing: -0.1em;
      width: 100%;
      max-width: 12.6984126984127rem;
      padding-right: 0;
    }
    .share_ty_list .bl_text201218.bl_text201218_01 .bl_bottom span:last-child{
      max-width: none;
      width: auto;
    }

    .share_ty_list .bl_text201218.bl_text201218_01 .bl_marks .bl_mark{
      width: 5.625em;
    }
    .share_ty_list .bl_text201218.bl_text201218_02 .bl_marks .bl_mark{
      width: 7em;
    }


    .adv_seas .share_ty_list .bl_text201218 .bl_bottom .bl_date {
        word-break: keep-all;
        -ms-word-break: keep-all;
        text-align: left;
        padding-left:1em;
        padding-right: 1em;
    }

    .share_ty_list .bl_text201218 .bl_marks .bl_mark{
      word-break: keep-all;
       -ms-word-break: keep-all;
    }


    .adv_seas .share_ty_list .share_ty_list .bl_bottom_m.bl_bottom_m_201218 .bl_bottom{
      display: flex;
      padding-bottom: 0;
      align-items: center;
    }
    .share_ty_list .bl_bottom_m_201218 .bl_bottom span:first-child {
      padding-left: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 7em;
      display: block;
      padding-left: 0;
      padding-right: 1em;
      margin-top: -0.5em;
  }
  .share_ty_list .bl_bottom_m_201218 .bl_bottom span:last-child {
    width: 14em;
  }

  @media all and (max-width:1280px){
    .share_ty_list .bl_text201218 .bl_bottom span:last-child{
      max-width: 7.698413rem;
    }
    .adv_seas .share_ty_list .bl_text201218 .bl_bottom span:first-child{
      margin-top: -0.8em;
    }
    .adv_seas .share_ty_list .bl_text201218 .bl_bottom{
      align-items: center;
    }
  }
  @media all and (max-width:1024px){
    .adv_seas .share_ty_list .share_ty_list  .bl_bottom_m.bl_bottom_m_201218 .bl_bottom{
        border-top: 0;
    }
    .adv_seas .bl_text.bl_text201218{
      justify-content: end;
    }
    .bl_txt.bl_txt201218{
      display: none;
    }

    .share_ty_list .bl_text.bl_text201218 strong{
      max-width: 80%;
    }
    .adv_seas .row.share_ty_list{
      border-top: 0;
    }
    .adv_seas .share_ty_list .bl_text201218 .bl_bottom{
      display: none;;
    }
    .adv_seas .share_ty_list .share_ty_list .bl_bottom_m.bl_bottom_m_201218 .bl_bottom{
      margin-top: 0;
    }
  }

  @media all and (max-width:768px){
    .share_ty_list .bl_text.bl_text201218 strong{
      max-width: 70%;
    }

    .share_ty_list .bl_text201218.bl_text201218_02 .bl_marks .bl_mark{
      width: 5.625em;
      word-break: break-all;
    }
    .share_ty_list .bl_bottom_m_201218 .bl_bottom span:last-child {
      width: 8em;
    }
  }