@charset "UTF-8";
html {
  overflow-y: scroll;
}
body,
dd,
dl,
dt,
ul {
  margin: 0;
  padding: 0;
}
body {
  font-size: 0.75em;
  background: #e7e7e7;
  min-width: 1470px;
}
* {
  font-family: Pretendard, "Malgun Gothic", dotum, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: condensed;
}
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
#hd_qnb li a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
dd,
dl,
dt,
ul {
  list-style: none;
}
#captcha legend,
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
img,
label {
  font-size: 1em;
}
button,
img,
input,
label,
select {
  vertical-align: middle;
}
button,
input {
  margin: 0;
  padding: 0;
  font-family: Pretendard, "Malgun Gothic", dotum, sans-serif;
  font-size: 1em;
}
button,
input[type="submit"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
select,
textarea {
  font-family: Pretendard, "Malgun Gothic", dotum, sans-serif;
  font-size: 1em;
}
p,
select {
  margin: 0;
}
p {
  padding: 0;
  word-break: break-all;
}
#captcha.m_captcha #captcha_reload span,
.modal .modal-dialog .modal-content .modal-header .btn__close span,
hr {
  display: none;
}
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a {
  color: #000;
  text-decoration: none;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="password"],
input[type="text"],
textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: 0;
}
input[type="password"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #9ed4ff;
  -moz-box-shadow: 0 0 5px #9ed4ff;
  box-shadow: 0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}
.placeholdersjs {
  color: #aaa !important;
}
#head {
  min-width: 1470px;
}
#ft,
#hd,
#wrapper {
  min-width: 1200px;
}
#container_wr,
#ft_wr,
#gnb .gnb_wrap,
#hd_pop,
#hd_wrapper,
#tnb ul {
  width: 1200px;
}
#hd_pop {
  z-index: 1000;
  position: relative;
  margin: 0 auto;
  height: 0;
}
#hd_pop h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.hd_pops {
  position: absolute;
  border: 1px solid #e9e9e9;
  background: #fff;
}
.hd_pops img {
  max-width: 100%;
}
.hd_pops_footer {
  padding: 0;
  color: #fff;
  position: relative;
}
#gnb ul:after,
#hd_qnb:after,
#hd_wrapper:after,
#tnb ul:after,
.hd_pops_footer:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.hd_pops_footer button {
  padding: 10px;
  border: 0;
  color: #fff;
}
.hd_pops_footer,
.hd_pops_footer .hd_pops_reject {
  background: #000;
  text-align: left;
}
.hd_pops_footer .hd_pops_close {
  background: #393939;
  position: absolute;
  top: 0;
  right: 0;
}
#hd {
  border-top: 2px solid #253dbe;
}
#ft h1,
#gnb h2,
#hd_h1,
#hd_sch h3,
#tnb h3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#hd_wrapper {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  height: 115px;
  zoom: 1;
}
#logo {
  float: left;
  padding: 30px 0 0;
}
.hd_sch_wr {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 430px;
  margin-left: -215px;
}
#hd_sch {
  border: 2px solid #556ada;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
#hd_sch #sch_stx {
  padding-left: 10px;
  height: 40px;
  width: 376px;
  border: 0;
  border-right: 0;
  float: left;
  font-size: 1.25em;
}
#hd_sch #sch_submit {
  height: 40px;
  border: 0;
  background: #fff;
  color: #253dbe;
  width: 50px;
  float: left;
  cursor: pointer;
  font-size: 18px;
}
#sbn_side {
  position: absolute;
  top: 20px;
  right: 0;
}
#tnb {
  border-bottom: 1px solid #ddd;
  background: #fff;
}
#tnb ul {
  margin: 0 auto;
  zoom: 1;
}
#tnb li {
  float: right;
  border-left: 1px solid #ddd;
  margin-bottom: -1px;
  font-size: 0.92em;
}
#tnb a {
  display: inline-block;
  padding: 0 10px;
  color: #646464;
  line-height: 35px;
}
#tnb a:focus,
#tnb a:hover {
  color: #253dbe;
  background: #fafafa;
}
#tnb .tnb_admin a {
  color: red;
}
#tnb .tnb_left {
  float: left;
}
#tnb .tnb_left a {
  padding: 0 14px;
}
#tnb .tnb_cart,
#tnb .tnb_community {
  border-right: 1px solid #ddd;
}
#tnb .tnb_community i {
  font-size: 15px;
}
#tnb .tnb_community {
  background: #e7e7e7;
  font-weight: 700;
}
#tnb .tnb_community:focus,
#tnb .tnb_community:hover {
  color: #333;
  border-bottom: 0;
}
#tnb .tnb_community a {
  color: #253dbe;
  border-bottom: 1px solid #e7e7e7;
}
#hd_qnb {
  float: right;
  margin-top: 20px;
}
#hd_qnb li {
  float: left;
  font-size: 1.083em;
  line-height: 15px;
  text-align: center;
  margin: 0 10px;
}
#hd_qnb li span {
  display: block;
  margin-top: 5px;
  font-size: 0.92em;
}
#hd_qnb .visit .visit-num,
#hd_qnb li i,
.gnb_1da {
  display: inline-block;
  color: #fff;
}
#hd_qnb li i {
  width: 40px;
  line-height: 40px;
  border-radius: 25px;
  background: #fff;
  text-align: center;
  margin: 0;
}
#hd_qnb .visit .visit-num {
  line-height: 18px;
  padding: 0 5px;
  border-radius: 10px;
  background: #f04e00;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
