@charset "UTF-8";
.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: inline-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: 34.0625em; -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%; }

.share_ty_img .list_tyimg_contents { padding: 1.875em; }

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

.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 2.125em; color: #555; }

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

.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; }

.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; }

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

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

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

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

.share_ty_list .bl_text { position: relative; padding: 1.75em 1.875em; display: inline-block; width: 100%; vertical-align: middle; background-color: #fbfbfb; }

.share_ty_list .bl_text strong { display: inline-block; vertical-align: middle; line-height: 1; }

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

.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: inline-block; vertical-align: middle; overflow: hidden; border-radius: 3.125em; background-color: #fff; float: left; padding: 0.75em 1.875em; margin-right: 1.1875em; margin-bottom: 1.25em; line-height: 1; }

.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_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; } }

@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 { height: 40.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 { padding: 0; background-color: #fff; }
  .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 { padding: 2.5rem 0 1.5625rem 1.5625rem; 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: 60%; }
  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; } }

@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; } }

@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; } }

.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; }

.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; }

@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: 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; }

.myfrotxt span { display: inline-block; vertical-align: middle; max-width: 10.625rem; max-height: 10.625rem; width: 100%; height: 100%; }

.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: table; 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; }

.my_lecture .my_lect_td li > span p { display: inline-block; vertical-align: middle; }

.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; }

.comment_txt .comsub_txt { color: #666; font-weight: 300; }

.comment_txt .comsub_txt span { display: block; 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; }

.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) { .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; vertical-align: middle; 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; }
  .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; }
  .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-top: 1px dashed #cacaca; border-bottom: 1px solid #cacaca; }

.question_user { padding: 2em; }

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

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

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

.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; } }

@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 { display: flex; justify-content: space-between; 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; }

.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; }

.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 .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; display: table; width: 100%; height: 100%; }

.wish_img { background: url("../images/sub/sub_img02.jpg") center no-repeat; background-size: cover; height: 100%; vertical-align: middle; display: table-cell; position: relative; }

.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 { height: 26.95rem; }
  .wish01_box .wish_img { width: 26%; }
  .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%; }

.wish_proflie_img span img { width: 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(:first-child) { padding-left: 0.9375em; margin-left: 0 0.9375em; position: relative; }

.wiprofile_top ul li:not(:first-child)::after { content: ''; display: block; width: 1px; height: 1.125rem; background-color: #ababab; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

.wiprofile_top ul li:not(:last-child) { padding-right: 0.9375em; margin-right: 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; }
  .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; }
  .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; }

.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  작업 끝
*/
.map_contents { border: 1px solid #ddd; width: 100%; height: 30rem; overflow: hidden; }

.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; }

.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.625em; 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: 1.25em 0; }

.celendar_tbody ul li > div.wid_30p { border-left: 1px solid #eee; text-align: left; font-weight: 300; padding: 1.25em; }

.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; } }

@media all and (max-width: 1280px) { .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_slide .room_item { padding-right: 0; }
  .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: 12%; } }

.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-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 */