#hd_qnb li .fa-question {
  background: #e83a5f;
  font-size: 20px;
}
#hd_qnb li .fa-question:hover {
  background: #e41b45;
}
#hd_qnb li .fa-comments {
  background: #82c13f;
  font-size: 16px;
}
#hd_qnb li .fa-comments:hover {
  background: #5aa708;
}
#hd_qnb li .fa-users {
  background: #f0ba00;
  font-size: 15px;
}
#hd_qnb li .fa-users:hover {
  background: #f06f00;
}
#hd_qnb li .fa-history {
  background: #8522c4;
  font-size: 15px;
}
#hd_qnb li .fa-history:hover {
  background: #6700a9;
}
#gnb,
#gnb .gnb_wrap,
#hd_qnb li {
  position: relative;
}
#gnb .gnb_wrap {
  margin: 0 auto;
}
#gnb #gnb_1dul {
  font-size: 1.083em;
  padding: 0;
  background: #253dbe;
  zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#gnb .gnb_1dli {
  float: left;
  line-height: 50px;
  padding: 0 15px;
  position: relative;
}
#gnb .gnb_1dli:hover {
  background: #1a30a7;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.gnb_1dli .bg {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: url(../img/gnb_bg2.gif) no-repeat 50% 50%;
  text-indent: -999px;
}
.gnb_1da {
  font-weight: 700;
  text-decoration: none;
}
.gnb_2dli {
  border-top: 1px solid #253dbe;
}
.gnb_2dli:first-child {
  border: 0;
}
.gnb_2dul {
  display: none;
  position: absolute;
  top: 50px;
  min-width: 140px;
  background: #1a30a7;
  padding: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.gnb_2da {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  color: #c3cbf7;
  text-align: left;
  text-decoration: none;
}
a.gnb_2da:hover {
  background: #0e2080;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gnb_2da:focus,
.gnb_2da:hover {
  color: #fff;
}
.gnb_1dli_over .gnb_2dul {
  display: block;
  left: 0;
}
.gnb_1dli_over2 .gnb_2dul {
  display: block;
  right: 0;
}
.gnb_wrap .gnb_empty {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 2em;
  color: #fff;
}
.gnb_wrap .gnb_empty a {
  color: #fff;
  text-decoration: underline;
}
#gnb_all .gnb_al_li li a,
.gnb_wrap .gnb_al_ul .gnb_empty,
.gnb_wrap .gnb_al_ul .gnb_empty a {
  color: #555;
}
#gnb .gnb_close_btn,
#gnb .gnb_menu_btn {
  background: #4158d1;
  color: #fff;
  width: 50px;
  height: 50px;
  border: 0;
  vertical-align: top;
  font-size: 18px;
}
#gnb .gnb_close_btn {
  position: absolute;
  top: -50px;
  left: 0;
}
#gnb .gnb_mnal {
  padding: 0;
}
#gnb_all {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99;
}
#container:after,
#container_wr:after,
#gnb_all .gnb_al_ul:after,
.cke_sc_def dl:after,
.form_01 li:after,
.latest_wr:after,
.list_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#gnb_all .gnb_al_ul {
  background: #fff;
  border: 1px solid #4158d1;
  padding: 20px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#gnb_all .gnb_al_li {
  background: #fff;
  float: left;
  min-width: 20%;
  padding: 5px;
}
#gnb_all .gnb_al_li .gnb_al_a {
  font-size: 1.083em;
  padding: 10px;
  display: block;
  position: relative;
  margin-bottom: 10px;
  background: #eff1f9;
  border-bottom: 1px solid #dee2f1;
  font-weight: 700;
  color: #243071;
}
#gnb_all .gnb_al_li li {
  padding-left: 10px;
  line-height: 2em;
}
#gnb_all .gnb_al_li li i {
  color: #9ca6cc;
}
#container_wr {
  z-index: 5;
  margin: 0 auto;
  height: 100%;
  zoom: 1;
}
#aside {
  float: right;
  width: 305px;
  padding: 0;
  background: #e7ebf3;
  height: 100%;
  border: 1px solid #adbfd2;
  margin: 20px 0 20px 20px;
}
#container {
  z-index: 4;
  position: relative;
  float: left;
  min-height: 500px;
  height: auto !important;
  margin: 20px 0;
  font-size: 1em;
  width: 875px;
  zoom: 1;
}
#container_title {
  font-size: 1.333em;
  margin: 0 auto;
  font-weight: 700;
}
#container_title span {
  margin: 0 auto 10px;
  display: block;
  line-height: 30px;
}
.lt_wr {
  width: 49%;
}
.lt_wr:nth-child(2n + 1) {
  clear: both;
}
#ft,
#ft_wr {
  margin: 0 auto;
}
#ft {
  border-top: 1px solid #d5d5d5;
  background: #fff;
  padding-bottom: 30px;
  text-align: center;
}
#ft_wr {
  position: relative;
}
#ft_link {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
#ft_link a {
  display: inline-block;
  padding: 0 8px;
  line-height: 1.083em;
  font-weight: 700;
}
#ft_catch {
  margin: 20px 0 10px;
}
#ft_copy {
  color: #555;
  font-size: 0.92em;
}
#top_btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #333;
  color: #333;
  text-align: center;
  font-size: 15px;
  z-index: 90;
  background: rgba(255, 255, 255, 0.5);
}
#top_btn:hover {
  border-color: #3059c7;
  background: #3059c7;
  color: #fff;
}
#copymove .win_desc {
  text-align: center;
  display: block;
}
#copymove .tbl_wrap {
  margin: 20px;
}
#copymove .win_btn {
  padding: 0 20px 20px;
}
.copymove_current {
  float: right;
  background: #ff3061;
  padding: 5px;
  color: #fff;
  border-radius: 3px;
}
.copymove_currentbg {
  background: #f4f4f4;
}
#hd_login_msg {
  overflow: hidden;
}
#hd_login_msg,
#skip_to_container a,
.msg_sound_only,
.sound_only {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
}
.msg_sound_only,
.sound_only {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
#skip_to_container a {
  z-index: 100000;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip_to_container a:active,
#skip_to_container a:focus {
  width: 100%;
  height: 75px;
  background: #21272e;
  color: #fff;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  line-height: 3.3em;
}
.img_fix {
  width: 100%;
  height: auto;
}
#captcha {
  display: inline-block;
  position: relative;
}
#captcha #captcha_img {
  height: 40px;
  border: 1px solid #898989;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
#captcha #captcha_mp3,
#captcha #captcha_reload {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: 0 0;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  text-indent: -999px;
  border-radius: 3px;
}
#captcha #captcha_mp3 {
  background: url(../../../img/captcha2.png) no-repeat;
}
#captcha #captcha_reload {
  background: url(../../../img/captcha2.png) no-repeat 0-40px;
}
#captcha #captcha_key {
  margin: 0 0 0 3px;
  padding: 0 5px;
  width: 90px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 1.333em;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
  vertical-align: top;
}
#captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}
#captcha.m_captcha audio {
  display: block;
  margin: 0 0 5px;
  width: 187px;
}
#captcha.m_captcha #captcha_img {
  width: 160px;
  height: 60px;
  border: 1px solid #e9e9e9;
  margin-bottom: 3px;
  margin-top: 5px;
  display: block;
}
#captcha.m_captcha #captcha_reload {
  position: static;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: 0 0;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url(../../../img/captcha2.png) no-repeat 0-40px;
  text-indent: -999px;
}
#captcha.m_captcha #captcha_key {
  padding: 0 5px;
  width: 115px;
  height: 29px;
  border: 1px solid #b8c9c2;
  background: #f7f7f7;
  font-size: 1.333em;
  font-weight: 700;
  text-align: center;
  line-height: 29px;
  margin: 0 0 0 3px;
}
#captcha.m_captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}
#captcha.m_captcha #captcha_mp3 {
  width: 31px;
  height: 31px;
  background: url(../../../img/captcha2.png) no-repeat 0 0;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  border: 0;
}
.cke_sc {
  margin: 0 0 5px;
  text-align: right;
}
.btn_cke_sc {
  display: inline-block;
  padding: 0 10px;
  height: 23px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  line-height: 1.9em;
  vertical-align: middle;
  cursor: pointer;
}
.cke_sc_def {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  text-align: center;
}
.cke_sc_def dl {
  margin: 0 0 5px;
  text-align: left;
  zoom: 1;
}
.cke_sc_def dd,
.cke_sc_def dt {
  float: left;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
}
.cke_sc_def dt {
  width: 20%;
  font-weight: 700;
}
.cke_sc_def dd {
  width: 30%;
}
#bo_v_con ol,
#bo_v_con ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}
#bo_v_con ol {
  list-style-type: decimal;
}
#bo_v_con li {
  display: list-item;
}
.btn,
a.btn {
  line-height: 35px;
  height: 35px;
  padding: 0 10px;
  text-align: center;
  font-weight: 700;
  border: 0;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
a.btn01 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}
.btn02:hover,
a.btn01:focus,
a.btn01:hover,
a.btn02:focus {
  text-decoration: none;
}
button.btn01 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
}
a.btn02 {
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  vertical-align: middle;
}
a.btn02,
a.btn_cancel,
button.btn02,
button.btn_cancel {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
button.btn02 {
  margin: 0;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
}
.btn_confirm {
  text-align: right;
}
.btn_submit {
  background: #253dbe;
  color: #fff;
  cursor: pointer;
  border: 0;
}
.btn_submit:hover {
  background: #0025eb;
}
a.btn_cancel,
button.btn_cancel {
  background: #969696;
  vertical-align: middle;
}
.btn_cancel:hover {
  background: #aaa;
}
a.btn_frmline,
button.btn_frmline {
  display: inline-block;
  padding: 0 5px;
  height: 40px;
  border: 0;
  background: #3c3c3c;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  vertical-align: top;
}
button.btn_frmline {
  font-size: 1em;
}
.btn_b01,
a.btn_b01 {
  background: #4c4f6f;
  color: #fff;
}
.btn_b01:hover {
  background: #54598c;
}
.btn_b01,
.btn_b02,
.btn_b03,
a.btn_b01,
a.btn_b02,
a.btn_b03 {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.btn_b02,
a.btn_b02 {
  background: #253dbe;
  padding: 0 10px;
  color: #fff;
  border: 0;
}
.btn_b02:hover,
a.btn_b02:hover {
  background: #0025eb;
}
.btn_b03,
a.btn_b03 {
  background: #fff;
  border: 1px solid #b9bdd3;
  color: #646982;
}
.btn_b03:hover,
a.btn_b03:hover {
  background: #ebedf6;
}
.btn_b04,
.wr_content textarea,
a.btn_b04 {
  border: 1px solid #ccc;
  vertical-align: middle;
}
.btn_b04,
a.btn_b04 {
  display: inline-block;
  background: #fff;
  color: #707070;
  text-decoration: none;
}
.btn_b04:hover,
a.btn_b04:hover {
  color: #333;
  background: #f9f9f9;
}
.btn_admin,
a.btn_admin {
  display: inline-block;
  background: #d13f4a;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.btn_admin:hover,
a.btn_admin:hover {
  background: #ff3746;
}
.color_1 {
  background: #169dd6;
}
.color_2 {
  background: #14d53d;
}
.color_3 {
  background: #3814ff;
}
.color_4 {
  background: #7520c5;
}
.tbl_frm01 table,
.tbl_wrap table {
  width: 100%;
  border-collapse: collapse;
}
.tbl_wrap table {
  border-spacing: 0 5px;
  border: 1px solid #ccc;
}
.tbl_wrap caption {
  padding: 10px 0;
  font-weight: 700;
  text-align: left;
}
.form_01 h2,
.tbl_head01,
.tbl_head02 {
  margin: 0 0 10px;
}
.tbl_head01 caption,
.tbl_head02 caption {
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.tbl_head01 thead th {
  padding: 10px 0;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  height: 40px;
}
.tbl_head01 thead th input,
.tbl_head02 thead th input {
  vertical-align: top;
}
.tbl_head01 tfoot td,
.tbl_head01 tfoot th {
  padding: 10px 0;
  border-top: 1px solid #c1d1d5;
  border-bottom: 1px solid #c1d1d5;
  background: #d7e0e2;
  text-align: center;
}
.tbl_head01 tbody th {
  padding: 8px 0;
  border-bottom: 1px solid #e8e8e8;
}
.tbl_head01 td {
  color: #666;
  background: #fff;
  padding: 10px 5px;
  border-top: 1px solid #ecf0f1;
  line-height: 1.4em;
  height: 60px;
  word-break: break-all;
}
.tbl_head01 tbody tr:hover td {
  background: #fafafa;
}
.tbl_head01 a:hover {
  text-decoration: underline;
}
.tbl_head02 thead th {
  padding: 5px 0;
  border-top: 1px solid #d1dee2;
  border-bottom: 1px solid #d1dee2;
  background: #e5ecef;
  color: #383838;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em;
}
.tbl_head02 thead a {
  color: #383838;
}
.tbl_head02 tfoot td,
.tbl_head02 tfoot th {
  padding: 10px 0;
  border-top: 1px solid #c1d1d5;
  border-bottom: 1px solid #c1d1d5;
  background: #d7e0e2;
  text-align: center;
}
.tbl_head02 tbody th {
  padding: 5px 0;
  background: #fff;
}
.tbl_frm01 td,
.tbl_head02 tbody th,
.tbl_head02 td {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.tbl_head02 td {
  padding: 5px 3px;
  background: #fff;
  line-height: 1.4em;
  word-break: break-all;
}
.tbl_frm01 {
  margin: 0 0 20px;
}
.tbl_frm01 table {
  border-spacing: 0;
}
.tbl_frm01 th {
  width: 70px;
  padding: 7px 13px;
  border: 1px solid #e9e9e9;
  border-left: 0;
  background: #f5f8f9;
  text-align: left;
}
.tbl_frm01 td {
  padding: 7px 10px;
  background: 0 0;
}
.wr_content textarea {
  color: #000;
  padding: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.list_01 li,
.tbl_frm01 textarea,
.wr_content textarea {
  background: #fff;
  border-radius: 3px;
}
.form_01 textarea,
.frm_input,
.tbl_frm01 textarea {
  border: 1px solid #ccc;
  color: #000;
  vertical-align: middle;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form_01 textarea,
.frm_input {
  background: #fff;
  border-radius: 3px;
  padding: 5px;
}
.tbl_frm01 textarea {
  padding: 2px 2px 3px;
}
.frm_input {
  height: 40px;
}
.aside__link-kakao img,
.full_input {
  width: 100%;
}
.half_input {
  width: 49.5%;
}
.tbl_frm01 a {
  text-decoration: none;
}
.tbl_frm01 .frm_file {
  display: block;
  margin-bottom: 5px;
}
.tbl_frm01 .frm_info {
  display: block;
  padding: 0 0 5px;
  line-height: 1.4em;
}
.list_01 li {
  border: 1px solid #dbdbdb;
  margin: 3px 0;
  padding: 10px 15px;
  list-style: none;
  position: relative;
}
.list_01 li:hover {
  background: #f9f9f9;
}
.list_01 li.empty_li {
  text-align: center;
  padding: 20px 0;
  color: #666;
}
.form_01 h2 {
  font-size: 1.167em;
}
.form_01 li {
  margin: 10px 0;
}
.form_01 li .right_input {
  float: right;
}
.form_01 textarea,
.tbl_frm01 textarea,
.write_div textarea {
  height: 100px;
  width: 100%;
}
.form_01 .frm_label {
  display: inline-block;
  width: 130px;
}
.empty_list,
.empty_table {
  padding: 50px 0 !important;
  text-align: center;
}
.empty_list {
  padding: 20px 0 !important;
  color: #666;
}
.required,
textarea.required {
  background-image: url(../img/require.png) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}
.td_board,
.td_category,
.td_chk,
.td_date {
  width: 80px;
  text-align: center;
}
.td_chk,
.td_date {
  width: 30px;
}
.td_date {
  width: 60px;
}
.td_datetime,
.td_group {
  width: 110px;
  text-align: center;
}
.td_group {
  width: 80px;
}
.td_mb_id,
.td_mng {
  width: 100px;
  text-align: center;
}
.td_mng {
  width: 80px;
}
.td_name {
  width: 100px;
  text-align: left;
}
.td_nick,
.td_num {
  width: 100px;
  text-align: center;
}
.td_num {
  width: 50px;
}
.td_numbig,
.td_stat {
  width: 80px;
  text-align: center;
}
.td_stat {
  width: 60px;
}
.txt_active {
  color: #5d910b;
}
.txt_done {
  color: #e8180c;
}
.txt_expired {
  color: #ccc;
}
.txt_rdy {
  color: #8abc2a;
}
.new_win {
  position: relative;
}
.new_win .tbl_wrap {
  margin: 0 20px;
}
.new_win #win_title {
  font-size: 1.25em;
  height: 50px;
  line-height: 30px;
  padding: 10px 20px;
  background: #333;
  color: #fff;
}
.new_win #win_title .sv {
  font-size: 0.75em;
  line-height: 1.2em;
}
.new_win .win_ul {
  border-right: 1px solid #dfe6e7;
}
.new_win .btn_confirm:after,
.new_win .new_win_con:after,
.new_win .win_ul:after,
.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.new_win .win_ul li {
  float: left;
  background: #fff;
  width: 33.333%;
  text-align: center;
  border: 1px solid #ccc;
  margin-left: -1px;
}
.new_win .win_ul li a {
  display: block;
  padding: 10px 0;
}
.new_win .win_ul .selected {
  background: #fff;
  border-color: #253dbe;
  position: relative;
  z-index: 5;
}
.new_win .win_ul .selected a {
  color: #253dbe;
  font-weight: 700;
}
.new_win .win_desc {
  margin: 5px 0;
}
.new_win .frm_info,
.new_win .win_desc {
  font-size: 0.92em;
  color: #3598db;
}
.new_win .win_total {
  text-align: right;
  margin: 10px 0;
}
.new_win .win_total span,
.sv_wrap .sv a {
  display: inline-block;
  padding: 0 10px;
  line-height: 30px;
}
.new_win .win_total span {
  font-size: 0.92em;
  color: #4e546f;
  background: #d4d4d4;
  border-radius: 5px;
}
.new_win .new_win_con {
  margin: 20px;
}
.new_win .win_btn {
  text-align: right;
}
.new_win .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background: url(../img/close_btn.gif) no-repeat 50% 50%;
  border: 0;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
}
.new_win .btn_submit {
  padding: 0 20px;
  height: 40px;
  font-weight: 700;
  font-size: 1.083em;
  float: right;
}
.sch_word {
  color: #00c4ac;
}
#validation_check {
  margin: 100px auto;
  width: 500px;
}
#validation_check h1 {
  margin-bottom: 20px;
  font-size: 1.3em;
}
#validation_check p {
  margin-bottom: 20px;
  padding: 30px 20px;
  border: 1px solid #e9e9e9;
  background: #fff;
}
.sv_wrap {
  position: relative;
  font-weight: 400;
}
.sv_wrap .sv {
  z-index: 1000;
  display: none;
  margin: 5px 0 0;
  font-size: 0.92em;
  background: #333;
  -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.sv_wrap .sv:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #333;
}
.sv_wrap .sv a {
  margin: 0;
  width: 100px;
  font-weight: 400;
  color: #bbb;
}
.sv_wrap .sv a:hover {
  background: #000;
  color: #fff;
}
.sv_member {
  color: #333;
}
.sv_on {
  display: block !important;
  position: absolute;
  top: 23px;
  left: 0;
  width: auto;
  height: auto;
}
.sv_nojs .sv {
  display: block;
}
.pg_wrap {
  clear: both;
  margin: 30px 0;
  text-align: center;
}
.pg_page {
  display: inline-block;
}
.pg_current,
.pg_page {
  vertical-align: middle;
  background: #f3f3f3;
  border: 1px solid #bbbcc3;
}
.pg a:focus,
.pg a:hover {
  text-decoration: none;
}
.pg_page {
  color: #555;
  font-size: 1.083em;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  min-width: 30px;
  text-decoration: none;
  border-radius: 3px;
}
.pg_page:hover {
  background-color: #ddd;
}
.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url(../img/btn_first.gif) no-repeat 50% 50%#fff;
  padding: 0;
  border: 1px solid #bbb;
}
.pg_prev {
  background: url(../img/btn_prev.gif) no-repeat 50% 50%#fff;
}
.pg_end,
.pg_next,
.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #bbb;
}
.pg_end {
  background: url(../img/btn_end.gif) no-repeat 50% 50%#fff;
}
.pg_next {
  background: url(../img/btn_next.gif) no-repeat 50% 50%#fff;
}
.pg_end:hover,
.pg_next:hover,
.pg_prev:hover,
.pg_start:hover {
  background-color: #fafafa;
}
.pg_current {
  display: inline-block;
  background: #4c4f6f;
  color: #fff;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 1px 2px #222542;
  -moz-box-shadow: inset 1px 1px 2px #222542;
  box-shadow: inset 1px 1px 2px #222542;
}
.cheditor-popup-window *,
.cheditor-popup-window :after,
.cheditor-popup-window :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#device_change {
  display: block;
  margin: 0.3em;
  padding: 0.5em 0;
  border: 1px solid #eee;
  border-radius: 2em;
  background: #fff;
  color: #000;
  font-size: 2em;
  text-decoration: none;
  text-align: center;
}
.aside {
  z-index: 1000;
  position: fixed;
  right: 32px;
  bottom: 36px;
  display: flex;
  flex-direction: column;
}
.aside__link-kakao {
  margin-top: 12px;
  width: 48px;
  height: 48px;
}
.aside > button {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 100%;
  background-color: #000;
}
.aside > button > i {
  color: #fff;
  font-size: 16px;
}
.aside > button > span {
  display: block;
  color: #fff;
  font-family: Pretendard, sans-serif;
  font-size: 10px;
}
.l_bbs_view_raside {
  position: absolute;
  width: 160px;
  height: 100%;
  top: 120px;
  right: 50%;
  margin-right: -720px;
  z-index: 1;
}
.l_bbs_view_raside > div {
  position: fixed;
  bottom: 95px;
}
.l_bbs_view_raside > div .aside,
.l_bbs_view_raside > div .phone,
.l_bbs_view_raside > div .review,
.l_bbs_view_raside > div .share {
  position: static;
  margin-top: 10px;
}
.l_bbs_view_raside > div .phone > .no-sms-msg {
  position: absolute;
  bottom: 67px;
  right: 59px;
  height: 34px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  padding: 10px 14px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.05em;
  color: #fff;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.2));
  white-space: nowrap;
}
.l_bbs_view_raside > div .phone > .no-sms-msg:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.7);
  border-right: 0;
  margin-top: -5px;
  margin-right: -5px;
}
.l_bbs_view_raside > div .phone > .no-sms-msg > .button__close {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 12px;
  height: 12px;
  background-image: url(../img/mobile/x.png);
  background-size: 8px;
  background-position: center;
  background-color: #fff;
  border: 1px solid #5a5a5a;
  border-radius: 50%;
  cursor: pointer;
}
.l_bbs_view_raside > div .aside > button,
.l_bbs_view_raside > div .phone > button,
.l_bbs_view_raside > div .review > button,
.l_bbs_view_raside > div .share > button {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 100%;
  background-color: #000;
}
.l_bbs_view_raside > div .review > button {
  background: #fff;
}
.l_bbs_view_raside > div .phone > button,
.l_bbs_view_raside > div .share > button {
  background: #3976eb;
}
.l_bbs_view_raside > div .phone > button > .icon,
.l_bbs_view_raside > div .review > button > .icon,
.l_bbs_view_raside > div .share > button > .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
}
.l_bbs_view_raside > div .share > button > .icon.icon-share {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33337 13V21.6667C4.33337 22.2413 4.56165 22.7924 4.96798 23.1987C5.3743 23.6051 5.9254 23.8333 6.50004 23.8333H19.5C20.0747 23.8333 20.6258 23.6051 21.0321 23.1987C21.4384 22.7924 21.6667 22.2413 21.6667 21.6667V13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3333 6.49996L13 2.16663L8.66663 6.49996' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 2.16663V16.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.l_bbs_view_raside > div .phone > button > .icon.icon-phone {
  width: 24px;
  height: 24px;
  background-image: url(../img/phone.png);
  background-repeat: no-repeat;
}
.l_bbs_view_raside > div .review > button > .icon.icon-review {
  width: 50px;
  height: 50px;
  background-image: url(../img/review.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
}
.modal.show {
  top: 0;
  opacity: 1;
}
.modal.background {
  background: rgba(0, 0, 0, 0.3);
}
.modal .modal-dialog .modal-content {
  width: 100%;
  height: calc(100% - 0px);
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 20px;
  position: relative;
}
#share-modals .modal-body .modal-sns a span,
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #2b2b2b;
}
.modal .modal-dialog .modal-content .modal-header .btn__close {
  border: 0;
  background-color: transparent;
  padding: 0;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-header .btn__close::after,
.modal .modal-dialog .modal-content .modal-header .btn__close::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 24px;
  width: 2px;
  background-color: #000;
}
.modal .modal-dialog .modal-content .modal-header .btn__close::before {
  transform: rotate(45deg);
}
.modal .modal-dialog .modal-content .modal-header .btn__close::after {
  transform: rotate(-45deg);
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 50px 30px;
  text-align: center;
}
#call-modals .modal-body .card.card-body,
.modal .modal-dialog .modal-content .modal-body p {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #333;
}
#call-modals .modal-dialog {
  width: 430px;
}
#call-modals .modal-header .btn__close {
  display: block;
  position: absolute;
  right: 40px;
}
#call-modals .modal-body {
  padding: 50px 30px;
}
#call-modals .modal-body .modal-body-img {
  display: block;
  margin-bottom: 20px;
}
#call-modals .modal-body .modal-body-tt {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #333;
  margin-bottom: 40px;
}
#call-modals .modal-body .card {
  display: block;
  background: #fafafa;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  margin-bottom: 10px;
}
#call-modals .modal-body .card.card-body {
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #2b2b2b;
}
#call-modals .modal-body .card-tel {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #fff;
  height: 60px;
  background: #3976eb;
  border-radius: 4px;
}
#share-modals .modal-dialog {
  width: 490px;
}
#share-modals .modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
  border-bottom: solid 1px #d9d9d9;
  padding: 0;
}
#share-modals .modal-header .modal-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #2b2b2b;
  padding: 30px 0;
}
#share-modals .modal-header .btn__close {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 0;
}
#share-modals .modal-body {
  padding: 30px;
}
#share-modals .modal-body .modal-sns {
  display: flex;
  justify-content: center;
  align-items: center;
}
#share-modals .modal-body .modal-sns a {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 50px;
  height: 74px;
  margin: 0 20px;
}
#share-modals .modal-body .modal-sns a span {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  white-space: nowrap;
}
#share-modals .modal-body .modal-sns a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background-repeat: no-repeat;
}
#share-modals .modal-body .modal-sns a.btn__copy::before {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%232B2B2B'/%3E%3Cpath d='M23 26C23.4295 26.5741 23.9774 27.0491 24.6066 27.3929C25.2357 27.7367 25.9315 27.9411 26.6467 27.9923C27.3618 28.0435 28.0796 27.9403 28.7513 27.6897C29.4231 27.4392 30.0331 27.047 30.54 26.54L33.54 23.54C34.4508 22.597 34.9548 21.3339 34.9434 20.023C34.932 18.712 34.4061 17.4579 33.4791 16.5309C32.5521 15.6038 31.298 15.078 29.987 15.0666C28.676 15.0552 27.413 15.5592 26.47 16.47L24.75 18.18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27 24C26.5705 23.4259 26.0226 22.9508 25.3934 22.607C24.7642 22.2633 24.0684 22.0589 23.3533 22.0076C22.6382 21.9564 21.9204 22.0596 21.2486 22.3102C20.5769 22.5608 19.9668 22.9529 19.46 23.46L16.46 26.46C15.5492 27.403 15.0452 28.666 15.0566 29.977C15.068 31.288 15.5938 32.542 16.5209 33.4691C17.4479 34.3961 18.702 34.922 20.0129 34.9334C21.3239 34.9447 22.5869 34.4408 23.53 33.53L25.24 31.82' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#share-modals .modal-body .modal-sns a.btn__tweeter::before {
  background-image: url(../images/icon-tweeter.png);
}
#share-modals .modal-body .modal-sns a.btn__facebook::before {
  background-image: url(../images/icon-facebook.png);
}
#share-modals .modal-body .modal-sns a.btn__blog::before {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%235AB057'/%3E%3Cpath d='M17.1106 23.5946C16.5783 23.5946 16.146 24.0273 16.146 24.5603C16.146 25.0932 16.5783 25.5259 17.1106 25.5259C17.6429 25.5259 18.0752 25.0932 18.0752 24.5603C18.0752 24.0273 17.6429 23.5946 17.1106 23.5946Z' fill='white'/%3E%3Cpath d='M26.6339 25.5713C27.2073 25.5713 27.6722 25.106 27.6722 24.5319C27.6722 23.9579 27.2073 23.4925 26.6339 23.4925C26.0605 23.4925 25.5957 23.9579 25.5957 24.5319C25.5957 25.106 26.0605 25.5713 26.6339 25.5713Z' fill='white'/%3E%3Cpath d='M35.2548 14H14.7452C12.6763 14 11 15.6782 11 17.7494V29.9349C11 32.0061 12.6763 33.6843 14.7452 33.6843H21.9901L24.4535 39.4954C24.4535 39.4954 24.6234 40 25.033 40C25.4427 40 25.6126 39.4954 25.6126 39.4954L28.076 33.6843H35.2529C37.3218 33.6843 38.9981 32.0061 38.9981 29.9349V17.7494C38.9981 15.6782 37.3218 14 35.2529 14H35.2548ZM19.7966 24.7719C19.7853 27 17.4842 27.0624 17.4842 27.0624C16.5951 27.0624 16.093 26.4727 16.093 26.4727V26.8734H14.4186V19.9567C14.4186 19.9567 14.411 19.9548 14.4186 19.9529V19.9567C14.5224 19.9737 16.093 19.9529 16.093 19.9529V22.5986C16.4875 21.9259 17.6258 21.9372 17.6258 21.9372C20.1062 22.1678 19.7966 24.7719 19.7966 24.7719ZM22.7452 22.1489V26.8847H21.1048V22.1961C21.1048 21.5573 20.3138 21.3816 20.3138 21.3816V19.728C22.932 19.8338 22.7433 22.1489 22.7433 22.1489H22.7452ZM26.6319 27.0661C25.1142 27.0661 23.8834 25.9323 23.8834 24.5319C23.8834 23.1316 25.1142 21.9977 26.6319 21.9977C28.1496 21.9977 29.3804 23.1316 29.3804 24.5319C29.3804 25.9323 28.1496 27.0661 26.6319 27.0661ZM35.6154 27.0661C35.6154 27.0661 35.638 29.4719 33.1973 29.4719H32.4535V27.9128H32.9009C32.9009 27.9128 33.9278 28.0073 33.9146 26.4236C33.9146 26.4236 33.7145 27.0643 32.2742 27.0643C32.2742 27.0643 30.2336 26.9168 30.2336 24.9231V24.1672C30.2336 24.1672 30.2808 22.0997 32.5215 21.9353C32.5215 21.9353 33.4068 21.8408 33.9486 22.5741V22.0657H35.6116V27.0643L35.6154 27.0661Z' fill='white'/%3E%3Cpath d='M33.0103 25.5467C33.5701 25.5467 34.024 25.0924 34.024 24.5319C34.024 23.9714 33.5701 23.5171 33.0103 23.5171C32.4504 23.5171 31.9966 23.9714 31.9966 24.5319C31.9966 25.0924 32.4504 25.5467 33.0103 25.5467Z' fill='white'/%3E%3C/svg%3E");
}
#share-modals .modal-body .modal-sns a.btn__Kakaotalk::before {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23F6E44C'/%3E%3Cpath d='M24.9984 14C17.8189 14 12 18.4307 12 23.8965C12 27.4536 14.4667 30.5709 18.1668 32.315C17.8934 33.2933 17.182 35.8572 17.0391 36.4047C16.862 37.0868 17.2969 37.0778 17.5827 36.8953C17.8064 36.7517 21.143 34.5648 22.5845 33.6224C23.3674 33.7331 24.1721 33.7929 24.9984 33.7929C32.178 33.7929 37.9969 29.3623 37.9969 23.8965C37.9969 18.4307 32.178 14 24.9984 14Z' fill='%23381E1F'/%3E%3Cpath d='M15.9298 22.0745H17.2688C17.2688 22.0745 17.2781 25.6137 17.2688 26.4394C17.2688 27.0407 18.6606 27.0497 18.6575 26.4484L18.6637 22.1224C18.6637 22.1224 19.1111 22.1224 19.9965 22.1254C20.8291 22.1254 20.8291 20.8659 19.9965 20.8659C19.0583 20.8659 15.9267 20.842 15.9267 20.842C15.1407 20.842 15.1438 22.0775 15.9267 22.0775' fill='%23FAE100'/%3E%3Cpath d='M22.3356 22.3019L23.0813 24.5486H21.5279L22.3356 22.3019ZM21.4999 21.2488C21.1706 21.9459 19.9808 25.2457 19.5862 26.1193C19.3004 26.7505 20.5306 27.2681 20.8165 26.6338L21.0836 25.7334H23.5317C23.5317 25.7334 23.4478 25.7693 23.774 26.5979C24.0381 27.2651 25.3088 26.8044 25.0447 26.1342C24.6688 25.1769 23.3671 21.7365 23.131 21.2518C23.0222 21.0274 22.6308 20.8659 22.2487 20.8659C21.9349 20.8659 21.6273 20.9766 21.4968 21.2518' fill='%23FAE100'/%3E%3Cpath d='M25.514 21.4582C25.514 22.5801 25.5202 26.1911 25.5202 26.1911C25.5202 26.1911 25.4114 26.9091 26.0514 26.9091C26.6914 26.9091 28.1081 26.9031 28.7387 26.9031C29.3694 26.9031 29.3632 25.6137 28.7356 25.6137C28.1081 25.6137 26.9586 25.6077 26.9586 25.6077C26.9586 25.6077 26.9648 22.266 26.9617 21.4553C26.9617 21.0633 26.5982 20.8659 26.2378 20.8659C25.8774 20.8659 25.5109 21.0633 25.514 21.4582Z' fill='%23FAE100'/%3E%3Cpath d='M29.5341 21.2787C29.5465 21.7694 29.5186 26.215 29.5186 26.5441C29.5186 27.0646 30.8917 27.0617 30.8917 26.5441C30.8917 25.9398 30.8917 24.797 30.8917 24.797L31.2956 24.4858L33.0602 26.8044C33.4175 27.2561 34.539 26.4394 34.1817 25.9847L32.3084 23.6093C32.3084 23.6093 33.579 22.284 34.0823 21.8053C34.3743 21.5271 33.4703 20.6475 33.1783 20.9287C32.8955 21.198 30.9041 23.1186 30.9041 23.1186C30.9041 23.1186 30.9228 21.913 30.9041 21.2458C30.8979 20.9915 30.5748 20.8719 30.2455 20.8719C29.8914 20.8719 29.531 21.0125 29.5403 21.2817' fill='%23FAE100'/%3E%3C/svg%3E");
}
#share-modals .modal-body .modal-input {
  height: 30px;
  opacity: 0;
  overflow: hidden;
}
#share-modals .modal-body .btn__close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  background: #989898;
  border-radius: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #fff;
  border: 0;
}
