@charset "UTF-8";
html,
body {
  background-color: #fff;
  width: 100%;
}

button {
  border: 0;
  outline: 0;
  cursor: pointer;
}

li.cursor:hover {
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%),
    0 1px 3px 1px rgb(60 64 67 / 15%);
  z-index: 2;
  border-radius: 5px;
}

div.stop-dragging
{
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

a:visited div {
  color: #a0a0a0;
}

.inner {
  margin: 0 auto;
  max-width: 1200px;
}

.container {
  position: relative;
  min-width: 1200px;
  max-width: none !important;
  margin: 0 auto;
}

.container.full {
  padding: 0;
}

.header-mypage {
  width: 20px;
  position: relative;
  top: 3px;
}

.content__url {
  color: #4a25aa;
  margin-bottom: 10px;
  max-width: 100%;
  word-wrap: break-word;
}

.content__url:visited {
  color: #a0a0a0;
  margin-bottom: 10px;
}

.popup-wrap {
  border-radius: 5px;
}

.popup-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 509;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-overlay.dark {
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal {
  padding: 13px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  background-color: #fff;
  border-radius: 10px;
}

.modal .img_box {
  width: 318px;
  height: 243px;
}

.modal .img_box img {
  width: 100%;
  height: 100%;
}

.modal .bottom_box {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin-top: 13px;
}

.modal .bottom_box .close {
  display: flex;
  align-items: center;
}

.modal .bottom_box .close img {
  width: 20px;
}

.txt-box p {
  word-break: break-word;
}

/*이벤트페이지*/
.scroll_none::-webkit-scrollbar {
  display: none;
}

.curation-detail-recommend .keyword {
  background-color: #e6e6e6;
  color: #666;
  border-radius: 5px;
  padding: 6px 10px;
  margin-right: 5px;
}

.hot_curation {
  width: 270px;
  margin-bottom: 50px;
}

.hot_curation .title {
  font-size: 20px;
  line-height: 30px;
  width: 100%;
  position: relative;
  display: flex;
}

.curation-detail .hot_curation .title {
  font-size: 20px;
}

.hot_curation .content {
  width: 100%;
  height: 290px;
}

/*tab css*/
.tab {
  width: 100%;
  height: 290px;
  margin-top: 18px;
}

.tong__wrap .event__box {
  width: 350px;
  height: 50px;
  display: inline-block;
  margin-left: 420px;
  margin-bottom: 20px;
  border: 1px solid #333;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  padding-top: 5px;
}

.tong__wrap .event__box .img-box {
  vertical-align: center;
  padding: 9px 5px 5px 10px;
  float: left;
}

.tong__wrap .event__box .img-box img {
  width: 18px;
  height: 18px;
}

.tong__wrap .info-box {
  font-size: 16px;
  width: 300px;
  padding-top: 10px;
}

.tong__wrap .info-box .mid_box {
  font-weight: 400;
  float: left;
  margin-left: 5px;
  color: #666;
  font-size: 16px;
}

.tong__wrap .info-box .mid_box .accent {
  color: #4a25aa;
}

.tong__wrap .info-box .con_box {
  font-weight: 700;
  float: right;
}

.tong__wrap .info-box .con_box .accent {
  color: #4a25aa;
}

footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  background-color: #333;
}

footer .footer__wrap_2 {
  height: 200px;
  position: relative;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

footer .footer__wrap_2 .top {
  margin-top: 30px;
  line-height: 20px;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

footer .footer__wrap_2 .top .left{
  display: flex;
  flex-direction: column;
}

footer .footer__wrap_2 .top .left img{
  width: 150px;
}

footer .footer__wrap_2 .top .left .txt{
  color: #fff;
  font-size: 14px;
  margin: 10px 0 20px 0;
}

footer .footer__wrap_2 .top .right {
  color: #AEAEAE;
  font-size: 14px;
  display: flex;
}

footer .footer__wrap_2 .top .right div.box{
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  line-height: 28px;
}

footer .footer__wrap_2 .top .right div.box.address{
  width: 310px;
}

footer .footer__wrap_2 .top .right div.box.address .address_wrapper{
  display: flex;
}

footer .footer__wrap_2 .top .right div.box.address .address_wrapper .title{
  white-space: nowrap;
}

footer .footer__wrap_2 .top .right div.box.address .address_wrapper .value{
  margin-left: 4px;
}

footer .footer__wrap_2 .top .right div.box b{
  color: #DEDEDE;
  font-weight: 400;
}

footer .footer__wrap_2 .bottom {
  margin-top: 20px;
}

footer .footer__wrap_2 .bottom .footer__menu {
  float: right;
  font-size: 13px;
  color: #AEAEAE;
  margin-top: -14px;
  display: flex;
}

footer .footer__wrap_2 .bottom .footer__menu a {
  margin-left: 30px;
  cursor: pointer;
}

footer .footer__wrap_2 .bottom .footer_copyright {
  color: #AEAEAE;
  font-size: 14px;
}

footer .footer__wrap_2 .bottom .footer_copyright span{
  color: #fff;
  background-color:  rgba(19, 19, 19, 0.34);
  padding: 2px 5px;
  border-radius: 5px;
  margin-left: 10px;
}

section.my__home .my__home__menu {
  padding-top: 21.5px;
  display: flex;
  justify-content: space-between;
}

section.my__home .set__table table {
  border-bottom: 1.3px solid #ededed;
  margin: 0;
}

section.my__home .my__home__menu .menu-btn {
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  background-color: #ccc;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.42px;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

section.my__home .my__home__menu .menu-btn:hover {
  background-color: #c2c2c2;
}

section.my__home .my__home__menu .menu-btn:first-child {
  background-color: #333;
}

section.my__home .my__home__menu .menu-btn:first-child:hover {
  background-color: #000;
}

section.my__home .my__home__menu .menu-btn.type1 {
  background-color: #4a25aa;
}

article.set__table table th {
  width: 145px;
  height: 40px;
  padding: 0 10px;
  text-align: left;
  font-size: 14px;
  letter-spacing: -0.42px;
  background-color: #f5f5f5;
  font-weight: 400;
  border-bottom: 1px solid #ededed;
}

article.set__table table th.accent {
  color: #666;
}

article.set__table table th.accent_all {
  color: #fff;
  background-color: #4a25aa;
}

article.set__table table td {
  height: 40px;
  padding: 0 10px;
  text-align: left;
  font-size: 14px;
  letter-spacing: -0.42px;
  border-bottom: 1px solid #ededed;
}

article.set__table table td.accent {
  color: #4a25aa;
  width: 780px;
}

article.set__table table td.first {
  color: #4a25aa;
}

article.set__table table td .set-btn {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 6px;
  border: 1px solid #ccc;
  outline: none;
  background-color: white;
  cursor: pointer;
  margin-left: 10px;
  border-radius: 3px;
}

article.set__table table td .set-btn:hover {
  background-color: #fafafa;
}

article.set__table table td .seoulDA-set-btn {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 22px;
  border: 1px solid #ccc;
  outline: none;
  background-color: #0c4ca3;
  cursor: pointer;
  margin-left: 10px;
  border-radius: 3px;
}

article.set__table table td .seoulDA-set-btn-grey {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 22px;
  border: 1px solid #ccc;
  outline: none;
  background-color: #aeaeae;
  margin-left: 10px;
  border-radius: 3px;
}

article.set__table table td .set-btn.pwd {
  margin-left: 0px;
}

article.set__table table td .seoulDA-set-btn.branch {
  margin-left: 0px;
}
article.set__table table td .seoulDA-set-btn-grey.branch {
  margin-left: 0px;
}

article.set__table table td .set-btn .ic-update {
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ico-refresh-01.svg") no-repeat center/cover;
  width: 16px;
  height: 15px;
}

article.set__table table td .set-btn .txt {
  padding-left: 3px;
  font-size: 10px;
  letter-spacing: -0.3px;
  display: inline-block;
  vertical-align: middle;
}

article.set__table table td .seoulDA-set-btn .txt {
  padding-left: 3px;
  font-size: 10px;
  letter-spacing: -0.3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

article.set__table table td .seoulDA-set-btn-grey .txt {
  padding-left: 3px;
  font-size: 10px;
  letter-spacing: -0.3px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

article.set__table table td .text {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: #9f9f9f;
  margin-left: 8px;
}

article.set__table table td .flex {
  display: flex;
  align-items: center;
}

article.set__table table td span.share {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.36px;
  color: #4a25aa;
  margin-left: 2px;
  cursor: pointer;
}

section.board__reg .left-menu-box {
  margin-right: 10px;
}

section.board__reg .reg__top__box .topic-box {
  margin: 50px 0 32px;
}

section.board__reg .reg__top__box .topic-box .sbox {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  border-radius: 5px;
  background-color: #fff;
}

section.board__reg .reg__top__box .tit-box input {
  padding-left: 15px;
}

section.board__reg .reg__top__box .tit-box input {
  font-size: 22px;
  width: 100%;
  border: 1px solid #ccc;
  padding: 12px 15px;
  border-radius: 5px;
}

section.board__reg .reg__top__box .row-list {
  padding-top: 50px;
  padding-bottom: 10px;
}

section.board__reg .reg__top__box .row-list .row .location-box .item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

section.board__reg .reg__top__box .row-list .row .location-box .item .select-btn {
  font-size: 14px;
  letter-spacing: -0.42px;
  color: #666666;
  width: 300px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  height: 42px;
  border: 1px solid #ccc;
  background: url("../img/ic_bottom_arrow.svg") no-repeat right 12px top 17px;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
}

section.region__choice {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  position: absolute;
  left: 0px;
  width: 360px;
  top: 65px;
  font-size: 0;
  z-index: 5;
  height: 548px;
  overflow: hidden;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth1__box {
  display: inline-block;
  vertical-align: top;
  width: 126px;
  overflow-y: auto;
  height: 100%;
  background-color: #f5f5f5;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth1__box
  ul {
  white-space: nowrap;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth1__box
  ul
  li
  button {
  display: flex;
  height: 45px;
  align-items: center;
  padding: 0 16px;
  width: 100%;
  font-size: 12px;
  letter-spacing: -0.36px;
  color: #666666;
  outline: none;
  border: none;
  cursor: pointer;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth1__box
  ul
  li
  button.on {
  background: #fff url("../img/ic_right_arrow.svg") no-repeat right 9px center;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth2__box {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 126px);
  border-left: 1px solid #ededed;
  overflow-y: auto;
  height: 100%;
  background-color: #fff;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth2__box
  ul {
  white-space: nowrap;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth2__box
  ul
  li
  button {
  display: flex;
  height: 45px;
  align-items: center;
  padding: 0 16px;
  width: 100%;
  font-size: 12px;
  letter-spacing: -0.36px;
  color: #666666;
  border-bottom: 1px solid #ededed;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: white;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth2__box
  ul
  li
  button.on {
  color: #4a25aa;
  background: url("../img/ic_input_chk2.svg") no-repeat right 18px center;
}

section.board__reg
  .reg__top__box
  .row-list
  .row
  .location-box
  .item
  section.region__choice
  .depth2__box
  ul
  li
  button.all {
  color: #4a25aa;
}

section.board__reg .reg__top__box .row-list .row .location-box input {
  width: 300px;
  height: 42px;
  font-weight: 400;
}

section.board__reg .reg__top__box .row-list .row .location-box input::placeholder {
  color: #666666;
}

section.board__reg .reg__top__box .row-list .row .location-box .unit {
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 29px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}

section.board__reg .reg__top__box .row-list .row .sum-box {
  font-size: 0;
}

section.board__reg .reg__top__box .row-list .row .sum-box .item {
  display: inline-block;
  vertical-align: middle;
}

section.board__reg .reg__top__box .row-list .row .sum-box .item + .item {
  margin-left: 52px;
}

section.board__reg .reg__top__box .row-list .row .sum-box .item input {
  width: 300px;
}

section.board__reg .reg__top__box .row-list .row .sum-box .item .unit {
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 29px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}

section.board__reg .reg__top__box .row-list .row .sum-box .item .sum-txt {
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 20px;
  color: #4a25aa;
}

section.board__reg .reg__top__box .row-list .row .addr-box {
  margin: 30px 0;
}

section.board__reg .reg__top__box .row-list .row .addr-box .datetime__input{
  box-shadow: 0px 0px 1px rgb(0 0 0 / 6%), 0px 1px 3px rgb(0 0 0 / 12%);
  padding: 10px;
  border-radius: 5px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .datetime__input input{
  color: #666;
}

section.board__reg .reg__top__box .row-list .row .addr-box .salary-info input {
  width: 200px;
  text-align: end;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-info-txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  color: #666666;
  padding-bottom: 18px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-txt {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.42px;
  color: #666666;
  width: 150px;
  padding-top: 10px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box {
  display: flex;
  align-items: center;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box .textarea-box {
  display: inline-flex;
  letter-spacing: -0.42px;
  width: 900px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box .textarea-box textarea {
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 6%), 0px 1px 3px rgb(0 0 0 / 12%);
  resize: none;
    outline: none;
    padding: 15px 18px;
    font-size: 14px;
    width: 100%;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box button{
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 10px;
  font-size: 15px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box button:hover{
  background-color: #fafafa;

}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box button.clicked{
  background-color: #edeaff;
  color: #4a25aa;
  border-color: #4a25aa;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box + .addr-row-box {
  margin-top: 17px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box input {
  height: 38px;
  display: inline-flex;
  padding: 0 15px;
  font-size: 15px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.12);
  letter-spacing: -0.42px;
  border-radius: 5px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box input:focus {
  border: 1px solid #4a25aa;
}

section.board__reg .reg__top__box .row-list .row .addr-box {
  margin: 30px 0;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-info-txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  color: #666666;
  padding-bottom: 18px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box2 {
  display: inline-block;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box2 input {
  height: 42px;
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  border: 1px solid #ccc;
  letter-spacing: -0.42px;
  border-radius: 5px;
}

section.board__reg .reg__top__box .row-list .row .addr-box .addr-row-box .post-btn {
  width: 75px;
  margin-left: 13px;
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #4a25aa;
  font-size: 14px;
  color: #666666;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
}

section.board__reg .reg__mid__box {
  margin: 16px 0;
}

section.board__reg .reg__mid__box textarea {
  resize: none;
  outline: none;
  border: 1px solid #ccc;
  height: 617px;
  padding: 12px 15px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.42px;
  width: 100%;
  overflow-y: auto;
  border-radius: 5px;
}

section.board__reg .reg__mid__box textarea::placeholder {
  color: #666666;
}

section.board__reg .reg__bottom__box .photo-btn-box {
  font-size: 0;
}

section.board__reg .reg__bottom__box .photo-btn-box .photo-upload-btn {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #666666;
  height: 33px;
  width: 100px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
}

section.board__reg .reg__bottom__box .photo-btn-box .photo-upload-btn:hover {
  background-color: #fafafa;
}

section.board__reg .reg__bottom__box .photo-btn-box .photo-upload-btn .ic-photo {
  background: url("../img/ic_photo.svg") no-repeat center/cover;
  width: 15px;
  height: 12px;
}

section.board__reg .ico-attachment {
  background: url("../img/ico-attachment.svg") no-repeat center/cover;
  width: 15px;
  height: 12px;
}

section.board__reg .ic_mark {
  background: url("../img/ic_input_chk.svg") no-repeat center/cover;
  width: 15px;
  height: 12px;
}

section.board__reg .reg__bottom__box .photo-btn-box .photo-upload-btn .txt {
  padding-left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  letter-spacing: -0.42px;
}

section.board__reg .reg__bottom__box .photo-btn-box .info-txt {
  display: inline-flex;
  height: 38px;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  color: #666666;
  vertical-align: top;
  padding-left: 8px;
}

section.board__reg .reg__bottom__box .preview-list {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}

section.board__reg .reg__bottom__box .preview-list .preview-box {
  margin-top: 18px;
  display: inline-flex;
  position: relative;
}

section.board__reg .reg__bottom__box .preview-list .preview-box img {
  height: 110px;
  max-width: 300px;
}

section.board__reg .reg__bottom__box .preview-list .preview-box .remove-btn {
  background: url("../img/ic_photo_remove.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
  margin-left: 3px;
  margin-right: 10px;
  z-index: 1;
}

section.board__reg .reg__bottom__box .preview-list .preview-box + .preview-box {
  margin-left: 10px;
}

section.board__reg .reg__menu__box {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

section.board__reg .reg__menu__box .menu-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.42px;
  width: 84px;
}

section.board__reg .reg__menu__box .menu-btn + .menu-btn {
  margin-left: 8px;
}

section.board__reg .reg__menu__box .menu-btn.type1 {
  background-color: #ccc;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

section.board__reg .reg__menu__box .menu-btn.type1:hover {
  background-color: #bababa;
}

section.board__reg .reg__menu__box .menu-btn.type2 {
  background-color: #333;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

section.board__reg .reg__menu__box .menu-btn.type2:hover {
  background-color: #000;
}

.osstem-container article.section__tit__box,
.megagen-container article.section__tit__box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.osstem-container article.section__tit__box .tit-box:nth-child(2),
.megagen-container article.section__tit__box .tit-box:nth-child(2) {
  width: 500px;
}

.osstem-container article.section__tit__box .tit-box:nth-child(2) > div,
.megagen-container article.section__tit__box .tit-box:nth-child(2) > div {
  width: 100%;
}

article.section__tit__box {
  width: 100%;
}

article.section__tit__box__3 {
  width: 100%;
  padding-bottom: 8px;
}

article.section__tit__box__3 .tit-box {
  width: 99%;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  color: #333;
  -webkit-animation: fadeindown 1s;
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.swiper__button__box {
  width: 30px;
  height: 19px;
  object-fit: contain;
  background-color: #ccc;
  display: flex;
  justify-content: space-evenly;
  border-radius: 2px;
}

.swiper__button__box .swiper-button-next1 {
  cursor: pointer;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper__button__box .swiper-button-prev1 {
  cursor: pointer;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

article.section__tit__box__3 .rank__box {
  width: 99%;
  height: 140px;
  padding: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px;
  margin: 10px 0;
}

article.section__tit__box__3 .rank__box .ranker {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 33%;
}

article.section__tit__box__3 .rank__box .ranker:nth-child(even) {
  border-top: solid 1px #ededed;
  border-bottom: solid 1px #ededed;
}

article.section__tit__box__3 .rank__box .ranker .nick {
  font-size: 15px;
  color: #666;
  display: flex;
  align-items: center;
  font-weight: 400;
}

article.section__tit__box__3 .rank__box .ranker .nick:hover{
  color: #4a25aa;
}

article.section__tit__box__3 .rank__box .ranker .nick .rank_img {
  width: 20px;
  margin-right: 5px;
  -webkit-animation: fadein 3s;
}

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

article.section__tit__box__3 .rank__box .ranker .point {
  font-size: 16px;
  color: #4a25aa;
  display: flex;
  align-items: center;
}

article.section__tit__box__3 .info__box {
  width: 99%;
  height: 126px;
  padding: 14px;
  border-radius: 5px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

article.section__tit__box__3 .info__box:hover{
  box-shadow: 0px 3px 3px #00000022;

}

article.section__tit__box__3 .info__box .nick {
  font-size: 16px;
  font-weight: 700;
}

article.section__tit__box__3 .info__box .nick .rank {
  font-size: 16px;
  font-weight: 600;
  margin-left: 6px;
  color: #4a25aa;
}

article.section__tit__box__3 .info__box .selected {
  font-size: 16px;
  margin-right: 6px;
  color: #666;
}

article.section__tit__box__3 .info__box .selected b {
  font-weight: 500;
}

article.section__tit__box__3 .point__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 41px;
  padding: 13px 12px 12px 12px;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
  cursor: pointer;
}

article.section__tit__box__3 .point__box img {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  position: relative;
}

article.section__tit__box__3 .info__box .point__box .point {
  font-weight: 500;
  color: #4a25aa;
}

.explain {
  font-size: 14px;
  color: #666;
  padding-top: 12px;
  padding-bottom: 10px;
}

.explain2_seminar {
  font-size: 15px;
  color: #666;
  position: relative;
  top: -25px;
  display: inline;
}

article.section__tit__box.border-type2 {
  border-color: #333;
}

article.section__tit__box.border-type2 img {
  position: absolute;
  right: 0;
  margin-top: 27px;
}

article.section__tit__box .tit-box {
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
}

article.section__tit__box .box-flex {
  width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

article.section__tit__box .tit-box .tit-txt {
  line-height: 26px;
  font-size: 20px;
  letter-spacing: -0.54px;
  font-weight: 600;
  margin-right: 6.5px;
  -webkit-animation: fadeindown 1s;
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

article.section__tit__box__3 .tit-box .tit-txt {
  line-height: 26px;
  font-size: 20px;
  letter-spacing: -0.54px;
  color: #333;
  font-weight: 600;
  -webkit-animation: fadeindown 1s;
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

article.section__tit__box .tit-box .info-txt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  color: #4a25aa;
}

article.section__tit__box .tit-box .menu-box {
  position: absolute;
  right: 450px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

article.section__tit__box .tit-box .menu-box.modify {
  right: 0;
}

article.section__tit__box .tit-box .menu-box .scrap-box {
  display: inline-block;
  vertical-align: middle;
}

article.section__tit__box .tit-box .menu-box .scrap-box .scrap-mark {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ic_scrap.svg") no-repeat center/cover;
  outline: none;
  border: none;
  cursor: pointer;
}

article.section__tit__box .tit-box .menu-box .scrap-box .scrap-mark.on {
  background: url("../img/ic_scrap_on.svg") no-repeat center/cover;
}

article.section__tit__box .tit-box .menu-box .report-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

article.section__tit__box .tit-box .menu-box .report-box .report-btn {
  font-size: 13px;
  line-height: 20px;
  color: #666;
  background-color: #f5f5f5;
  letter-spacing: -0.7px;
  border: none;
  cursor: pointer;
  padding: 2px 8px;
  font-weight: 500;
  border-radius: 3px;
}

article.section__tit__box .tit-box .menu-box .report-box .report-btn:hover {
  background-color: #ebebeb;
}

article.section__tit__box .tit-box .menu-box .report-box:last-child .report-btn {
  background: url("../img/ico-delete.svg") no-repeat right 6px bottom 4px/15px, #f5f5f5;
  padding-right: 25px;
}

article.section__tit__box .tit-box .menu-box .report-box:last-child .report-btn:hover {
  background-color: #ebebeb;
}

article.section__tit__box .tit-box .menu-box .rewrite-box .rewrite-btn {
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  letter-spacing: -0.7px;
}

article.section__tit__box .tit-box .more-txt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 18px;
  font-size: 14px;
  letter-spacing: -0.36px;
  color: #666666;
}

article.section__tit__box .tit-box .more-txt:hover {
  text-decoration: underline;
}

article.section__tit__box2 {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 2px solid #4a25aa;
}

article.section__tit__box2.border-type1 {
  border-color: #ededed;
  padding-top: 10px;
}

article.section__tit__box2.border-none {
  border: none;
}

article.section__tit__box2 .tit-box {
  display: flex;
  position: relative;
  font-size: 0;
}

/*등급제*/
.grade-inner {
  margin-top: 20px;
  display: flex;
}

.grade-inner .grade-box__wrapper {
  border: 1px solid #f5f5f6;
  border-radius: 5px;
  width: 317px;
  height: 126px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f5f5f6;
  margin-right: 3%;
}

.grade-inner .grade-box__wrapper:last-child {
  margin: 0;
}

.grade-inner .grade-box__wrapper.my-grade-box__wrapper {
  background-color: #fff;
}

.grade-inner .grade-box__wrapper .grade-info {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  flex-basis: 50%;
  position: relative;
}

.grade-inner .grade-box__wrapper .grade-info .detail-info {
  position: absolute;
  bottom: 10%;
  color: #666;
  font-weight: 500;
}

.grade-inner .grade-box__wrapper .grade-info .name {
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px;
  height: 30px;
}

.grade-inner .grade-box__wrapper .grade-info .profile {
  width: 52px;
  height: 52px;
}

.grade-inner .grade-box__wrapper .grade-info .level_number {
  position: absolute;
  width: 13px;
  height: 12px;
  top: 10px;
  right: 10px;
  font-size: 9px;
  color: #fff;
  text-align: center;
}

.grade-inner .grade-box__wrapper .grade-info .detail-info b {
  color: #333;
}

.grade-inner .grade-box__wrapper .grade-info .name .level {
  color: #4a254a;
}

.grade-inner .grade-box__wrapper .point-info {
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  cursor: pointer;
}

.grade-inner .grade-box__wrapper.my-grade-box__wrapper .point-info {
  border: 1px solid #4a25aa;
  background-color: #f3f2fd;
}

.grade-inner .grade-box__wrapper .point-info .point__wrapper {
  color: #4a25aa;
  display: flex;
  cursor: pointer;
}

.grade-inner .grade-box__wrapper .point-info .point__wrapper img {
  margin-left: 10px;
  width: 21px;
}

.grade-inner .my-grade .name {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px;
}

.grade-info span {
  margin-right: 10px;
}

.grade-progress .item p {
  overflow: hidden;
  margin-bottom: 0;
}

.grade-progress {
  margin-top: 20px;
}

.grade-progress .item p span:nth-child(1) {
  float: left;
  font-size: 13px;
  margin-bottom: 5px;
  color: #666;
}
.grade-progress .item p span:nth-child(2) {
  float: right;
  font-size: 13px;
  margin-right: 506px;
  margin-bottom: 5px;
  color: #666;
}

.grade-progress .progress {
  border: 1px solid #4a25aa;
  padding: 5px;
  border-radius: 3px;
  width: 500px;
}
.grade-progress .progress .progress-level {
  animation-name: ani;
  animation-duration: 1s;
  height: 10px;
  background: linear-gradient(to right, #4a25aa, #1408ef);
}

@keyframes ani {
  0% {
    width: 0;
  }
}

.alarm_popup {
  background-color: #fff;
  width: 322px;
  box-shadow: 0px 3px 6px #00000022;
  position: absolute;
  top: 70px;
  z-index: 2;
  right: 15px;
  border-radius: 10px;
  -webkit-animation: fadepopup 0.4s;
}
@-webkit-keyframes fadepopup {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.alarm_popup .tri {
  width: 0px;
  height: 0px;
  border-top: 15px solid none;
  border-bottom: 15px solid #f5f5f5;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  margin-left: 242px;
  margin-top: -15px;
}

.alarm_popup .top {
  text-align: center;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  color: #666;
  border-bottom: 1px solid #333;
}

.alarm_popup .top .purple {
  color: #4a25aa;
}

.alarm_popup .middle {
  max-height: 370px;
  overflow-y: scroll;
}

.alarm_popup .middle::-webkit-scrollbar {
  display: none;
}

.alarm_popup .middle ul li {
  padding: 15px 10px;
  border-bottom: 1px solid #ededed;
  border-left: 5px solid transparent;
}

.alarm_popup .middle ul li.unread {
  border-left: 5px solid #4a25aa;
}

.alarm_popup .middle ul li:hover {
  background-color: #fafafa;
}

.alarm_popup .middle ul li .text {
  font-size: 14px;
  margin-left: 10px;
  line-height: 18px;
  text-align: left;
}
.alarm_popup .middle ul li .text .bold {
  font-weight: 600;
}
.alarm_popup .middle ul li .text .purple {
  color: #4a25aa;
}

.alarm_popup .middle ul li .text .link {
  color: #4a25aa;
}

.alarm_popup .middle ul li .alarm_box {
  display: flex;
}
.alarm_popup .middle ul li .alarm_box .state {
  margin-top: 5px;
}
.alarm_popup .middle ul li .alarm_box .time_check {
  color: #bfbfbf;
  margin-left: 5px;
}
.alarm_popup .bottom {
  text-align: center;
  padding: 12px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  border-radius: 0px 0px 10px 10px;
  border-top: 1px solid #ccc;
}

.alarm_popup .bottom:hover {
  color: #4a25aa;
  background-color: #edeaff;
}

/*알림내역*/
article.alarm__list .list__wrap ul li {
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
  z-index: 1;
}

article.alarm__list .list__wrap ul li.received {
  padding: 10px;
  border-left: 5px solid #4a25aa;
}

article.alarm__list .list__wrap ul li:hover {
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  z-index: 2;
  border-radius: 5px;
}

article.alarm__list .list__wrap ul li .alarm_box {
  display: flex;
}
article.alarm__list .list__wrap ul li .alarm_box .state {
  float: left;
  margin-top: 5px;
}

article.alarm__list .list__wrap ul li .alarm_box .text {
  margin-left: 20px;
}

article.alarm__list .list__wrap ul li .alarm_box .text .des .bold {
  font-weight: 600;
}

article.alarm__list .list__wrap ul li .alarm_box .text .des .link {
  color: #4a25aa;
}

article.alarm__list .list__wrap ul li .alarm_box .text .des .purple {
  color: #4a25aa;
}

article.alarm__list .list__wrap ul li .alarm_box .text .des {
  font-size: 14px;
  line-height: 35px;
}

article.alarm__list .list__wrap ul li .alarm_box .text .time_check {
  font-size: 14px;
  line-height: 18px;
  color: #bfbfbf;
  margin-left: 10px;
}

/*등급제*/
section.lnb__layout ul.grade__list {
  font-size: 14px;
}

section.lnb__layout ul.grade__list li {
  padding: 17px 0;
  border-bottom: 1px solid #ededed;
}

section.lnb__layout ul.grade__list li:last-child {
  border-color: #666;
}

section.lnb__layout ul.grade__list li.minus {
  color: #ccc;
}

section.lnb__layout ul.grade__list li .date {
  font-size: 12px;
  color: #ccc;
  margin-bottom: 14px;
}

section.lnb__layout ul.grade__list li .txt-box .point {
  color: #4a25aa;
  margin-left: 8px;
}

section.lnb__layout ul.grade__list li.minus .txt-box .point {
  color: #fd8585;
}

article.section__tit__box2 .tit-box .tit-txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  font-size: 16px;
  letter-spacing: -0.42px;
  color: #333;
  font-weight: 500;
}

article.section__tit__box2 .tit-box .tit-txt span.purple {
  color: #4a25aa;
}

article.section__tit__box2 .tit-box .tab-name {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}

article.section__tit__box2 .tit-box .tab-name.selected {
  background: #fff;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  font-weight: 700;
}

article.section__tit__box2 .reg__top__box .row-list .row .abox {
  float: right;
  position: relative;
  top: -34px;
  border-radius: 5px;
}

article.section__tit__box2 .tit-box .sub-txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  font-size: 12px;
  color: #666666;
  letter-spacing: -0.36px;
  padding-left: 10px;
}

article.section__tit__box2 .tit-box .set-btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("../img/ic_set.svg") no-repeat center/cover;
}

article.section__tit__box2 .tit-box .menu-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

article.section__tit__box2 .tit-box .menu-box .scrap-box {
  display: inline-block;
  vertical-align: middle;
}

article.section__tit__box2 .tit-box .menu-box .scrap-box .scrap-mark {
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ic_scrap.svg") no-repeat center/cover;
  outline: none;
  border: none;
  cursor: pointer;
}

article.section__tit__box2 .tit-box .menu-box .scrap-box .scrap-mark.on {
  background: url("../img/ic_scrap_on.svg") no-repeat center/cover;
}

article.section__tit__box2 .tit-box .menu-box .report-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

article.section__tit__box2 .tit-box .menu-box .report-box .report-btn {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  letter-spacing: -0.7px;
  outline: none;
  border: none;
  cursor: pointer;
}

article.section__tit__box2 .tit-box .more-txt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 18px;
  font-size: 12px;
  letter-spacing: -0.36px;
  color: #666666;
}

.wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

/*왼쪽*/
.wrapper .container_box-left {
  float: left;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  margin-top: 95px;
  z-index: 1;
}

.container_box-left .seminar_sch {
  border: 1px solid #4a25aa;
  border-radius: 5px;
  padding: 14px 20px;
  margin-bottom: 10px;
  font-size: 14px;
  background: #fff;
}

.container_box-left .seminar_sch:hover {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
}

.container_box-left .seminar_sch .subject {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  font-weight: 700;
  padding-bottom: 10px;
}

.container_box-left .seminar_sch .content .offline-list {
  align-items: center;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}

.container_box-left .seminar_sch .subject.event-subject {
  justify-content: center;
}

.container_box-left .seminar_sch .subject img {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}

.container_box-left .seminar_sch .content {
  margin-top: 10px;
  line-height: 25px;
  color: #666;
}

.container_box-left .seminar_sch .content .online .on {
  width: 80px;
  height: 23px;
  text-align: center;
  margin: 13.7px 31px 11px 0;
  border-radius: 50px;
  background-color: #92c4bf;
  color: #fff;
  font-size: 13px;
}

.container_box-left .seminar_sch .content .online .online-list li {
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 20.5px;
  height: 48px;
  max-width: 206px;
  font-size: 14.5px;
  color: #666666;
  letter-spacing: -0.42px;
  line-height: 23px;
}

.container_box-left .seminar_sch .content .online .online-list li .coloron {
  color: #92c4bf;
}

.container_box-left .seminar_sch .content .online .online-list li .coloron .seminar-point {
  color: #333;
  font-weight: 700;
}

.container_box-left .seminar_sch .content .offline .offline-list li .coloroff {
  color: #809fe3;
}

.container_box-left .seminar_sch .content .offline .off {
  width: 80px;
  height: 23px;
  text-align: center;
  margin: 13.7px 31px 11px 0;
  border-radius: 50px;
  background-color: #809fe3;
  color: #fff;
  font-size: 13px;
}

.container_box-left .seminar_sch .content .offline .offline-list li {
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 20.5px;
  height: 48px;
  max-width: 206px;
  font-size: 14.5px;
  color: #666666;
  letter-spacing: -0.42px;
  line-height: 23px;
}

.container_box-left .seminar_sch .color-on {
  color: #4a25aa;
}

/*왼쪽*/

.wrapper .container__box-right {
  float: right;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  margin-top: 86px;
  z-index: 1;
}

.container__box-right .right-box {
  border: 1px solid #4a25aa;
  border-radius: 5px;
  padding: 14px 20px;
  background: #fafafa;
  margin-bottom: 10px;
  font-size: 14px;
}

.container__box-right .right-box:nth-child(2) {
  border-radius: 5px;
  padding: 14px 20px;
  background: #ffffff;
  margin-bottom: 10px;
  width: 228px;
}

.container__box-right .right-box:nth-child(2):hover {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
}

.container__box-right .right-box:last-child {
  border-radius: 5px;
  padding: 12px 20px;
  background: #ffffff;
  margin-bottom: 10px;
}

.container__box-right .right-box:last-child:hover {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
}

.container__box-right .right-box:first-child {
  margin-bottom: 30px;
}

.container__box-right .right-box .subject {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #4a25aa;
  font-weight: 700;
  padding-bottom: 10px;
}

.container__box-right .right-box .subject.event-subject {
  justify-content: center;
}

.container__box-right .right-box .subject img {
  margin-right: 5px;
}

.container__box-right .right-box .content {
  margin-top: 10px;
  line-height: 25px;
  color: #666;
}

.container__box-right .right-box .color-on {
  color: #4a25aa;
}

.container__box-right .event-box.right-box .event-margin {
  margin-left: 5px;
}

.container__box-right .faq-box {
  cursor: pointer;
}

.container__box-right .right-box .content.event-content {
  display: flex;
  justify-content: center;
}

section.live__hot__qna .list__wrap {
  padding: 30px 0 12px;
  font-size: 0;
}

section.live__hot__qna .list__wrap ul {
  margin: -9px;
  overflow: hidden;
  padding-bottom: 50px;
}

section.live__hot__qna .list__wrap ul li {
  display: inline-block;
  vertical-align: middle;
  width: calc(33.33% - 18px);
  margin: 9px;
}

section.magazine__popular {
  padding-top: 50px;
}

section.magazine__popular .navi-tit-box {
  position: relative;
  text-align: center;
  margin-bottom: 31px;
  font-size: 0;
}

section.magazine__popular .navi-tit-box .txt-box {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: -0.54px;
  font-weight: 700;
  margin: 0 16px;
}

section.magazine__popular .navi-tit-box .swiper-button-next {
  background: url("../img/ic_navi_right.svg") no-repeat center;
}

section.magazine__popular .navi-tit-box .swiper-button-prev {
  background: url("../img/ic_navi_left.svg") no-repeat center;
}

section.magazine__popular .navi-tit-box .swiper-button-next,
section.magazine__popular .navi-tit-box .swiper-button-prev {
  outline: none;
  position: static;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  border: 1px solid #ccc;
}

section.magazine__popular .navi-tit-box .swiper-button-next:after,
section.magazine__popular .navi-tit-box .swiper-button-prev:after {
  content: "";
}

section.magazine__popular .swiper-container ul li {
  margin-top: 30px;
  overflow: hidden;
  box-sizing: border-box;
}

section.magazine__popular .swiper-container ul li.swiper-slide-active {
  margin-top: 0;
}

section.magazine__popular .swiper-container ul li .img-box {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
}

section.magazine__popular .swiper-container ul li .img-box img {
  width: 100%;
}

section.main__board1 {
  padding-top: 50px;
}

section.layout__half {
  width: 100%;
  font-size: 0;
}

section.layout__half .inner img{
  /*border-radius: 5px;*/
}

section.layout__half .layout__box {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 30px);
  font-size: 20px;
}

section.layout__half .layout__box.board_triple {
  width: initial;
}

section.layout__half .layout__box__2 {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 240px);
  font-size: 20px;
  padding-bottom: 30px;
  margin-right: 40px;
}

section.layout__half .layout__box__3 {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 200px);
  font-size: 20px;
  padding-bottom: 30px;
}

.layout__box__3 .border {
  background-color: #fafafa;
  padding: 8px 15px;
  border-radius: 5px;
}

.con-box .layout__box__3 .border {
  border: none;
  background-color: transparent;
}

.layout__box__3 .border .comment .purple_t .white_t {
  background-color: #4a25aa;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 4px;
  margin-right: 10px;
  border-radius: 3px;
}

.layout__box__3 .border .next_comment {
  display: inline-flex;
}

.layout__box__3 .border .next_comment img {
  margin-left: 15px;
}

.layout__box__3 .border .next_comment .gray_t {
  color: #909090;
  font-size: 15px;
  margin-top: 5px;
  margin-left: 5px;
  max-width: 300px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.layout__box__3 .border .next_comment .pp {
  color: #4a25aa;
  margin-left: 4px;
}

.layout__box__3 .border .next_comment .purple_t {
  color: #4a25aa;
  font-size: 15px;
  margin-top: 5px;
  margin-left: 5px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.layout__box__3 .border .comment {
  display: inline-flex;
}

.layout__box__3 .border .comment .black_t {
  font-size: 15px;
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 20px;
  font-weight: 500;
}

.layout__box__3 .border .comment .black_t:hover {
  color: #4a25aa;
}

.layout__box__3 .border .comment_box {
  text-align: start;
}

.layout__box .notice-link-box img {
  margin-top: -10px;
  border-radius: 5px;
}

.layout__box + .layout__box {
  margin-left: 58px;
}

article.list__table {
  margin-top: 6px;
}

article.list__table.type-1 {
  border-top: 2px solid #333;
  border-bottom: 1px solid #333;
}

article.list__table.type-1 table tbody tr td {
  height: 51px;
}

article.list__table.type-1 table tbody tr + tr td {
  border-top: 1px solid #ededed;
}

article.list__table table {
  table-layout: fixed;
}

article.list__table .cursor {
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
}

article.list__table .cursor .right {
  margin-left: auto;
}

article.list__table .cursor:hover {
  color: #4a25aa;
}

article.list__table table tbody tr td {
  height: 44px;
}

article.list__table .normal-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

article.list__table .sub-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  color: #ccc;
  padding-left: 10px;
}

article.list__table .block-txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  border: 1px solid #ccc;
  padding: 2px 7px;
  border-radius: 100px;
  text-align: center;
  margin-left: 10px;
}

article.list__table .txt-box {
  display: flex;
  margin-right: 10px;
  align-items: center;
  padding-left: 80px;
  position: relative;
  height: 44px;
  cursor: pointer;
}

article.list__table .txt-box.curation {
  padding-left: 10px;
  height: 44px;
}

article.list__table .txt-box.curation .rank {
  font-weight: bold;
  font-size: 23px;
  line-height: 27px;
  position: relative;
  right: 10px;
  color: #333;
}

article.list__table .txt-box.curation .rank.purple {
  color: #4A25AA;
}

article.list__table .txt-box.pick-box {
  width: 300px;
}

article.list__table .txt-box .label-box {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  width: 72px;
  display: inline-flex;
  height: 25px;
  align-items: center;
  justify-content: center;
  color: #4a25aa;
  background-color: #edeaff;
  font-size: 13px;
  letter-spacing: -0.6px;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
}

article.list__table .txt-box .label-box.recruit {
  color: #4a25aa;
  background-color: #edeaff;
}

article.list__table .txt-box .label-box-Qna {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  width: 72px;
  border: 1px solid #00BAB8;
  display: inline-flex;
  height: 25px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #00BAB8;
  font-size: 13px;
  letter-spacing: -0.6px;
  border-radius: 3px;
}

article.list__table .txt-box .label-box-Forum {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  width: 72px;
  border: 1px solid #16C6F2;
  background-color: #16C6F2;
  display: inline-flex;
  height: 25px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.6px;
  border-radius: 3px;
}

article.list__table .txt-box .label-box-Board {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  width: 72px;
  border: 1px solid #333;
  background-color: #333;
  display: inline-flex;
  height: 25px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.6px;
  border-radius: 3px;
}

article.list__table .txt-box .label-box_first {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 72px;
  display: inline-flex;
  height: 25px;
  align-items: center;
  justify-content: center;
  color: #4a25aa;
  font-size: 13px;
  letter-spacing: -0.6px;
  margin-right: 12px;
  background-color: #edeaff;
  border-radius: 3px;
}

article.list__table .txt-box .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 215px;
  overflow: hidden;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.42px;
  font-weight: 500;
}

article.list__table .txt-box.curation .txt {
  max-width: 230px;
}

.curation-detail article.list__table .txt-box .txt {
  max-width: 300px;
  padding-right: 10px;
}

article.list__table .txt-box .comment {
  font-size: 13px;
  font-weight: 600;
  margin-left: 6px;
  white-space: nowrap;
}

article.list__table .txt-box .txt.recruit-txt {
  max-width: 500px;
}

/*뉴스뉴스끝*/
article.list__table table tbody tr td.right {
  text-align: right;
}

article.list__table table tbody tr td.detail-view {
  width: 200px;
  text-align: right;
}

article.list__table table tbody tr td .info-box {
  font-size: 0;
}

article.list__table table tbody tr td .info-box .price-txt {
  padding-left: 16px;
  background: url("../img/ic_price.svg") no-repeat left center;
}

article.list__table .info-box .txt {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #4a25aa;
  font-size: 13.5px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.list__table .info-box .txt .accent {
  color: #4a25aa;
}

article.list__table .info-box .txt + .txt {
  margin-left: 8px;
}

article.list__table .info-box .txt + .txt:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 52%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #ccc;
}

article.list__table count-box span {
  display: inline-flex;
  line-height: 17px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: #666666;
}

article.list__table .count-box span.view {
  padding-left: 3px;
  margin-right: 10px;
  font-size: 14px;
}

article.list__table .count-box span.comment {
  padding-left: 3px;
  font-size: 14px;
}

article.list__table .count-box span.heart {
  padding-left: 14px;
  background: url("../img/like_small_off.svg") no-repeat left center/11px 10px;
}

article.list__table .count-box span + span {
  margin-left: 12px;
}

article.item__template0 a.box-wrap {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
}

article.item__template0 a.box-wrap:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.185);
}

article.item__template0 a.box-wrap .top-box {
  padding: 17px 16px 12px;
}

article.item__template0 a.box-wrap .top-box .label-txt {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #4a25aa;
  letter-spacing: -0.36px;
  background-color: #f5f5f5;
  padding: 3px 6px;
  border-radius: 100px;
}

article.item__template0 a.box-wrap .mid-box {
  padding: 0 16px 12px;
  font-size: 0;
}

article.item__template0 a.box-wrap .mid-box .info-box {
  padding-top: 3px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 73px);
  padding-right: 23px;
}

article.item__template0 a.box-wrap .mid-box .info-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 6px;
}

article.item__template0 a.box-wrap .mid-box .info-box .con-box {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 20.5px;
  height: 41px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  font-size: 14px;
  color: #666666;
  letter-spacing: -0.42px;
}

article.item__template0 a.box-wrap .mid-box .info-box .sub-box {
  padding-top: 6px;
  font-size: 0;
}

article.item__template0 a.box-wrap .mid-box .info-box .sub-box .txt {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #ccc;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.item__template0 a.box-wrap .mid-box .info-box .sub-box .txt + .txt {
  margin-left: 13px;
}

article.item__template0 a.box-wrap .mid-box .info-box .sub-box .txt + .txt:after {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background-color: #ccc;
  border-radius: 50%;
}

article.item__template0 a.box-wrap .mid-box .img-box {
  display: inline-block;
  vertical-align: top;
  width: 73px;
  height: 73px;
  border-radius: 5px;
  overflow: hidden;
}

article.item__template0 a.box-wrap .mid-box .img-box img {
  width: 100%;
  height: 100%;
}

article.item__template0 a.box-wrap .bottom-box {
  border-top: 1px solid #ededed;
  padding: 10.5px 16px;
  position: relative;
}

article.item__template0 a.box-wrap .bottom-box .count-box {
  display: flex;
  align-items: center;
}

article.item__template0 a.box-wrap .bottom-box .count-box span {
  display: inline-flex;
  line-height: 17px;
  font-size: 12px;
  letter-spacing: -0.33px;
  color: #666666;
}

article.item__template0 a.box-wrap .bottom-box .count-box span.view {
  padding-left: 20px;
  background: url("../img/ic_count_view.svg") no-repeat left center;
}

article.item__template0 a.box-wrap .bottom-box .count-box span.comment {
  padding-left: 17px;
  background: url("../img/ic_count_comment.svg") no-repeat left center;
}

article.item__template0 a.box-wrap .bottom-box .count-box span.heart {
  padding-left: 14px;
  background: url("../img/like_small_off.svg") no-repeat left center/11px 10px;
}

article.item__template0 a.box-wrap .bottom-box .count-box span + span {
  margin-left: 12px;
}

article.item__template0 a.box-wrap .bottom-box .scrap-box {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

article.item__template0 a.box-wrap .bottom-box .scrap-box .scrap-mark {
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ic_scrap.svg") no-repeat center/cover;
  outline: none;
  border: none;
  cursor: pointer;
}

article.item__template0 a.box-wrap .bottom-box .scrap-box .scrap-mark.on {
  background: url("../img/ic_scrap_on.svg") no-repeat center/cover;
}

article.item__template1 a.box-wrap {
  display: block;
  position: relative;
  border-radius: 5px;
  font-size: 0;
  padding: 11px;
  box-shadow: 0px 4px 8px #00000010, 0px 0px 4px #00000010;
}

article.item__template1 a.box-wrap:hover {
  background-color: #fafafa;
}

/*전치제 홈*/

article.item__festival__template1 a.box-wrap {
  position: relative;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  border-radius: 5px;
  font-size: 0;
  padding: 15px 20px;
  width: 1200px;
  max-width: 1200px;
  display: flex;
  display: -ms-flexbox;
}

article.item__festival__template1 .box-wrap .con-box {
  font-weight: 400;
}

.festival_menu_parent {
  width: 100%;
  margin-bottom: 60px;
  display: flex;
  display: -ms-flexbox;
}

.festival_menu_parent .menu_selected {
  color: #333;
  font-weight: 600;
}

.yt_menu {
  box-sizing: border-box;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 2px solid #d80c18;
  margin-bottom: 48px;
  cursor: pointer;
  border-radius: 5px;
}

.yt_menu:hover {
  background-color: #fff7f8;
}

.zun_yt_img {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.zun_yt_go_img {
  margin-right: 8px;
  margin-left: 6px;
  position: relative;
  top: -0.6px;
}

.festival_menu:hover {
  background-color: #fafafa;
}

.festival_menu:nth-child(1) {
  flex: 1;
  width: 40%;
  box-sizing: border-box;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  height: 50px;
  text-align: center;
  line-height: 53px;
  margin-top: -20px;
  border-radius: 5px;
}

.festival_menu:nth-child(2) {
  flex: 1;
  margin: 0px 5%;
  width: 40%;
  box-sizing: border-box;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  height: 50px;
  text-align: center;
  line-height: 53px;
  margin-top: -20px;
  border-radius: 5px;
}

.festival_menu:nth-child(3) {
  flex: 1;
  width: 40%;
  box-sizing: border-box;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  height: 50px;
  text-align: center;
  line-height: 53px;
  margin-top: -20px;
  border-radius: 5px;
}

.festival_menu button {
  width: 100%;
  height: 100%;
}

.festival_content_container {
  /* display: flex;
    flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
  row-gap: 20px;
  margin-top: 30px;
}

section.festival__hot__board {
  padding-bottom: 10px;
  margin-top: 10px;
  /* flex-basis: 30%; */
}

section.festival__hot__board .univ1 {
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  border-radius: 5px;
  padding: 16px 12px;
}

article.univ__board {
  display: inline-flex;
  position: relative;
  font-size: 0;
  width: 100%;
}

article.univ__board .subject-box {
  display: block;
}

article.univ__board .bsubject {
  margin-left: 15px;
}

article.univ__board .bsubject-box {
  font-size: 15px;
  padding-top: 12px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
}

article.univ__board .bbsubject-box {
  font-size: 13px;
  padding-top: 10px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  font-weight: 400;
  color: #717171;
}

article.univdes__board .subject-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  padding-top: 10px;
  border-top: 1px solid #d5d5d5;
  margin-top: 16px;
}

article.univdes__board .subject-box a {
  margin-left: 7px;
}

article.univdes__board .time-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  color: #4a25aa;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  padding: 8px 0;
}

article.univdes__board .des-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  color: #717171;
  margin-top: 10px;
  margin-bottom: 10px;
}

article.festival__board {
  display: block;
  position: relative;
  padding: 16px 12px;
  border: 1px solid #ccc;
  font-size: 0;
  border-radius: 5px;
}

article.festival__board img {
  width: 100%;
  max-width: 100%;
  margin: 15px 0 15px 0;
}

article.festival__board .univ {
  width: 50px;
  margin: 0;
}

article.festival__board .subject-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
}

article.festival__board .bsubject {
  display: flex;
}

article.festival__board .subject-box img {
  width: 17px;
  display: inline-flex;
}

article.festival__board .subject-box .link-youtube {
  cursor: pointer;
}

article.festival__board .time-box {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  color: #4a25aa;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  padding: 3px 0;
}

article.festival__board .des-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  color: #717171;
  margin-top: 10px;
}

.des-box .rbox .rbox-checkbox {
  width: 100%;
}

.des-box .rbox input[type="checkbox"] ~ i {
  position: absolute;
  margin-top: 4px;
}

.des-box .rbox input[type="checkbox"] ~ .txt {
  margin-left: 13px;
}

article.festival__board .bsubject-box {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
  border-bottom: 1px solid #d5d5d5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

article.festival__board .bbsubject-box {
  font-size: 13px;
  line-height: 30px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  font-weight: 400;
  color: #717171;
}

article.festival__board .subject-box .accent {
  color: #4a25aa;
}

article.festival__board .ft-box {
  display: inline-flex;
  width: 60px;
  height: 21px;
  border-radius: 50px;
  border: 1px solid #edeaff;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #4a25aa;
  float: right;
}

.festival_menu_parent {
  width: 100%;
  margin: 10px auto;
  display: flex;
}

/*통치통치*/
.wrapper.tongtest-note__select {
  margin-top: 30px;
}

.wrapper.tongtest {
  position: relative;
  padding-top: 62px;
}

.wrapper.tongtest footer {
  position: static;
  margin-top: 100px;
}

.tongtest_menu.on {
  background-color: #333;
  color: #fff;
}

.tongtest_menu:nth-child(1) {
  flex: 1;
  width: 40%;
  box-sizing: border-box;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  height: 50px;
  text-align: center;
  line-height: 53px;
  margin-top: -20px;
}

.tongtest_menu:nth-child(2) {
  flex: 1;
  margin: 0px 5%;
  width: 40%;
  box-sizing: border-box;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  height: 50px;
  text-align: center;
  line-height: 53px;
  margin-top: -20px;
}

.tongtest_menu:nth-child(3) {
  flex: 1;
  width: 40%;
  box-sizing: border-box;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  height: 50px;
  text-align: center;
  line-height: 53px;
  margin-top: -20px;
}

.tongtest_content {
  margin-top: 50px;
  width: 100%;
  position: relative;
  left: 14px;
}

.tongtest_content.mt0 {
  margin-top: 0px;
}

.tongtest_test {
  width: 100%;
  margin-top: 60px;
}

.inner .ready {
  margin-top: 200px;
  text-align: center;
}

section.tongtest_new {
  margin: 0 auto;
  padding: 0 16px;
}
.home_tong {
  background-color: #4a25aa;
  display: block;
  position: relative;
  padding: 20px 20px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  font-size: 0;
  border-radius: 5px;
  height: 100px;
  margin-top: 25px;
}
.home_tong .sub-img {
  float: right;
}

.home_tong .subject {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

section.tongtest_new .subject-des {
  color: #666;
  font-size: 16px;
  margin-top: 60px;
}

section.tongtest_new .gray_menu {
  background-color: #f5f5f5;
  display: block;
  position: relative;
  padding: 20px 10px;
  font-size: 0;
  border-radius: 5px;
  height: 140px;
  margin-top: 16px;
  width: 120px;
  margin-right: 20px;
  color: #333;
  cursor: pointer;
}

section.tongtest_new .gray_menu.tongtest_exam {
  background-color: #edeafe;
  border: 1px solid #4a25aa;
  width: 402px;
}

.tongtest .inner section.tongtest_new .gray_menu.on {
  color: #fff;
  background-color: #333;
}

section.tongtest_new .gray_menu_list {
  display: flex;
}

section.tongtest_new .gray_menu .subject {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

section.tongtest_new .gray_menu .sub-img {
  margin-top: 30px;
  text-align: center;
}
section.tongtest_new .gray_menu .sub-img img{
  display: inline-block;
}

/*통치통치*/

article.item__festival__template1 a.box-wrap .img-box {
  display: inline-block;
  vertical-align: middle;
}

article.item__festival__template1 a.box-wrap .img-box img {
  max-width: none;
  width: 550px;
  height: 420px;
  margin-top: 25px;
}

article.item__festival__template1 a.box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
  margin-top: 45px;
  margin-left: 10px;
}

article.item__tong__template1 a.box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
}

article.item__festival__template1 a.box-wrap .info-box .label-box {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #333;
  letter-spacing: -0.36px;
  padding-bottom: 4px;
  margin-top: 30px;
  margin-bottom: 30px;
}

article.item__festival__template1 a.box-wrap .info-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 2px;
  border-bottom: 1.5px solid #ccc;
}

article.item__festival__template1 a.box-wrap .info-box .con-box {
  line-height: 20px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  font-size: 15px;
  color: #666666;
  letter-spacing: -0.36px;
  margin-top: 20px;
}

article.item__festival__template1 a.box-wrap .info-box .con-box span {
  font-weight: 700;
}

/*통치홈*/

/*통치모의고사*/

section.section-first {
  padding: 20px 0;
}

section.select__container {
  margin: 30px 55px 0 0;
  max-width: 370px;
}

section.setting__leave .leave__check__box-t {
  padding: 16px 12px;
}

section.setting__leave .leave__check__box-t.essay-answer__container {
  padding: 0;
}

section.setting__leave .leave__check__box-t .text-box {
  width: 100%;
  padding: 8px;
  background-color: #f7f7f7;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.36px;
  border: 1px solid #666;
  margin-top: 10px;
  display: flex;
}

section.setting__leave .leave__check__box-t .answer {
  border-bottom: 1px solid #4a25aa;
  color: #48ebd2;
  padding: 6px;
  font-size: 14px;
  margin-bottom: 43px;
}

article.section__tong__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

article.section__tong__box img {
  width: 120px;
  align-self: center;
  margin-bottom: 20px;
}

section.tong_test_go {
  display: flex;
  justify-content: space-between;
}

.tong_test_go article.tongtest__box a.box-wrap {
  display: inline-flex;
  padding: 16px 12px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  font-size: 0;
  border-radius: 5px;
  margin-top: 20px;
  height: 80px;
  border: 1px solid #4a25aa;
}

article.tong__box a.box-wrap.exam__box-wrap {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section.tong_test_go .tongtest__box {
  flex-basis: 47%;
}

article.tong__box a.box-wrap.exam__box-wrap .info-box {
  width: 100%;
  display: flex;
}

article.tongtest__box a.box-wrap .info-box img {
  width: 24px;
  height: 24px;
  align-self: center;
  margin-bottom: 0;
}

article.tong__box a.box-wrap .info-box .mid-box {
  font-size: 14px;
  color: #666;
  letter-spacing: -0.3px;
  font-weight: 400;
}

article.tongtest__box a.box-wrap .info-box .mid-box {
  font-size: 14px;
  color: #4a25aa;
  letter-spacing: -0.3px;
  font-weight: 600;
  margin-top: 7px;
  align-self: center;
}

.tong_test_go article.tongtest__box .info-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bg-color__main {
  background-color: #4a25aa;
}

.text-color__white {
  color: #fff;
}

article.section__tong__box .tong__box__test {
  padding-top: 90px;
  width: 548px;
  height: 650px;
  padding: 35.4px 56px 57.6px 57px;
  border: solid 2px #4a25aa;
  margin-top: 20px;
  margin-bottom: 50px;
  overflow: scroll;
  box-sizing: border-box;
}

article.section__tong__box .tong__box__text {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 35px;
}

.tong-container .tong-side-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 50%;
  height: 100%;
  background-color: #fff;
  left: 50%;
  z-index: 501;
}

.tong-container .tong-side-menu li {
  border-bottom: 1px solid #d5d5d5;
  text-align: center;
  padding: 25px 0;
  width: 120px;
  font-size: 16px;
  font-weight: 700;
}

.tong-container .tong-side-menu li:active {
  color: #4a25aa;
}

.tong-container .tong-side-menu li:last-child {
  border: none;
}

article.tongtest__board {
  display: block;
  position: relative;
  padding: 16px 12px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  font-size: 0;
  border-radius: 5px;
  border: 1px solid #4a25aa;
  margin-bottom: 20px;
}

article.tongtest__board .subject-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
}

article.live__board a.row .tongtest-box {
  padding-left: 10px;
  width: calc(100% - 60px);
  padding-right: 40px;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.live__board a.row .tongtest-box-m {
  padding-left: 10px;
  width: calc(100% - 60px);
  padding-right: 40px;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 13.5px;
  line-height: 18px;
  letter-spacing: -0.36px;
  color: #666;
}

article.festival__board .tong {
  width: 100%;
  max-width: 100%;
  margin-bottom: 3px;
}

.select__container select > option {
  color: #333;
}

/*통치모의고사*/
.wrapper .ready.tong__box__container {
  margin-top: 50px;
  text-align: left;
  margin-bottom: 210px;
}
div.time {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.36px;
  width: 120px;
  max-width: 100%;
  font-weight: 400;
  color: #333;
  background-color: #eceafd;
  height: 20px;
  text-align: center;
  z-index: 20;
}

article.tong__board {
  position: relative;
  box-shadow: none;
  border: none;
}

article.tong__board .right_wrong_answer {
  position: absolute;
  left: -10px;
  top: 1px;
  width: 50px;
}

article.festival__board .ttsubject-box {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 23px;
}

article.festival__board .des-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  color: #717171;
  margin-top: 10px;
  margin-bottom: 26px;
}

.festival__hot__board .answer_check__container {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.festival__hot__board .answer_check__container .answer__container .answer_check {
  max-width: 72px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #4a25aa;
  border-bottom: 1px solid #4a25aa;
  text-align: center;
}

.festival__hot__board .answer_check__container .answer__container .answer_check + .answer p {
  margin-top: 20px;
  font-size: 14px;
}

.festival__hot__board .answer_check__container .answer__container {
  display: flex;
  flex-direction: column;
}

.festival__hot__board .answer_check__container .note__container {
  background: #eceafd;
  font-size: 13px;
  color: #4a25aa;
  width: 113px;
  height: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

article.tong__board .section-first .inner {
  border-bottom: 1px solid #ccc;
  padding: 0;
}

/*tongtongtong*/
.row .con .essay-input {
  display: block;
}

.tong-content-box {
}
.magazine__home .inner .tong-content-box .content {
  color: #333;
  line-height: 23px;
}

.magazine__home .inner .tong-content-box .content .content-n {
  color: #92c4bf;
}

.magazine__home .inner .tong-content-box {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #e3e3e3;
}
.magazine__home .inner .tong-content-box .content .content-b {
  color: #4a25aa;
  cursor: pointer;
}

.magazine__home .inner .tong-content-box .content .content-n {
  color: #92c4bf;
}

.tongtest-about__container img {
  width: 100%;
  margin-top: 80px;
}
/*tongtongtong*/

section.form__layout1-t .row .con .tbox input {
  width: 100%;
  height: 38px;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  border: none;
}

section.form__layout1-t .row .con .tbox input::placeholder {
  color: #cccccc;
}

.festival__hot__board .answer_check__container .note__container img {
  width: 36px;
  height: 36px;
  margin: 0;
}

article.festival__board .tsubject-box .number {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: -0.36px;
  width: 100%;
  max-width: 100%;
  font-weight: 600;
  border-bottom: 1px solid #d5d5d5;
  color: #ccc;
}

section.section-first-t {
  padding: 30px;
  background-color: #f4f5f5;
  margin-top: 30px;
  border-radius: 10px;
}

section.form__layout1 .row .subject-t {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.36px;
  padding-bottom: 10px;
  text-align: center;
}

article.tong__box a.box-wrap {
  display: block;
  position: relative;
  padding: 16px 12px;
  box-shadow: 3px 3px 10px 0 rgba(47, 47, 204, 0.2);
  border-radius: 5px;
  margin-top: 20px;
  height: 50px;
  border: 1px solid #4a25aa;
  color: #4a25aa;
  margin: 30px 0 200px 0;
}

article.bottom__btn__group .bottom__btn__box {
  background-color: #333;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}

article.bottom__btn__group .bottom__btn__box:hover{
  background-color: #000;
}

article.bottom__btn__group a.off {
  background-color: #ccc;
}

/*tongtongtong*/
.tong-content-box {
}
.magazine__home .inner .tong-content-box .content {
  color: #333;
  line-height: 23px;
}

.magazine__home .inner .tong-content-box {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #e3e3e3;
}
.magazine__home .inner .tong-content-box .content .content-b {
  color: #4a25aa;
}

.magazine__home .inner .tong-content-box .content .content-n {
  color: #92c4bf;
}
/*tongtongtong*/

/*new tongtongtong*/

.magazine__home .inner .thanku_box {
  width: 1200px;
  height: 210px;
  padding: 20px 51px;
  border: solid 1px #ccc;
  margin-top: 30px;
}

.magazine__home .inner .thanku_box2 {
  width: 1200px;
  height: 190px;
  padding: 20px 51px;
  border: solid 1px #ccc;
  margin-top: 30px;
}

.magazine__home .inner .thanku_box2 .thanku {
  font-size: 15px;
  line-height: 22px;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.magazine__home .inner .thanku_box2 .thanku .zipon {
  background-color: aquamarine;
}

.magazine__home .inner .thanku_box2 .thanku .on {
  color: #4a25aa;
}

/*33*/
.magazine__home .inner .thanku_box3 {
  width: 1200px;
  height: 140px;
  padding: 20px 51px;
  border: solid 1px #ccc;
  margin-top: 30px;
}

.magazine__home .inner .thanku_box3 .thanku {
  font-size: 15px;
  line-height: 22px;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.magazine__home .inner .thanku_box3 .thanku .zipon {
  background-color: chartreuse;
}

.magazine__home .inner .thanku_box3 .thanku .number {
  font-size: 20px;
}

.magazine__home .inner .thanku_box3 .thanku .on {
  color: #4a25aa;
}

.magazine__home .inner .thanku_box .thanku {
  font-size: 15px;
  line-height: 22px;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.magazine__home .inner .thanku_box .thanku .on {
  color: #4a25aa;
}

.magazine__home .inner .down_box {
  width: 1200px;
  height: 67px;
  text-align: center;
  border: 1px solid #4a25aa;
  margin-top: 30px;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  cursor: pointer;
}

.magazine__home .inner .down_box .down {
  margin-top: 20px;
}

.magazine__home .inner .down_box .down img {
  width: 22px;
  height: 18px;
  margin-right: 5px;
  padding-top: 4px;
}

.magazine__home .inner .down_box .down .text {
  font-size: 16px;
  color: #4a25aa;
  font-weight: 600;
}

.magazine__home .inner .first_but {
  margin-top: 30px;
  display: flex;
}

.magazine__home .inner .first_but .first_but_box {
  width: 250px;
  height: 84px;
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  background-color: #ffffff;
  margin: 0 auto;
  cursor: pointer;
}

.magazine__home .inner .first_but .first_but_box_on {
  width: 250px;
  height: 84px;
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  background-color: #edeafe;
  margin: 0 auto;
  border: 1px solid #4a25aa;
}
.magazine__home .inner .first_but .first_but_box_on .text {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-top: 4px;
}
.magazine__home .inner .first_but .first_but_box .text {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-top: 4px;
}

.magazine__home .inner .down_box2 {
  width: 1200px;
  padding: 29px 58px 34px 29px;
  border: solid 1px #ccc;
  background-color: #ffffff;
  margin-top: 45px;
}

.magazine__home .inner .down_box2 .down2 {
  width: 394px;
  height: 50px;
  margin: 0 723px 30px 0;
  padding: 11px;
  padding-left: 20px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  border: solid 1px #39e8c6;
  background-color: #ffffff;
  cursor: pointer;
}

.magazine__home .inner .down_box2 .down2 img {
  width: 22px;
  height: 18px;
  margin-right: 5px;
  padding-top: 4px;
}

.magazine__home .inner .down_box2 .down2 .img_right {
  float: right;
}

.magazine__home .inner .down_box2 .content .sub {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.magazine__home .inner .down_box2 .content .sub_tt {
  line-height: 22px;
  font-size: 16px;
}

/*new tongtongtong*/

article.item__tong__template1 .box-wrap .img-box {
  display: inline-block;
  vertical-align: middle;
  width: 550px;
  height: 220px;
}

article.item__tong__template1 .box-wrap .img-box img {
  width: 550px;
  height: 220px;
}

article.item__tong__template1 a.box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
  margin-left: 10px;
}

article.item__tong__template1 .box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}

article.item__tong__template1 a.box-wrap .info-box .label-box {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #4a25aa;
  letter-spacing: -0.36px;
  padding-bottom: 4px;
  margin-top: 30px;
  margin-bottom: 30px;
}

article.item__tong__template1 .box-wrap .info-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 2px;
  border-bottom: 1px solid #f5f5f5;
}

article.item__tong__template1 .box-wrap .info-box .con-box {
  line-height: 20px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  font-size: 15px;
  color: #666666;
  letter-spacing: -0.36px;
  margin-top: 15px;
  word-break: keep-all;
}

article.item__tong__template1 a.box-wrap .info-box .con-box span {
  font-weight: 700;
}

article.item__tong__template1 .box-wrap {
  position: relative;
  font-size: 0;
  padding: 15px 20px;
  width: 1200px;
  max-width: 1200px;
  display: flex;
  height: 330px;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  border-radius: 5px;
  align-items: center;
}

article.item____template1 .box-wrap .con-box {
  font-weight: 400;
}

/*전치제 홈*/

article.item__template1 a.box-wrap .img-box {
  display: inline-block;
  vertical-align: middle;
  width: 158px;
  height: 158px;
  overflow: hidden;
  border-radius: 5px;
}

article.item__template1 a.box-wrap .img-box img {
  width: 100%;
  height: 100%;
}

article.item__template1 a.box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 158px);
  padding-left: 12px;
}

article.item__template1 a.box-wrap .info-box .label-box {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #4a25aa;
  background-color: #edeaff;
  border-radius: 100px;
  margin-bottom: 10px;
  width: 80px;
  letter-spacing: -0.36px;
  padding: 3px 6px;
}

article.item__template1 a.box-wrap .info-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 6px;
}

article.item__template1 a.box-wrap .info-box .con-box {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 20px;
  height: 20px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  font-size: 14px;
  color: #666666;
  letter-spacing: -0.36px;
}

/*카카오 템플릿*/

article.item__kakao a.box-wrap {
  display: block;
  position: relative;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  font-size: 0;
  padding: 11px;
  margin-top: 15px;
}

article.item__kakao a.box-wrap .img-box {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 5px;
}

article.item__kakao a.box-wrap .img-box img {
  width: 100%;
  height: 100%;
}

article.item__kakao a.box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 158px);
  padding-left: 16px;
}

article.item__kakao a.box-wrap .info-box .label-box {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #4a25aa;
  letter-spacing: -0.36px;
  padding-bottom: 1px;
}

article.item__kakao a.box-wrap .info-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 4px;
}

article.item__kakao a.box-wrap .info-box .con-box {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 20px;
  height: 20px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  font-size: 14px;
  color: #666666;
  letter-spacing: -0.36px;
}

/*세미나 템플릿*/

article.item__template01 a.box-wrap {
  display: block;
  position: relative;
  font-size: 0;
  padding: 11px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

article.item__template01 a.box-wrap:hover {
  background-color: #edeaff6c;
  border: 1px solid #d8d2fa;
}

article.item__template01 a.box-wrap .img-box {
  display: inline-block;
  vertical-align: middle;
  width: 112px;
  height: 158px;
  overflow: hidden;
}

article.item__template01 a.box-wrap .img-box img {
  width: 100%;
  height: 100%;
}

article.item__template01 a.box-wrap .info-box {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 158px);
  padding-left: 12px;
}

article.item__template01 a.box-wrap .info-box .label-box {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #4a25aa;
  letter-spacing: -0.36px;
  padding-bottom: 4px;
}

article.item__template01 a.box-wrap .info-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 6px;
}

article.item__template01 a.box-wrap .info-box .con-box {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 20px;
  height: 40px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
  font-size: 14px;
  color: #666666;
  letter-spacing: -0.36px;
}

/*광고*/
section.add .add_div {
  text-align: center;
  position: relative;
  top: 90px;
  padding-bottom: 40px;
}

/*세미나 템플릿*/

article.item__template2 {
  width: 337px;
  height: 270px;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

article.item__template2 .box-wrap {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 8px;
}

article.item__template2 .box-wrap:hover div.title {
  color: #4a25aa;
}

article.item__template2 .box-wrap {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}

article.item__template2 .box-wrap .img-box {
  border-radius: 5px;
  width: 100%;
  height: 159px;
  overflow: hidden;
}

article.item__template2 .box-wrap .img-box img {
  width: 100%;
  height: 159px;
  transform: scale(1);
  transition-duration: 300ms;
}

article.item__template2:hover .box-wrap .img-box img {
  transform: scale(1.05);
}

article.item__template2 .title {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 500;
}

article.item__template2 .box-wrap .info-box {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 30px;
  opacity: 0;
  transition: 0.5s;
}

article.item__template2 .box-wrap .good_title {
  position: absolute;
  right: 10px;
  top: -2px;
  width: 40px;
}

article.item__template2 .box-wrap .info-box:hover {
  opacity: 1;
}

article.item__template2 .box-wrap .info-box .top-box {
  width: 100%;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.39px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: #4a25aa;
}

article.item__template2 .box-wrap .info-box .bottom-box {
  font-size: 14px;
  letter-spacing: -0.36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 19px;
  height: 38px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
}

article.item__template2 .box-wrap .info-box .button {
  font-size: 13px;
  color: #4a25aa;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #4a25aa;
  text-align: center;
  margin-top: 25px;
  transition: 0.5s;
}

article.item__template2 .box-wrap .info-box .button:hover {
  font-size: 13px;
  color: #4a25aa;
  background-color: #fff;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #4a25aa;
  text-align: center;
  margin-top: 25px;
}

section.magazine__popular .img-box .info-box {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #8785ffc7;
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 30px;
  opacity: 0;
  transition: 0.5s;
  border-radius: 5px;
}

section.magazine__popular .img-box .info-box:hover {
  opacity: 1;
}

section.magazine__popular .img-box .info-box .top-box {
  width: 100%;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.39px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: #fff;
}

section.magazine__popular .img-box .info-box .bottom-box {
  font-size: 14px;
  letter-spacing: -0.36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 19px;
  height: 38px;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  max-width: 100%;
}

section.magazine__popular .img-box .info-box .button {
  font-size: 13px;
  color: #fff;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #fff;
  text-align: center;
  margin-top: 70px;
  transition: 0.5s;
}

section.magazine__popular .img-box .info-box .button:hover {
  font-size: 13px;
  color: #4a25aa;
  background-color: #fff;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #4a25aa;
  text-align: center;
  margin-top: 70px;
}

article.item__template3 a.box-wrap {
  display: block;
  position: relative;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  border-radius: 5px;
  padding: 10px 0 0 0;
}

article.item__template3 a.box-wrap:hover {
  background-color: #fafafa;
}

article.item__template3 a.box-wrap .top-box {
  padding: 0 16px 6px;
}

article.item__template3 a.box-wrap .top-box .label-txt {
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
  color: #4a25aa;
  letter-spacing: -0.3px;
}

article.item__template3 a.box-wrap .top-box .label-txt.type1 {
  color: #666666;
}

article.item__template3 a.box-wrap .mid-box {
  padding: 0 16px 12px;
  font-size: 0;
}

article.item__template3 a.box-wrap .mid-box .info-box {
  padding-top: 3px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

article.item__template3 a.box-wrap .mid-box .info-box .subject-box {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 100%;
  font-size: 15px;
  line-height: 1.3em;
  height: 2.4em;
  font-weight: 700;
  letter-spacing: -0.42px;
  padding-bottom: 10px;
  margin-top: -5px;
}

article.item__template3 a.box-wrap .mid-box .info-box .location {
  font-size: 14px;
  color: #4a25aa;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

article.item__template3 a.box-wrap .mid-box .info-box .con-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  letter-spacing: -0.42px;
  margin-top: 6px;
}

article.item__template3 a.box-wrap .mid-box .info-box .sub-box {
  padding-top: 8px;
  font-size: 0;
}

article.item__template3 a.box-wrap .mid-box .info-box .sub-box .txt {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #ccc;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.item__template3 a.box-wrap .mid-box .info-box .sub-box .txt + .txt {
  margin-left: 5px;
}

article.item__template3 a.box-wrap .mid-box .info-box .sub-box .txt + .txt:before {
  content: "|";
  margin-right: 5px;
}

article.item__template3 a.box-wrap .bottom-box {
  border-top: 1px solid #ededed;
  padding: 10.5px 16px;
  position: relative;
}

article.item__template3 a.box-wrap .bottom-box .count-box {
  display: flex;
  align-items: center;
}

article.item__template3 a.box-wrap .bottom-box .count-box span {
  display: inline-flex;
  line-height: 15px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #666666;
}

article.item__template3 a.box-wrap .bottom-box .count-box span.view {
  padding-left: 20px;
  background: url("../img/ico-eye.svg") no-repeat left center/16px;
}

article.item__template3 a.box-wrap .bottom-box .count-box span.comment {
  padding-left: 17px;
  background: url("../img/ic_count_comment.svg") no-repeat left center;
}

article.item__template3 a.box-wrap .bottom-box .count-box span.heart {
  padding-left: 18px;
  background: url("../img/ico-like.svg") no-repeat left center/16px 16px;
}

article.item__template3 a.box-wrap .bottom-box .count-box span + span {
  margin-left: 12px;
}

article.item__template3 a.box-wrap .bottom-box .albums-box {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

article.item__template3 a.box-wrap .bottom-box .scrap-box {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

article.item__template3 a.box-wrap .bottom-box .scrap-box .scrap-mark {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ico-bookmark.svg") no-repeat center/cover;
  outline: none;
  border: none;
  cursor: pointer;
}

article.item__template3 a.box-wrap .bottom-box .scrap-box .scrap-mark.on {
  background: url("../img/ico-bookmark-fill.svg") no-repeat center/cover;
}

article.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 293px;
  width: 100%;
  border-bottom: 1px solid #333333;
}

article.no-data.my-post {
  border-top: 2px solid #333333;
}

article.no-data .txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  padding-top: 24.5px;
}

article.no-data div.chicruiting{
  color: #fff;
  background: #4a25aa;
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
  margin-top: 20px;
}

article.no-alarm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 293px;
  border-bottom: 1px solid #4a25aa;
}

article.no-alarm .txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  padding-top: 24.5px;
}

article.bookmark__list .list__wrap {
  position: relative;
  border-bottom: 1px solid #333;
}

article.bookmark__list .list__wrap ul li + li {
  border-top: 1px solid #ededed;
}

article.bookmark__list .list__wrap ul li a {
  display: block;
  padding: 15px 5px;
}

article.bookmark__list .list__wrap ul li a .top-box {
  font-size: 0;
}

article.bookmark__list .list__wrap ul li a .top-box .txt {
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
}

article.bookmark__list .list__wrap ul li a .top-box .txt {
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  letter-spacing: -0.3px;
  color: #ccc;
}

article.bookmark__list .list__wrap ul li a .top-box .txt.accent {
  color: #4a25aa;
}

article.bookmark__list .list__wrap ul li a .top-box .txt:nth-child(2) {
  margin-left: 6px;
  color: #a8a6a6;
}

article.bookmark__list .list__wrap ul li a .top-box .txt:nth-child(3) {
  margin-left: 10px;
}

article.bookmark__list .list__wrap ul li a .mid-box {
  padding: 4px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.42px;
  word-break: break-all;
}

article.bookmark__list .list__wrap ul li a .bottom-box {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.42px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  height: 2.4em;
  width: 100%;
}

article.bookmark__list .list__wrap ul li a .bottom-box p {
  color: #666;
}

section.job_select .list__wrap {
  padding: 20px 0 52px;
  font-size: 0;
}

section.job_select .list__wrap ul {
  margin: -9px;
  overflow: hidden;
}

section.job_select .list__wrap ul li {
  display: inline-block;
  vertical-align: middle;
  width: calc(33.33% - 18px);
  margin: 9px;
}

section.seminar_pick .list__wrap {
  padding: 35px 0 52px;
  font-size: 0;
}

section.seminar_pick .list__wrap ul li {
  display: inline-block;
  vertical-align: middle;
}

section.seminar_pick .list__wrap ul li:last-child {
  margin-right: 0px;
}

article.seminar_pick_box {
  width: 277px;
  height: 312px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  border-radius: 5px;
}

article.seminar_pick_box .img_box {
  width: 100%;
  height: 168px;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

article.seminar_pick_box .img_box img {
  width: 100%;
  min-height: 168px;
}

article.seminar_pick_box .info-box {
  padding: 10px 14px;
}
article.seminar_pick_box .info-box .top .label-box {
  color: #4a25aa;
  font-weight: 500;
  font-size: 14px;
}
article.seminar_pick_box .info-box .top .subject-box {
  color: #333;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  margin-top: 6px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

article.seminar_pick_box .info-box .bottom {
  border-top: 1px solid #dedede;
  margin-top: 5px;
  padding-top: 5px;
}

article.seminar_pick_box .info-box .bottom .location,
.date_score {
  display: flex;
}

article.seminar_pick_box .info-box .bottom .location .lo {
  margin-left: -3px;
}

article.seminar_pick_box .info-box .bottom .location .content {
  color: #666;
  font-size: 14px;
  margin-left: 4px;
  margin-top: 2px;
}

article.seminar_pick_box .info-box .bottom .date_score .content {
  color: #666;
  font-size: 14px;
  margin-left: 5px;
}

article.seminar_pick_box .info-box .bottom .date_score .content .date .black {
  color: #333;
  font-weight: 500;
}

section.login {
  display: flex;
  height: 100vh;
}

section.login .left__box {
  display: inline-flex;
  width: 50%;
  background-color: #fafafa;
  text-align: right;
  align-items: center;
  justify-content: flex-end;
}

section.login .right__box {
  display: inline-flex;
  width: 50%;
  background-color: #fff;
  align-items: center;
}

section.login .con__box {
  display: inline-flex;
  width: 600px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section.login .login__box {
  margin: 0 76px;
  width: 431px;
}

section.login .login__box .login-form {
  padding: 54px 0 40px;
  width: 100%;
}

section.login .login__box .login-form .row {
  position: relative;
}

section.login .login__box .login-form .row + .row {
  margin-top: 23px;
}

section.login .login__box .login-form .row .find-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

section.login .login__box .login-menu {
  width: 100%;
}

section.login .login__box .login-menu .login-btn-box {
  padding: 46px 0 38px;
}

section.login .login__box .login-menu .login-btn-box .login-btn {
  border-radius: 5px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  background-color: #4a25aa;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
  font-weight: 400;
}

/*인터넷 익스플로러*/

section.no_ex {
  background-color: #333;
  height: 100vh;
  position: relative;
}

section.no_ex .no_ex_logo {
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
section.no_ex .whitebox {
  background-color: #fff;
  width: 854px;
  height: 280px;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 50px;
}

section.no_ex .download {
  margin-top: 50px;
  display: flex;
}

section.no_ex .whitebox .download .down_box {
  text-align: center;
  flex: 1;
}

section.no_ex .whitebox .download .down_box .down_img img {
  width: 76px;
  height: 76px;
}

section.no_ex .whitebox .download .down_box .down_text {
  color: #666;
  margin-top: 15px;
}

section.no_ex .whitebox .use_other {
  font-size: 18px;
  color: #4a25aa;
  font-weight: 700;
  text-align: center;
}

section.no_ex .no_explorer .ex_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section.no_ex .no_explorer .context {
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
  position: absolute;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section.no_ex .no_explorer .ex_go {
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  padding: 12px 27px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
/*인터넷 익스플로러*/

section.member .member__wrap .member__con .join-btn-box .join-btn-final {
  border-radius: 5px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a25aa;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.42px;
  font-weight: 400;
  margin-top: 50px;
}

section.member .member__wrap .member__con .join-btn-box .join-btn-final:hover {
  background-color: #6f6bf5;
}

section.member .member__wrap .member__con .join-form .result-txt {
  margin: 273px 57px 32px 0.3px;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  text-align: left;
  color: #333;
}

section.member .member__wrap .member__con .join-form .result-txt b {
  color: #4a25aa;
}

section.member .member__wrap .join-form .login-btn-box .login-btn {
  border-radius: 5px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #333;
  color: #333;
  font-size: 14px;
  letter-spacing: -0.42px;
  font-weight: 500;
  margin-bottom: -20px;
}

section.member .member__wrap .join-form .login-btn-box .login-btn.on {
  background-color: #4a25aa;
}


section.login .login__box .login-menu .join-btn-box {
  text-align: center;
  padding-top: 39px;
}

section.login .login__box .login-menu .join-btn-box .join-btn {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

section.login .intro__box {
  padding-right: 92px;
}

section.login .intro__box .img-box img {
  max-width: 100%;
}

section.login .intro__box .intro-tit {
  padding: 67px 0 16px;
  font-size: 18px;
  line-height: 28px;
}

section.login .intro__box .intro-tit b {
  color: #4a25aa;
}

section.login .intro__box .intro-txt {
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.42px;
  text-align: center;
}

section.login .intro__box .link-menu {
  padding: 36px 0 67px;
  font-size: 0;
}

section.login .intro__box .link-menu .link-btn {
  display: inline-flex;
  height: 49px;
  width: 126px;
  border: 1px solid #ccc;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
}

section.login .intro__box .link-menu .link-btn + .link-btn {
  margin-left: 12px;
}

section.login .intro__box .intro-item-list {
  font-size: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

section.login .intro__box .intro-item-list .item-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

section.login .intro__box .intro-item-list .item-box .item-img-box {
  width: 109px;
  height: 109px;
  border-radius: 50%;
}

section.login .intro__box .intro-item-list .item-box .item-txt-box {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  padding-top: 12px;
}

section.login .intro__box .intro-item-list .item-box:nth-child(1) .item-img-box {
  background: #fff url("../img/ic_login_item1.svg") no-repeat center;
}

section.login .intro__box .intro-item-list .item-box:nth-child(2) .item-img-box {
  background: #fff url("../img/ic_login_item2.svg") no-repeat center;
}

section.login .intro__box .intro-item-list .item-box:nth-child(3) .item-img-box {
  background: #fff url("../img/ic_login_item3.svg") no-repeat center;
}

section.member {
  background-color: #fafafa;
  height: 120vh;
  position: relative;
}

section.member .member__wrap {
  position: absolute;
  left: 50%;
  top: 41%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  z-index: 10;
}

section.member .member__wrap .logo-box {
  padding-bottom: 29px;
  text-align: center;
}

section.member .member__wrap .logo-box img {
  display: inline-block;
  vertical-align: middle;
}

section.member .member__wrap .member__con {
  width: 542px;
  padding: 30px;
  background-color: #fff;
  border-radius: 5px;
  border: 1.5px solid #4a25aa;
}

section.member .member__wrap .member__con .member__tit {
  padding-bottom: 23px;
}

section.member .member__wrap .member__con .member__tit .tit-txt {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: -0.54px;
}

section.member .member__wrap .member__con .login__tit .tit-txt {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  letter-spacing: -0.54px;
  margin-bottom: 40px;
  text-align: center;
}

section.member .member__wrap .member__con .certify-info .top-txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  font-weight: 500;
}

section.member .member__wrap .member__con .certify-info .bottom-txt {
  padding-top: 6px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  color: #666666;
}

section.member .member__wrap .member__con .certify-how {
  padding: 20px 24px 20px;
  background-color: #f5f5f5;
  margin: 20px 5px 20px 5px;
  border-radius: 5px;
}

section.member .member__wrap .member__con .certify-how .top-txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  font-weight: 700;
}

section.member .member__wrap .member__con .certify-how .bottom-txt {
  padding-top: 6px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

section.member .member__wrap .member__con .certify-how .certificate {
  text-align: center;
  margin-top: 20px;
}

section.member .member__wrap .member__con .certify-how .certificate img {
  width: 150px;
}

section.member .member__wrap .member__con .certify-how .step-txt-list {
  padding-top: 12px;
}

section.member .member__wrap .member__con .certify-how .step-txt-list .step-txt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  color: #666666;
}

section.member .member__wrap .member__con .certify-how .step-txt-list .step-txt + .step-txt {
  margin-top: 8px;
}

section.member .member__wrap .member__con .certify-form .photo-upload-btn-box {
  text-align: center;
}

section.member .member__wrap .member__con .certify-form .photo-upload-btn-box .photo-upload-btn {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  height: 33px;
  width: 110px;
  cursor: pointer;
  border-radius: 3px;
  background-color: #fff;
}

section.member
  .member__wrap
  .member__con
  .certify-form
  .photo-upload-btn-box
  .photo-upload-btn:hover {
  background-color: #f5f5f5;
}

section.member
  .member__wrap
  .member__con
  .certify-form
  .photo-upload-btn-box
  .photo-upload-btn
  .ic-photo {
  background: url("../img/ic_photo.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
}

section.member
  .member__wrap
  .member__con
  .certify-form
  .photo-upload-btn-box
  .photo-upload-btn
  .txt {
  padding-left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  letter-spacing: -0.42px;
}

section.member .member__wrap .member__con .certify-form .photo-upload-img {
  margin: 53px 0 0;
  position: relative;
  text-align: center;
}

section.member .member__wrap .member__con .certify-form .photo-upload-img .photo-remove-btn {
  z-index: 1;
  position: absolute;
  right: 15px;
  top: 10px;
  background: url("../img/ic_photo_remove.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}

section.member .member__wrap .member__con .certify-form .photo-upload-img .img-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

section.member .member__wrap .member__con .certify-form .photo-upload-img .img-box img {
  display: inline-block;
  vertical-align: middle;
}

section.member .member__wrap .member__con .certify-form .photo-upload-img .txt-box {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  letter-spacing: -0.36px;
}

section.member .member__wrap .member__con .certify-form .certificate .photo-upload-img2 {
  margin: 53px 0 0;
  position: relative;
  text-align: center;
}

section.member
  .member__wrap
  .member__con
  .certify-form
  .certificate
  .photo-upload-img2
  .photo-remove-btn {
  z-index: 1;
  position: absolute;
  right: 15px;
  top: 10px;
  background: url("../img/ic_photo_remove.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}

section.member .member__wrap .member__con .certify-form .certificate .photo-upload-img2 .img-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

section.member
  .member__wrap
  .member__con
  .certify-form
  .certificate
  .photo-upload-img2
  .img-box
  img {
  display: inline-block;
  vertical-align: middle;
}

section.member .member__wrap .member__con .certify-form .certificate .photo-upload-img2 .txt-box {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  letter-spacing: -0.36px;
}

section.member .member__wrap .member__con .certify-form .photo-certify-btn-box {
  margin-top: 25px;
}

section.member .member__wrap .member__con .certify-form .photo-certify-btn-box .certify-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #4a25aa;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 52px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  outline: none;
  border: none;
  cursor: pointer;
  width: 100%;
}

section.member .member__wrap .certify-form .photo-certify-btn-box .certify-btn:hover {
  background-color: #7673f5;
}

section.member .member__wrap .certify-form .other-login-btn-box .other-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 52px;
  margin: 20px auto;
  margin-bottom: 0px;
  width: 472px;
  color: #666;
  border-radius: #666;
  border: 1px solid #ccc;
}

section.member .member__wrap .certify-form .other-login-btn-box .other-login-btn:hover {
  background-color: #fafafa;
}

section.member .member__wrap .certify-form .other-login-btn-box .other-login-btn img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

section.member .member__wrap .certify-form .other-login-btn-box .other-login-btn.class {
  color: #4a25aa;
  border: 1px solid #4a25aa;
}

section.member .member__wrap .success-box .other-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #fff;
  color: #4a25aa;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 52px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  margin-top: 18px;
}

section.member .member__wrap .member__con .join-form .row + .row {
  margin-top: 16px;
}

section.member .member__wrap .member__con .join-form .row .info-txt {
  padding-top: 9px;
  color: #f54d53;
  letter-spacing: -0.36px;
  font-size: 12px;
  line-height: 18px;
}

section.member .member__wrap .member__con .join-form .row .info-txt.ok {
  color: #19d4b7;
}

section.member .member__wrap .member__con .join-form .info-txt {
  padding-top: 4px;
  color: #f54d53;
  letter-spacing: -0.36px;
  font-size: 12px;
  line-height: 18px;
}

section.member .member__wrap .member__con .join-form .info-txt.ok {
  color: #19d4b7;
}

section.member .member__wrap .member__con .join-form .row .complete-btn {
  margin-top: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #333;
  border: 1px solid #333;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 53px;
  padding: 0 22px;
}

section.member .member__wrap .member__con .join-form .row .complete-btn:hover {
  background-color: #fafafa;
}

section.member .member__wrap .join-form .login-btn-box .login-btn:hover {
  background-color: #fafafa;
}

section.member .member__wrap .member__con .join-form .row .send-btn {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 52px;
  width: 100%;
}

section.member .member__wrap .member__con .join-form .row .send-btn:hover {
  background-color: #fafafa;
}

section.member .member__wrap .member__con .join-form .row .send-btn.on {
  color: #4a25aa;
  border: 1px solid #4a25aa;
}

section.member .member__wrap .member__con .agree-form {
  padding: 50px 0 0;
}

section.member .member__wrap .member__con .agree-form .all-agree {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

section.member .member__wrap .member__con .join-form .success-box .main-txt {
  margin: 30px 0px 20px 0px;
  font-family: NotoSansCJKkr;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #333;
}

section.member .member__wrap .member__con .join-form .success-box .sub-txt {
  margin: 15px 0;
  font-family: NotoSansCJKkr;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #666;
}

section.member .member__wrap .member__con .join-form .success-box .sub-txt.detail {
  margin: 7px 0 0;
  font-weight: 600;
}

section.member .member__wrap .member__con .join-form .success-box .logo {
  text-align: center;
}

section.member .member__wrap .member__con .agree-form .all-agree .cbox label .txt {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

section.member .member__wrap .member__con .agree-form .agree-list {
  padding: 20px 0 14px;
}

section.member .member__wrap .member__con .agree-form .agree-list .cbox label i {
  width: 13px;
  height: 13px;
  line-height: 18px;
}

section.member .member__wrap .member__con .agree-form .agree-list .cbox label .txt {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

section.member .member__wrap .member__con .agree-form .agree-list .agree-box + .agree-box {
  margin-top: 18px;
}

section.member .member__wrap .member__con .agree-form .agree-list .agree-box .agree-chk-box {
  font-size: 0;
  padding-bottom: 10px;
}

section.member .member__wrap .member__con .agree-form .agree-list .agree-box .agree-chk-list {
  padding-left: 22px;
}

section.member .member__wrap .member__con .agree-form .agree-list .agree-box .agree-chk-list .row {
  font-size: 0;
}

section.member
  .member__wrap
  .member__con
  .agree-form
  .agree-list
  .agree-box
  .agree-chk-list
  .row
  + .row {
  margin-top: 5px;
}

section.member .member__wrap .member__con .agree-form .agree-list .agree-box .agree-con-box {
  padding: 7px 11px;
  border: 1px solid #ccc;
  background-color: #fafafa;
  height: 80px;
  width: 100%;
  overflow-y: auto;
  white-space: initial;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.36px;
  color: #909090;
  word-break: keep-all;
}

.agree-box .agree-con-box {
  padding: 7px 11px;
  border: 1px solid #ccc;
  background-color: #fff;
  height: 80px;
  width: 489px;
  overflow-y: auto;
  white-space: initial;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.36px;
  color: #909090;
  word-break: keep-all;
}

/*이용약관*/

section.member .member__wrap .member__con .agree-form .agree-list .agree-box .agree-service-box {
  padding: 7px 11px;
  background-color: #fafafa;
  height: 400px;
  width: 100%;
  overflow-y: auto;
  white-space: initial;
  font-size: 13px;
  line-height: 25px;
  letter-spacing: -0.36px;
  color: #333;
  word-break: keep-all;
  margin-top: -90px;
}

/*이용약관*/

section.member .member__wrap .member__con .agree-form .agree-info .info-txt {
  text-align: center;
  color: #f54d53;
  font-size: 12px;
  letter-spacing: -0.36px;
  line-height: 18px;
  padding: 12px 0 15px;
  border-top: 1px solid #ccc;
}

section.member .member__wrap .member__con .agree-form .agree-info .certify-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #4a25aa;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 52px;
  width: 100%;
  cursor: pointer;
  box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
}

section.member .member__wrap .member__con .agree-form .agree-info .certify-btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #666;
  border: 1px solid #ccc;
  font-size: 14px;
  letter-spacing: -0.42px;
  height: 52px;
  width: 100%;
  cursor: pointer;
}

section.member .member__wrap .member__con .agree-form .agree-info .certify-btn2:hover {
  background-color: #fafafa;
}

section.member .member__wrap .member__con .agree-form .agree-info .certify-btn2.on {
  color: #fff;
  background-color: #4a25aa;
  border: none;
}

section.magazine__home .list__wrap {
  padding: 28px 0 51px;
  font-size: 0;
}

section.magazine__home .list__wrap ul {
  margin: -9px;
  overflow: hidden;
}

section.magazine__home .list__wrap ul li {
  display: inline-block;
  vertical-align: middle;
  width: calc(33.33% - 18px);
  margin: 9px;
}

section.magazine__detail .inner .tit-box .tit-txt {
  line-height: 26px;
  font-size: 16px;
  letter-spacing: -0.54px;
  color: #666;
  padding: 2px 6px;
  background-color: #f5f5f5;
  border-radius: 3px;
  font-weight: 500;
  margin-right: 6.5px;
  -webkit-animation: fadeindown 1s;
}

section.magazine__list article.list__table2 .table__menu {
  margin-bottom: 12.5px;
}

section.magazine__list article.list__table2 .table__menu .table-menu-btn {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  font-weight: 500;
}

section.magazine__list article.list__table2 .table__menu .table-menu-btn + .table-menu-btn {
  margin-left: 8px;
}

section.magazine__list article.list__table2 .table__menu .table-menu-btn.type1 {
  background-color: #ccc;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
}

section.magazine__list article.list__table2 .table__menu .table-menu-btn.type2 {
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 13px;
}

/*상단 글쓰기*/

section.magazine__list article.list__table2 .table__menu .article.paging .write-btn {
  position: absolute;
  right: 0;
  display: inline;
  height: 35px;
  background-color: #4a25aa;
  color: #fff;
  width: 85px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  letter-spacing: -0.42px;
}

article.list__table2 .list {
  display: flex;
  flex-direction: column;
  border-top: 2px solid #333;
  border-bottom: 1px solid #333;
}

article.list__table2 .list.class {
  border-bottom: none;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  border-radius: 0px 0px 10px 10px;
}

section.magazine__list article.list__table2 table {
  border-top: 2px solid #333;
  border-bottom: 1px solid #333;
}

/* estate */

article.list__table2 .list .estate-locale {
  width: 170px;
}

article.list__table2 .list .estate-price {
  width: 150px;
}

article.list__table2 .list .estate-title {
  width: calc(100% - 620px);
}

article.list__table2 .list .estate-detail {
  width: 100px;
}

/* 게시판, 임상포럼 */
article.list__table2 .list .image {
  width: 120px;
}

section.magazine__list article.list__table2 .list .topic {
  width: 180px;
}

section.magazine__list article.list__table2 .list .title {
  width: calc(100% - 660px);
}

section.magazine__list article.list__table2 .list .board-title {
  width: calc(100% - 540px);
}

article.list__table2 .list img.picked {
  position: relative;
}

section.magazine__list article.list__table2 .list .writer {
  width: 150px;
  position: relative;
}

section.magazine__list article.list__table2 .list .writer .nick {
  text-overflow: ellipsis;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

section.magazine__list article.list__table2 .list .writer img {
  position: absolute;
  left: -10px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

article.list__table2 .list img.user_badge {
  position: absolute;
  left: -10px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

section.magazine__list article.list__table2 .list .detail {
  width: 70px;
}

article.list__table2 .list .list-head {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid #333;
}

article.list__table2 .list .list-head.class {
  background-color: #fafafa;
}

article.list__table2 .list .list-head div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
}

article.list__table2 .list .list-head div.left {
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 10px;
}

section.magazine__list article.list__table2 .list .notice {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
  background-color: #f5f5f5;
  height: 95px;
}

section.magazine__list article.list__table2 .list .notice > div {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
}

section.magazine__list article.list__table2 .list .notice .img-box img {
  width: 67px;
  height: 67px;
}

section.magazine__list article.list__table2 .list .notice.slim {
  height: 55px;
}

article.list__table .cursor .notice {
  height: 55px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

article.list__table2 .list .accent {
  color: #4a25aa;
}

article.list__table2 .list .accent.F {
  color: #C71D8D;
}

article.list__table2 .list .accent.M {
  color: #16C6F2;
}

article.list__table2 .list .accent.type_student {
  color: #00BAB8;
}

section.magazine__list article.list__table2 .list .notice div.left {
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 10px;
}

section.magazine__list article.list__table2 .list .notice div.left img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

article.list__table2 .list .content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
  width: 100%;
  height: 95px;
}

article.list__table2 .list .notice {
  background-color: #f5f5f5;
}

article.list__table2 .list .notice b{
  font-weight: 700;
}

article.list__table2 .list .content.available {
  background: rgba(237, 234, 255, 0.5);
  border-bottom: none;
}

article.list__table2 .list .content.slim {
  height: 55px;
}

article.list__table2 .list .content.reported {
  background: #fff5f5;
}

article.list__table2 .list .content.alarm {
  height: 40px;
  background-color: #fff;
  font-size: 15px;
  color: #4a25aa;
  border-top: 1px solid #4a25aa;
  border-bottom: none;
}

article.list__table2 .list .content.alarm:hover {
  box-shadow: none;
}

article.list__table2 .list .content.class {
  height: 80px;
  line-height: 20px;
  cursor: default;
}

article.list__table2 .list .content.class .desc {
  text-align: start;
  cursor: default;
}

article.list__table2 .list .content.class .desc.available {
  color: #4a25aa;
  height: 80px;
  cursor: pointer;
}

article.list__table2 .list .content.current {
  background-color: #f5f5f5;
}

article.list__table2 .list .content:hover {
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  z-index: 2;
  border-radius: 5px;
}

article.list__table2 .list .class.content:hover {
  box-shadow: none;
  z-index: 1;
  border-radius: 0px;
}

article.list__table2 .list .no-hover.content:hover {
  box-shadow: none;
  z-index: 1;
  border-radius: 0px;
}

article.list__table2 .list .content > div {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 420;
}

article.list__table2 .list .content div.left {
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 10px;
  font-weight: 420;
}

article.list__table2 .list .content .img-box {
  width: 67px;
  height: 67px;
  overflow: hidden;
}

article.list__table2 .list .content .img-box img {
  width: 100%;
  height: 100%;
}

section.magazine__list article.list__table2 table thead tr {
  border-bottom: 1px solid #333;
}

section.magazine__list article.list__table2 table thead tr th {
  height: 45px;
  padding: 0px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}

/* 지우기 */
section.magazine__list article.list__table2 table thead tr th.left {
  text-align: left;
  padding-left: 15px;
}

section.magazine__list article.list__table2 table thead tr th.left {
  text-align: left;
  padding-left: 15px;
}

section.magazine__list article.list__table2 table tbody tr + tr td {
  border-top: 1px solid #ededed;
}

section.magazine__list article.list__table2 .cursor.current {
  background-color: #f5f5f5;
}

section.magazine__list article.list__table2 .cursor_notice_q {
  cursor: pointer;
  background-color: #f5f5f5;
}

section.magazine__list article.list__table2 .cursor_notice {
  cursor: pointer;
  background-color: #f5f5f5;
}

section.magazine__list article.list__table2 table tbody tr td {
  padding: 14px 15px;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

section.magazine__list article.list__table2 table tbody tr td.type-report {
  color: #666;
}

section.magazine__list article.list__table2 table tbody tr td.type-color1 {
  color: #4a25aa;
}

section.magazine__list article.list__table2 table tbody tr td.type-color_notice {
  color: #333;
  font-weight: 700;
}

section.magazine__list article.list__table2 table tbody tr td.left {
  text-align: left;
  position: relative;
}

section.magazine__list article.list__table2 table tbody tr td.left .nick {
  text-overflow: ellipsis;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
}

section.magazine__list article.list__table2 table tbody tr td.title_under {
  text-align: left;
}

section.magazine__list article.list__table2 table tbody tr td.title_under .picked {
  margin-right: 5px;
  height: 18px;
  position: relative;
  top: 2px;
}

section.magazine__list article.list__table2 table tbody tr td.title_under a:hover,
section.magazine__list article.list__table2 table tbody tr td.title_under span:hover {
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
}

section.magazine__list article.list__table2 table tbody tr td.left_notice_q {
  text-align: left;
  font-weight: 700;
  color: #333;
}
section.magazine__list article.list__table2 table tbody tr td.left_notice_q img {
  margin-right: 5px;
}

section.magazine__list article.list__table2 table tbody tr td.left_notice {
  text-align: left;
  font-weight: 700;
}

section.magazine__list article.list__table2 table tbody tr td.left_notice .notice__link {
  color: #333;
}

section.magazine__list article.list__table2 table tbody tr td.left * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 3px;
  max-width: 500px;
  display: inline-block;
  position: relative;
}

section.magazine__list article.list__table2 table tbody tr td.left img.rank_badge {
  position: absolute;
  left: -6px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

section.magazine__list article.list__table2 table tbody tr td.left img.board_rank_badge {
  position: absolute;
  left: -6px;
  width: 16px;
  height: 16px;
  top: 16px;
}

section.magazine__list article.list__table2 table tbody tr td.left a.underline:hover {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 3px;
  max-width: 500px;
  display: inline-block;
  text-decoration: underline;
}

section.magazine__list article.list__table2 table tbody tr td.left .left-hospital {
  max-width: 130px;
}

section.magazine__list article.list__table2 table tbody tr td.left .qna-title {
  max-width: 400px;
}

section.magazine__list article.list__table2 table tbody tr td.left_notice img {
  margin-right: 5px;
}
section.magazine__list article.list__table2 table tbody tr td.left_guide {
  text-align: left;
  color: #4a25aa;
}

section.magazine__list article.list__table2 table tbody tr td.left_doctor {
  text-align: left;
  color: #4684f8;
}

section.magazine__list article.list__table2 table tbody tr td.left_guide img {
  float: left;
  margin-left: -20px;
}

section.magazine__list article.list__table2 table tbody tr td.left_hana {
  text-align: left;
}

section.magazine__list article.list__table2 table tbody tr td.left_hana img {
  float: left;
  margin-left: -20px;
}

section.magazine__list article.list__table2 table tbody tr td.left_se {
  text-align: left;
}

section.magazine__list article.list__table2 table tbody tr td.left_se img {
  float: left;
  margin-left: -20px;
}

section.magazine__list article.list__table2 table tbody tr td.left_dlight {
  text-align: left;
}

section.magazine__list article.list__table2 table tbody tr td.left_dlight img {
  float: left;
  margin-left: -20px;
}

section.magazine__list article.list__table2 table tbody tr td.left_doctor img {
  float: left;
  margin-left: -20px;
}

section.magazine__list article.list__table2 table tbody tr td.left_user {
  text-align: left;
  color: #48ebd2;
}

section.magazine__list article.list__table2 table tbody tr td.left_user img {
  float: left;
  margin-left: -20px;
}

section.magazine__list article.list__table2 table tbody tr td.left-reply {
  text-align: left;
  color: #ccc;
}

section.magazine__list article.list__table2 table tbody tr td .accent {
  color: #4a25aa;
}

section.magazine__list article.list__table2 .ic-albums {
  margin-left: 6px;
  background: url("../img/ico-picture-frame.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}

section.magazine__list article.list__table2 .ic-reported {
  margin-right: 6px;
  background: url("../img/ico-report-red.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
}

section.magazine__list article.list__table2 .ic-admin-selected {
  margin-right: 6px;
  background: url("../img/ico-cup.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
}

section.magazine__list article.list__table2 table tbody tr td .img-box {
  width: 67px;
  height: 67px;
  border-radius: 5px;
  overflow: hidden;
}

section.magazine__list article.list__table2 table tbody tr td .img-box img {
  width: 100%;
  height: 100%;
}

/*장터*/

section.magazine__list article.equip__table2 .table__menu {
  margin-bottom: 12.5px;
}

section.magazine__list article.equip__table2 .table__menu .table-menu-btn {
  display: inline-flex;
  height: 33px;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  font-weight: 500;
}

section.magazine__list article.equip__table2 .table__menu .table-menu-btn + .table-menu-btn {
  margin-left: 8px;
}

section.magazine__list article.equip__table2 .table__menu .table-menu-btn.type1 {
  background-color: #ccc;
  color: #fff;
  font-size: 13px;
}

section.magazine__list article.equip__table2 .table__menu .table-menu-btn.type2 {
  border: 1px solid #ccc;
  font-size: 13px;
}

section.magazine__list article.equip__table2 table {
  border-top: 2px solid #4a25aa;
  border-bottom: 1px solid #4a25aa;
}

section.magazine__list article.equip__table2 table thead tr th {
  border-bottom: 1px solid #4a25aa;
  height: 45px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}

section.magazine__list article.equip__table2 table thead tr th.left {
  text-align: left;
}

section.magazine__list article.equip__table2 table tbody tr + tr td {
  border-top: 1px solid #ededed;
}

section.magazine__list article.equip__table2 table tbody tr.cursor {
  cursor: pointer;
}

section.magazine__list article.equip__table2 table tbody tr td {
  padding: 12px 15px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

section.magazine__list article.equip__table2 table tbody tr td.type-report {
  color: #666;
}

section.magazine__list article.equip__table2 table tbody tr td.type-color1 {
  color: #666666;
}

section.magazine__list article.equip__table2 table tbody tr td.left {
  text-align: left;
}

section.magazine__list article.equip__table2 table tbody tr td .accent {
  color: #4a25aa;
}

section.magazine__list article.equip__table2 table tbody tr td .ic-albums {
  margin-left: 6px;
  background: url("../img/ic_albums.svg") no-repeat center/cover;
  width: 9px;
  height: 8px;
}

section.magazine__list article.equip__table2 table tbody tr td .img-box {
  width: 67px;
  height: 67px;
  border-radius: 5px;
  overflow: hidden;
}

section.magazine__list article.equip__table2 table tbody tr td .img-box img {
  width: 100%;
  height: 100%;
}

section.magazine__list article.seminar_sche .table__menu {
  margin-bottom: 12.5px;
}

section.magazine__list article.seminar_sche .table__menu .table-menu-btn {
  display: inline-flex;
  height: 33px;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  font-weight: 500;
}

section.magazine__list article.seminar_sche .table__menu .table-menu-btn + .table-menu-btn {
  margin-left: 8px;
}

section.magazine__list article.seminar_sche .table__menu .table-menu-btn.type1 {
  background-color: #ccc;
  color: #fff;
  font-size: 13px;
}

section.magazine__list article.seminar_sche .table__menu .table-menu-btn.type2 {
  border: 1px solid #ccc;
  font-size: 13px;
}

section.magazine__list article.seminar_sche table {
  border-top: 2px solid #333;
  border-bottom: 1px solid #333;
}

section.magazine__list article.seminar_sche table thead tr th {
  border-bottom: 1px solid #333;
  height: 45px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.42px;
}

section.magazine__list article.seminar_sche table thead tr th.left {
  text-align: left;
}

section.magazine__list article.seminar_sche table tbody tr + tr td {
  border-top: 1px solid #ededed;
}

section.magazine__list article.seminar_sche table tbody tr.cursor {
  cursor: pointer;
}

section.magazine__list article.seminar_sche table tbody tr.cursor:hover {
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 10%),
    0 1px 3px 1px rgb(60 64 67 / 10%);
  z-index: 2;
  border-radius: 5px;
}

section.magazine__list article.seminar_sche table tbody tr td {
  padding: 12px 15px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

section.magazine__list article.seminar_sche table tbody tr td.type-report {
  color: #666;
}

section.magazine__list article.seminar_sche table tbody tr td.type-color1 {
  color: #666666;
}

section.magazine__list article.seminar_sche table tbody tr td.left {
  text-align: left;
}

section.magazine__list article.seminar_sche table tbody tr td .accent {
  color: #333;
  font-size: 16px;
}

section.magazine__list article.seminar_sche table tbody tr td .ic-albums {
  margin-left: 6px;
  background: url("../img/ic_albums.svg") no-repeat center/cover;
  width: 9px;
  height: 8px;
}

section.magazine__list article.seminar_sche table tbody tr td .img-box {
  width: 142px;
  height: 142px;
  border-radius: 5px;
  overflow: hidden;
}

section.magazine__list article.seminar_sche table tbody tr td .img-box img {
  width: 100%;
  height: 100%;
}

/*장터끝*/

article.list__search__form {
  text-align: center;
}

article.list__search__form .search__form__box {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 486px;
  border-radius: 72px;
  height: 42px;
  position: relative;
  background-color: #f5f5f5;
}

article.list__search__form .search__form__box:focus-within {
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000022;
}

.seach__form__box:focus-within {
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000022;
}

article.list__search__form .search__form__box .search-btn {
  width: 56px;
  height: 42px;
  background: url("../img/ico-search.svg") no-repeat center;
  outline: none;
  border: none;
  cursor: pointer;
}

article.list__search__form .search__form__box .search-btn.center {
  position: relative;
}

article.list__search__form .search__form__box input {
  width: calc(100% - 66px);
  height: 100%;
  background-color: transparent;
  border: none;
  font-size: 14px;
  letter-spacing: -0.6px;
  margin-left: 30px;
}

article.list__search__form .search-com-btn {
  width: 80px;
  height: 30px;
  position: absolute;
  margin: 5px 0 12px -6px;
}

article.list__search__form .search-com-btn .txt {
  color: #333;
  font-size: 13px;
  position: relative;
  top: -1px;
}

article.list__search__form .search__form__box input::placeholder {
  color: #ccc;
}

section.magazine__detail .detail__group .tit-box {
  padding-top: 28px;
  border-bottom: 2px solid #333;
  width: 750px;
}

section.magazine__detail .detail__group .tit-box.dt {
  border-bottom: none;
}

.management section.magazine__detail .detail__group .tit-box {
  width: 100%;
}

section.magazine__detail .detail__group .tit-box .reported {
  margin-right: 6px;
  background: url("../img/ico-report-red.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
  position: relative;
  top: -3px;
}

section.magazine__detail .detail__group .tit-box .subject-box {
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.42px;
  word-break: break-all;
  text-align: left;
}

section.magazine__detail .detail__group .tit-box .subject-box .picked {
  width: 80px;
  margin-right: 10px;
}

section.magazine__detail .detail__group .tit-box .subject-box-topic {
  font-size: 14px;
  color: #4a25aa;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.42px;
  margin-bottom: 10px;
}

section.magazine__detail .detail__group .tit-box .info-box {
  padding-top: 18px;
  font-size: 0;
  margin-bottom: 10px;
}

section.magazine__detail .detail__group .tit-box .info-box .txt {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  margin-top: -3px;
}

section.magazine__detail .detail__group .tit-box .info-box .txt img.rank_badge {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

section.magazine__detail .detail__group .tit-box .info-box .block {
  padding: 4px;
  cursor: pointer;
  border-radius: 3px;
  display: flex;
  align-items: center;

}

section.magazine__detail .detail__group .tit-box .info-box .block:hover {
  background-color: #f5f5f5;
}

section.magazine__detail .detail__group .tit-box .info-box .block img {
  display: inline-block;
  position: relative;
  top: -1px;
}
section.magazine__detail .detail__group .tit-box .info-box .block .txt {
  color: #666;
  margin-left: 4px;
  font-size: 13px;
}

/*판매완료*/

article.section__tit__box .tit-box .menu-box .block {
  margin-left: 13px;
  border: 1px solid #ccc;
  padding: 14px 7px 11px 4px;
  cursor: pointer;
}
article.section__tit__box .tit-box .menu-box .block img {
  position: relative;
  top: 5px;
}
article.section__tit__box .tit-box .menu-box .block .txt {
  color: #666;
  margin-left: 5px;
  font-size: 13px;
  position: relative;
  top: 3px;
}

/*판매완료*/

section.magazine__detail .detail__group .tit-box .info-box .txt + .txt {
  margin-left: 20px;
}

section.magazine__detail .detail__group .tit-box .info-box .txt + .txt:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background-color: #666666;
  border-radius: 50%;
}

section.magazine__detail .detail__group .etc-box {
  background-color: #fafafa;
  padding: 10px 15px;
  color: #666666;
}

section.magazine__detail .detail__group .etc-box.dt {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
}

section.magazine__detail .detail__group .etc-box.dt .box{
  width: 50%;
}

section.magazine__detail .detail__group .etc-box .row {
  display: flex;
  font-size: 15px;
  line-height: 35px;
  letter-spacing: -0.42px;
}

section.magazine__detail .detail__group .etc-box .row .subject {
  font-weight: 400;
  display: inline-flex;
  padding-right: 5px;
}

section.magazine__detail .detail__group .etc-box .row .subject.dt {
  width: 100px;
  color: #a6a6a6;
}

section.magazine__detail .detail__group .etc-box .row .con {
  display: inline-flex;
  width: 900px;
}

section.magazine__detail .detail__group .etc-box .row a.con:hover{
  color: #4a25aa;
}

.detail__group .menu-box-list .menu-box .like-btn-n {
  padding: 10px;
  background: url("../img/like_n.svg") no-repeat center;
  margin-right: 5px;
}

.detail__group .menu-box-list .menu-box .like-btn-n:hover {
  background-color: #fafafa;
}

.detail__group .menu-box-list .menu-box .like-btn-n.on {
  background: url("../img/like_n_on.svg") no-repeat center;
}

section.magazine__detail .detail__group .etc-box .row .con .accent {
  display: inline-flex;
  color: #4a25aa;
  margin-left: 10px;
}

section.magazine__detail .detail__group .etc-box .row .con .txt {
  display: inline-flex;
  color: #333;
  margin-left: 10px;
}

section.magazine__detail .detail__group .etc-box .row .con .txt.schedule {
  display: block;
}

section.magazine__detail .detail__group .con-box {
  padding: 15px 0;
}

section.magazine__detail .detail__group .con-box.divided {
  display: flex;
  justify-content: space-between;
}

section.magazine__detail .detail__group .con-box .left-content {
  width: 750px;
}

section.magazine__detail .detail__group .con-box .right-content {
  width: 400px;
  display: flex;
  flex-direction: column;
  margin-top: -149px;
}

section.magazine__detail .detail__group .con-box .right-content .layout__box__2 {
  width: 100%;
  min-height: 348px;
  font-size: 20px;
  margin-top: 30px;
  background-color: #fafafa;
  border-radius: 10px;
  padding: 20px 14px;
}

section.magazine__detail .detail__group .con-box .right-content .layout__box__3 {
  width: 100%;
  min-height: 348px;
  font-size: 20px;
  margin-top: 30px;
  border-radius: 10px;
  padding: 20px 14px;
}

section.magazine__detail .detail__group .con-box .right-content .layout__box__3.comment__box {
  background-color: #fafafa;
}

section.magazine__detail .detail__group .con-box .right-content .tit-box {
  display: flex;
  position: relative;
  align-self: center;
  border-bottom: none;
  padding-top: 0px;
  width: 100%;
}

section.magazine__detail .detail__group .con-box .right-content .tit-box .tit-txt {
  line-height: 26px;
  font-size: 20px;
  letter-spacing: -0.54px;
  font-weight: 600;
  background-color: transparent;
  color: #000;
  -webkit-animation: fadeindown 1s;
}

section.magazine__detail .detail__group .con-box .card-link-box {
  position: relative;
  width: 387px;
  margin: 0 auto 48px;
  cursor: pointer;
}

section.magazine__detail .detail__group .con-box .card-link-box a {
  display: block;
}

section.magazine__detail .detail__group .con-box .card-link-box a .img-box {
  width: 100%;
  height: 387px;
}

section.magazine__detail .detail__group .con-box .card-link-box a .img-box img {
  width: 100%;
  height: 100%;
}

section.magazine__detail .detail__group .con-box .card-link-box .txt-info-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  height: 51px;
  align-items: center;
  justify-content: center;
  background: rgba(51, 51, 51, 0.88);
}

section.magazine__detail .detail__group .con-box .card-link-box .txt-info-box .ic-click {
  background: url("../img/ic_click.svg") no-repeat center/cover;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

section.magazine__detail .detail__group .con-box .card-link-box .txt-info-box .txt {
  line-height: 20px;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.42px;
}

section.magazine__detail .detail__group .con-box .txt-box {
  text-align: left;
  line-height: 25px;
  font-size: 15px;
  letter-spacing: -0.42px;
}

section.magazine__detail .detail__group .con-box .txt-box .reported {
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 20px;
  background: #fff5f5;
  border-radius: 5px;
  color: #ff7878;
}

section.magazine__detail .detail__group .con-box .location-box {
  text-align: left;
  line-height: 25px;
  font-size: 14px;
  letter-spacing: -0.42px;
  margin-top: 60px;
}

section.magazine__detail .detail__group .con-box .location-box .info-box {
  text-align: left;
  line-height: 25px;
  font-size: 14px;
  letter-spacing: -0.42px;
}

section.magazine__detail .detail__group .con-box .location-box #map-box {
  margin-top: 20px;
  height: auto;
  width: 800px;
}

section.magazine__detail .detail__group .con-box img {
  max-width: 100%;
  border-radius: 2px;
}

section.magazine__detail .detail__group .con-box .txt-box .img-box {
  margin-top: 20px;
  position: relative;
  width: fit-content;
  line-height: 0;
}

section.magazine__detail .detail__group .con-box .txt-box img {
  max-width: 100%;
}

section.magazine__detail .detail__group .con-box .txt-box .img-box .watermark{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

section.magazine__detail .detail__group .con-box .txt-box .integration-editor__p .watermark{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.detail__group .menu-box-list {
  display: flex;
  justify-content: center;
}

.detail__group .menu-box-list.like {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.detail__group .menu-box-list.like .like-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  background-color: #fafafa;
  border-radius: 50%;
  width: 87px;
  height: 87px;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  /* padding: 3px 8px;
  margin: 10px 10px 30px 0px; */
}

.detail__group .menu-box-list.like .like-box:hover {
  background-color: #ebebeb;
}

.detail__group .menu-box-list.like .count_n {
  font-weight: 500;
}

.detail__group .menu-box-list.like .like-box.on {
  border: 1px solid #4a25aa;
  background-color: #edeaff;
  color: #4a25aa;
  font-weight: 400;
}

.detail__group .menu-box-list.like .like-box .like-btn-n {
  padding: 10px;
  background: url("../img/ico-like.svg") no-repeat center;
  margin-bottom: 5px;
}

.detail__group .menu-box-list.like .like-box .like-btn-n.on {
  background: url("../img/ico-like-fill.svg") no-repeat center;
}

.detail__group .menu-box-list .menu-box {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  padding: auto;
  margin: 20px 5px 30px 5px;
  width: 72px;
  height: 31px;
}

.detail__group .menu-box-list .menu-box:hover {
  background-color: #fafafa;
}

.detail__group .menu-box-list .menu-box.on {
  border: 1px solid #4a25aa;
  background-color: #edeaff;
  color: #4a25aa;
  font-weight: 400;
}

.detail__group .menu-box-list .menu-box .comment-txt {
  background: url("../img/ic_comment.svg") no-repeat center;
  padding-left: 26px;
}

.detail__group .menu-box-list .menu-box .heart-btn {
  background: url("../img/ic_heart_off.svg") no-repeat center;
  padding-left: 27px;
  color: #666;
  font-weight: 400;
  outline: none;
  border: none;
  cursor: pointer;
}

.detail__group .menu-box-list .menu-box .heart-btn.on {
  background: url("../img/ic_heart_on.svg") no-repeat center;
}

.detail__group .menu-box-list .menu-box .menu-txt {
  margin-right: 3px;
  white-space: nowrap;
}

.detail__group .menu-box-list .menu-box .share-btn {
  padding-left: 28px;
  background: url("../img/ico-arrow-share.svg") no-repeat center;
}

.detail__group .menu-box-list .menu-box .share-btn-n {
  padding: 11px;
  background: url("../img/ico-arrow-share.svg") no-repeat center;
  width: 16px;
  height: 16px;
}

.detail__group .menu-box-list .menu-box .count_n {
  color: #4a25aa;
  white-space: nowrap;
  margin-right: 3px;
}

.detail__group .menu-box-list .menu-box .police-btn-n {
  font-size: 14px;
  padding: 9px;
  background: url("../img/ico-report.svg") no-repeat center;
  margin-top: -2px;
}
.detail__group .menu-box-list .menu-box .scrap-btn-n {
  padding: 11px;
  background: url("../img/ico-bookmark.svg") no-repeat center;
}

.detail__group .menu-box-list .menu-box .scrap-btn-n.on {
  background: url("../img/ico-bookmark-fill.svg") no-repeat center;
}

.detail__group .menu-box-list .menu-box a {
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.6px;
}

.best-comment .comment-item {
  background-color: #FFF8F8;
}

.comment-item mark.best{
  background: linear-gradient(101.06deg, #F47B7B 46.33%, #DB4747 95.5%);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  border-radius: 2px;
  padding: 1px 5px;
  position: relative;
  top: -2px;
}

.comment-item mark.best i{
  color: #fff;
  position: relative;
  top: -1px;
  margin-right: 3px;
}

article.comment__form .comment__group .list__wrap .comment__list .comment-item .comment-box {
  position: relative;
  display: flex;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box:last-child {
  border-bottom: 1px solid #ededed;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box.type-mark {
  background: url("../img/ic_mark.svg") no-repeat top left 15px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box.type-profile {
  padding-left: 283px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box.type-profile
  .profile-box {
  position: absolute;
  top: 5px;
  left: 54px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box.type-profile
  .profile-box
  img {
  width: 100%;
  height: 100%;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box.type-profile
  .info-box {
  left: 102px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box.type-report {
  height: 82px;
  display: flex;
  align-items: center;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .report-box {
  position: absolute;
  left: 15px;
  padding-left: 22px;
  background: url("../img/ic_report.svg") no-repeat left center;
  line-height: 18px;
  font-size: 13px;
  color: #666666;
  letter-spacing: -0.36px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .info-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  flex-basis: 25%;
  text-align: left;
  padding: 15px 0 15px 50px;
  position: relative;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .container__content-btn {
  display: flex;
  flex-basis: 75%;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .container__content-btn
  .container__content {
  display: flex;
  justify-content: space-between;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .container__content-btn
  .container__content
  img {
  width: 65px;
  height: 18px;
  margin-right: 10px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .info-box
  .txt {
  /* display: inline-block; */
  vertical-align: middle;
  line-height: 20px;
  font-size: 15px;
  color: #666666;
  letter-spacing: -0.42px;
  position: relative;
  font-weight: 500;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .info-box
  .txt.accent {
  color: #4a25aa;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .info-box
  .txt
  + .txt {
  margin-left: 20px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .info-box
  .txt
  + .txt:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 2px;
  height: 2px;
  background: #666666;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .txt-box {
  word-break: break-all;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.42px;
  flex-basis: 93%;
}

article.comment__form .comment__group .list__wrap .comment__list .comment-item .comment-box .txt {
  flex-basis: 5%;
  text-align: end;
  font-size: 13px;
  color: #ccc;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .img-box {
  margin: 15px 0 6px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .img-box
  img {
  max-width: 100%;
  width: 300px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box {
  position: relative;
  margin-top: 25px;
  display: flex;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  a {
  font-weight: 300;
  line-height: 17px;
  font-size: 12px;
  letter-spacing: -0.6px;
  color: #666666;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  a
  + a {
  margin-left: 5px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .report-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .report-btn
  img {
  align-self: center;
  margin-right: 3px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .report-btn:nth-child(1) {
  margin-right: 60px;
}

/*답변선정*/
article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .answer-select-btn {
  font-size: 13px;
  padding-right: 6px;
  border: 1px solid #4a25aa;
  background-color: #fff;
  width: auto;
  height: 23px;
  line-height: 22.5px;
  cursor: pointer;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 3px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .answer-select-btn
  span {
  margin-left: 1px;
  position: relative;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .answer-select-btn
  .comment {
  margin-top: -22px;
  margin-left: 5px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .answer-select-btn
  img {
  width: 16px;
  height: 16px;
  margin: 0 5px;
  display: inline-block;
  position: relative;
  top: -1px;
}

/*댓글추천*/

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .comment-btn {
  outline: none;
  font-size: 13px;
  padding: 0px 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: auto;
  height: 23px;
  line-height: 22.5px;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .comment-btn:hover {
  background-color: #fafafa;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .comment-btn
  .comment {
  margin-left: 5px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .comment-btn
  img {
  width: 16px;
  height: 16px;
  margin-top: 0px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .comment-btn
  img:hover {
  background-color: #fafafa;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .heart-btn {
  padding: 1px 6px;
  outline: none;
  font-size: 12.5px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: auto;
  height: 23px;
  text-align: left;
  line-height: 22.5px;
  cursor: pointer;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .heart-btn:hover {
  background-color: #fafafa;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .heart-btn
  img {
  width: 16px;
  height: 16px;
  margin-top: 0px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .heart-btn
  span {
  margin-left: 5px;
  width: auto;
  font-size: 13px;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-box
  .menu-box
  .heart-btn.on
  span {
  color: #4a25aa;
}

/*댓글추천*/

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-list
  .comment-reply-box {
  background-color: rgba(237, 237, 237, 0.55);
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-box
  .txt-box {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.42px;
  flex-basis: 94%;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-box
  .txt {
  flex-basis: 6%;
  text-align: end;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-box
  .info-box {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  flex-basis: 30%;
  text-align: left;
  padding: 15px 0 15px 10%;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-list
  .comment-reply-box
  .container__content-btn {
  display: flex;
  flex-direction: column;
  flex-basis: 70%;
  padding: 15px;
  justify-content: space-between;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-list
  .comment-reply-box
  .container__content {
  display: flex;
}

article.comment__form
  .comment__group
  .list__wrap
  .comment__list
  .comment-item
  .comment-reply-list
  .comment-reply-boarticle.comment__form
  .comment__reg__form
  .reg-input-box
  textareax
  .report-box {
  left: 75px;
}

.textArea__disable {
  width: 100%;
  padding: 25px 18px;
  border-radius: 5px;
  border: 2px solid #ededed;
  background-color: #e3e3e3;
  margin-top: 15px;
}

article.comment__form .comment__reg__form {
  padding: 18px;
  border-bottom: 1px solid #ececec;
}

article.comment__form .comment__reg__info {
  padding: 18px;
  border-bottom: 1px solid #ececec;
  display: flex;
  justify-content: flex-start;
}

article.comment__form .comment__reg__form:last-child {
  border-bottom: none;
}

article.comment__form .comment__reg__form.modify {
  border: none;
  margin-bottom: 0px;
}

article.comment__form .comment__reg__form.reply {
  border: none;
  margin-bottom: 0px;
  background-color: rgba(237, 237, 237, 0.55);
}

article.comment__form .comment__reg__form .reg-input-box {
  border-radius: 5px;
  border: 3px solid #ededed;
}

article.comment__form .comment__reg__form.modify .reg-input-box {
  border: 1px solid #ededed;
  margin-top: 5px;
  background-color: #fff;
}

article.comment__form .comment__reg__form.reply .reg-input-box {
  border: 1px solid #ededed;
  margin-top: 1px;
  background-color: #fff;
}

article.comment__form .comment__reg__form .reg-input-box .reply__user {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  letter-spacing: -0.6px;
  color: #4a25aa;
  line-height: 18px;
  white-space: nowrap;
  margin-top: 20px;
  margin-left: 15px;
}

article.comment__form .comment__reg__form .reg-input-box textarea {
  resize: none;
  outline: none;
  padding: 15px 18px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
}

article.comment__form .comment__reg__form .reg-menu {
  display: flex;
  height: 38px;
  align-items: center;
  position: relative;
  margin: 0px 20px 11px 4px;
}

article.comment__form .comment__reg__info .info {
  font-size: 18px;
  font-weight: 600;
}

article.comment__form .comment__reg__info .purple {
  color: #4a25aa;
  margin-left: 5px;
}

article.comment__form .comment__reg__form .reg-menu .left-menu-box .photo-btn-box {
  font-size: 0;
}

article.comment__form
  .comment__reg__form
  .reg-menu
  .left-menu-box
  .photo-btn-box
  .photo-upload-btn {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
}

article.comment__form
  .comment__reg__form
  .reg-menu
  .left-menu-box
  .photo-btn-box
  .photo-upload-btn:hover {
  background-color: #fafafa;
}

article.comment__form
  .comment__reg__form
  .reg-menu
  .left-menu-box
  .photo-btn-box
  .photo-upload-btn
  .ic-photo {
  background: url("../img/ico-camera-vintage.svg") no-repeat center/cover;
  width: 15px;
  height: 12px;
}

article.comment__form
  .comment__reg__form
  .reg-menu
  .left-menu-box
  .photo-btn-box
  .photo-upload-btn
  .txt {
  padding-left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  letter-spacing: -0.42px;
}

article.comment__form .comment__reg__form .reg-menu .left-menu-box .photo-btn-box .info-txt {
  display: inline-flex;
  height: 38px;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  vertical-align: top;
  padding-left: 8px;
}

.curation-write .reg-menu .left-menu-box .photo-btn-box .photo-upload-btn {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
}

.curation-write .reg-menu .left-menu-box .photo-btn-box .photo-upload-btn:hover {
  background-color: #fafafa;
}

.curation-write .reg-menu .left-menu-box .photo-btn-box .photo-upload-btn .ic-photo {
  background: url("../img/ic_photo.svg") no-repeat center/cover;
  width: 15px;
  height: 12px;
}

.curation-write .reg-menu .left-menu-box .photo-btn-box .photo-upload-btn .txt {
  padding-left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  letter-spacing: -0.42px;
}

.curation-write .reg-menu .left-menu-box .photo-btn-box .info-txt {
  display: inline-flex;
  height: 38px;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  vertical-align: top;
  padding-left: 8px;
}

article.comment__form .comment__reg__form .reg-menu .right-menu-box {
  position: absolute;
  right: 0;
}

article.comment__form .comment__reg__form .reg-menu .right-menu-box .reg-btn-box .reg-btn {
  display: flex;
  height: 33px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #333;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.42px;
  width: 70px;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

article.comment__form .comment__reg__form .reg-menu .right-menu-box .reg-btn-box .reg-btn:hover {
  background-color: #000;
}

article.comment__form .comment__reg__form .preview-list {
  display: flex;
}

article.comment__form .comment__reg__form .preview-list .preview-box {
  margin-top: 18px;
  display: flex;
  position: relative;
}

article.comment__form .comment__reg__form .preview-list .preview-box img {
  height: 92px;
}

article.comment__form .comment__reg__form .preview-list .preview-box .remove-btn {
  background: url("../img/ic_photo_remove.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
  z-index: 1;
  outline: none;
  border: none;
  cursor: pointer;
  margin-left: 3px;
}

article.comment__form .comment__reg__form .preview-list .preview-box + .preview-box {
  margin-left: 10px;
}

article.card__news .card__news__wrap {
  position: relative;
}

article.card__news .card__news__wrap .swiper-button-prev {
  background: url("../img/ic_navi_left.svg") no-repeat center/28px 45px;
  outline: none;
  left: -30px;
}

article.card__news .card__news__wrap .swiper-button-prev:after {
  display: none;
}

article.card__news .card__news__wrap .swiper-button-next {
  background: url("../img/ic_navi_right.svg") no-repeat center/28px 45px;
  outline: none;
  right: -10px;
}

article.card__news .card__news__wrap .swiper-button-next:after {
  display: none;
}

article.card__news .swiper-container {
  margin: 0 auto;
}

article.card__news .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
}

article.card__news .swiper-container .swiper-wrapper .swiper-slide .img-box {
  width: 700px;
  height: 700px;
}

article.card__news .swiper-container .swiper-wrapper .swiper-slide .img-box img {
  width: 650px;
  height: 650px;
  max-width: 700px;
}

section.lnb__layout {
  font-size: 0;
}

section.lnb__layout .menu__layout {
  display: inline-block;
  vertical-align: top;
  width: 194px;
  padding-top: 43px;
  padding-right: 32px;
}

section.lnb__layout .menu__layout nav.lnb {
  border-radius: 5px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
}

section.lnb__layout .menu__layout nav.lnb .lnb-menu-box + .lnb-menu-box a {
  border-top: 1px solid #ededed;
}

section.lnb__layout .menu__layout nav.lnb .lnb-menu-box a {
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 38px;
  font-size: 14px;
}

section.lnb__layout .menu__layout nav.lnb .lnb-menu-box a:hover {
  background-color: #fafafa;
}

section.lnb__layout .menu__layout nav.lnb .lnb-menu-box a.on {
  color: #4a25aa;
}

section.lnb__layout .con__layout {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 194px);
}

article.selector-tabs .selector-tabs-wrap {
  /*border-top: 3px solid #4a25aa;*/
}
article.selector-tabs .selector-tabs-wrap .wage__box{
  height: 168px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  font-size: 16px;
  font-weight: 500;
}

article.selector-tabs .selector-tabs-wrap .wage__box input{
  width: 200px;
  height: 40px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  margin: 0 10px;
  padding: 10px;
  text-align: right;
}

article.selector-tabs .selector-tabs-wrap .wage__box input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

article.selector-tabs .selector-tabs-wrap .wage__box button{
  color: #333;
  padding : 9px 15px;
  margin-left: 20px;
  border: 1px solid #333;
  border-radius: 3px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
}

article.selector-tabs .selector-tabs-wrap .top-tabs {
  background-color: #fafafa;
  display: flex;
  width: 100%;
}

article.selector-tabs .selector-tabs-wrap .top-tabs .top-tabs-btn {
  display: inline-flex;
  height: 45px;
  padding: 0 15px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.42px;
  width: 173px;
  position: relative;
  outline: none;
  border: none;
  cursor: pointer;
}

article.selector-tabs .selector-tabs-wrap .top-tabs .top-tabs-btn:hover {
  background-color: #f5f5f5;
}

article.selector-tabs .selector-tabs-wrap .top-tabs .top-tabs-btn .txt {
  position: relative;
  z-index: 5;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

article.selector-tabs .selector-tabs-wrap .top-tabs .top-tabs-btn + .top-tabs-btn:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 21px;
  background-color: #ccc;
  z-index: 1;
}

article.selector-tabs .selector-tabs-wrap .top-tabs .top-tabs-btn.on:before {
  content: "";
  position: absolute;
  left: -1px;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  border-top: 3px solid #333;
  z-index: 2;
}

article.selector-tabs .selector-tabs-wrap .tabs__group {
  border-bottom: 1px solid #ededed;
}

article.selector-tabs .selector-tabs-wrap .tabs__group .tabs__box {
  display: none;
}

article.selector-tabs .selector-tabs-wrap .tabs__group .tabs__box[data-tabs="tabs1"] {
  display: block;
}

article.selector-tabs .selector-tabs-wrap .tabs__group .tabs__box .item__list {
  margin: 0 -20px;
  padding-bottom: 15px;
}

article.selector-tabs .selector-tabs-wrap .tabs__group .tabs__box .item-btn {
  padding: 15px 15px;
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  margin: 0 20px;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: white;
}

article.selector-tabs .selector-tabs-wrap .tabs__group .tabs__box .item-btn:hover {
  color: #4a25aa;
}

article.selector-tabs .selector-tabs-wrap .tabs__group .tabs__box .item-btn.on {
  color: #4a25aa;
  font-weight: 700;
  text-decoration: underline;
}

article.selector-tabs .selector-tabs-wrap .tabs__result {
  padding: 18px 170px 18px 18px;
  position: relative;
  overflow: hidden;
  min-height: 57px;
  margin-top: 13.5px;
  border-radius: 5px;
  background-color: #f5f5f5;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .result-list {
  margin: -6px -13px;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .result-list .result-item {
  margin: 6px 13px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .result-list .result-item .txt {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.42px;
  text-decoration: underline;
  color: #4a25aa;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .result-list .result-item .remove-btn {
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ic_result_remove.svg") no-repeat center/cover;
  width: 11px;
  height: 11px;
  margin-left: 6px;
  outline: none;
  border: none;
  cursor: pointer;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .reset-search-btn img {
  margin-right: 8px;
  width: 16px;
  height: 20px;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .reset-search-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 80px;
  background-color: #ccc;
  color: #fff;
  font-size: 13px;
  line-height: -0.42px;
  margin-right: 135px;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .reset-search-btn:hover {
  background-color: #bdbdbd;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .result-search-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 120px;
  background-color: #333;
  color: #fff;
  font-size: 13px;
  line-height: -0.42px;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

article.selector-tabs .selector-tabs-wrap .tabs__result .result-search-btn:hover {
  background-color: #000;
}

article.popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 510;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 705px;
}

article.popup.free-width {
  width: auto;
}

article.popup .popup-wrap .head {
  background-color: #666666;
  display: flex;
  align-items: center;
  padding: 0 22px;
  height: 53px;
  position: relative;
}

article.popup .popup-wrap .alert{
  padding: 14px;
  text-align: center;
  background-color: #FFF5F5;
  color: #FF7878;
  font-weight: 700;
  line-height: 24px;
  font-size: 18px;
}

article.popup .popup-wrap .head .popup-tit {
  font-size: 0;
}

article.popup .popup-wrap .head .popup-tit .ic-logo {
  display: inline-block;
  vertical-align: middle;
  background: url("../img/ic_logo_mini.svg") no-repeat center/cover;
  width: 13px;
  height: 17px;
}

article.popup .popup-wrap .head .popup-tit .txt {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  padding-left: 9px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.48px;
  line-height: 23px;
}

article.popup .popup-wrap .head .close-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_pop_close.svg") no-repeat center/cover;
  width: 15px;
  height: 15px;
  outline: none;
  border: none;
  cursor: pointer;
}

article.popup .popup-wrap .body {
  background-color: #fff;
  padding: 18px 22px;
  overflow-y: auto;
  max-height: 500px;
}

article.popup .popup-wrap .popup__menu {
  padding-top: 20px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  border-top: 1px solid #ccc;
}

article.popup .popup-wrap .popup__menu .pop-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 80px;
  background-color: #ccc;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.42px;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 5px;
}

article.popup .popup-wrap .popup__menu .pop-menu-btn:hover {
  background-color: #c2c2c2;
}

article.popup .popup-wrap .popup__menu .pop-menu-btn + .pop-menu-btn {
  margin-left: 8px;
}

article.popup .popup-wrap .popup__menu .pop-menu-btn.type1 {
  background-color: #333;
  outline: none;
  border: none;
  cursor: pointer;
}
article.popup .popup-wrap .popup__menu .pop-menu-btn.type1:hover {
  background-color: #000;
}

article.popup .popup-wrap .popup__menu .pop-menu-btn.type1:disabled {
  background-color: #ccc;
}

article.popup .popup-wrap article.pop__pw {
  padding: 8px 10px;
}

article.popup .popup-wrap article.pop__pw .row {
  font-size: 0;
}

article.popup .popup-wrap article.pop__pw .row + .row {
  margin-top: 25px;
}

article.popup .popup-wrap article.pop__pw .row .top-box {
  margin-bottom: 12px;
}

article.popup .popup-wrap article.pop__pw .row .top-box .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.popup .popup-wrap article.pop__pw .row .top-box .info-txt {
  display: inline-block;
  vertical-align: middle;
  color: #f54d53;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
  padding-left: 8px;
}

article.popup .popup-wrap article.pop__pw .row .bottom-box .tbox input {
  padding: 0 15px;
  width: 517px;
  height: 42px;
  display: flex;
  border: 1px solid #ccc;
  letter-spacing: -0.36px;
  font-size: 14px;
}

article.popup .popup-wrap article.pop__pw .row .bottom-box .tbox input::placeholder {
  color: #ccc;
  font-size: 12px;
}

/*닉네임 팝업*/

article.popup .popup-wrap article.pop__nn {
  padding: 8px 10px;
}

article.popup .popup-wrap article.pop__nn .row {
  font-size: 0;
}

article.popup .popup-wrap article.pop__nn .row + .row {
  margin-top: 25px;
}

article.popup .popup-wrap article.pop__nn .row .top-box {
  margin-bottom: 12px;
}

article.popup .popup-wrap article.pop__nn .row .top-box .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.popup .popup-wrap article.pop__nn .row .top-box .info-txt {
  display: inline-block;
  vertical-align: middle;
  color: #4a25aa;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
  padding-left: 8px;
}

article.popup .popup-wrap article.pop__nn .row .bottom-box .tbox input {
  padding: 0 15px;
  width: 517px;
  height: 42px;
  display: inline;
  border: 1px solid #ccc;
  letter-spacing: -0.36px;
  font-size: 14px;
}

article.popup .popup-wrap article.pop__nn .row .bottom-box .tbox input::placeholder {
  color: #ccc;
  font-size: 12px;
}

article.popup .popup-wrap article.pop__leave .tit-box {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.42px;
  font-weight: 700;
}

article.popup .popup-wrap article.pop__leave .leave__info__box .con-box .item-box {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.36px;
}

article.popup .popup-wrap article.pop__leave .leave__check__box {
  padding-top: 24px;
}

article.popup .popup-wrap article.pop__leave .leave__check__box .chk-list-box .row {
  font-size: 0;
}

article.popup .popup-wrap article.pop__leave .leave__check__box .chk-list-box .row + .row {
  margin-top: 20px;
}

article.popup .popup-wrap article.pop__leave .leave__check__box .agree-box {
  padding-top: 15px;
}

article.popup .popup-wrap article.pop__leave .leave__check__box .text-box {
  margin-top: 14px;
}

article.popup .popup-wrap article.pop__leave .leave__check__box .text-box textarea {
  resize: none;
  width: 100%;
  height: 102px;
  padding: 11px;
  background-color: #f7f7f7;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.36px;
  border-radius: 5px;
  margin-bottom: 25px;
}

article.popup .popup-wrap article.pop__addr .choice__group {
  display: flex;
}

article.popup .popup-wrap article.pop__addr .choice__group .choice-btn {
  display: inline-flex;
  width: 150px;
  height: 38px;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  color: #666666;
  letter-spacing: -0.36px;
  font-size: 13px;
}

article.popup .popup-wrap article.pop__addr .choice__group .choice-btn.active {
  background-color: #4a25aa;
  color: #fff;
}

article.popup .popup-wrap article.pop__addr .input__group {
  border: 3px solid #ccc;
  padding: 18px 23px;
  margin: 16px 0;
}

article.popup .popup-wrap article.pop__addr .input__group .info-txt {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.36px;
}

article.popup .popup-wrap article.pop__addr .input__group .info-txt .accent {
  color: #4a25aa;
}

article.popup .popup-wrap article.pop__addr .input__group .input-box {
  display: flex;
  padding-top: 16px;
}

article.popup .popup-wrap article.pop__addr .input__group .input-box input {
  display: inline-flex;
  width: calc(100% - 90px);
  height: 42px;
  border: 1px solid #ccc;
  padding: 0 16px;
}

article.popup .popup-wrap article.pop__addr .input__group .input-box .search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 78px;
  margin-left: 12px;
  border: 1px solid #4a25aa;
  color: #4a25aa;
  font-size: 13px;
  outline: none;
  cursor: pointer;
}

/*닉네임 팝업*/

article.popup.popup-nn .popup-wrap .body article.pop__nn .row .bottom-box .tbox.f_main .search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 78px;
  margin-left: 12px;
  border: 1px solid #4a25aa;
  color: #4a25aa;
  font-size: 13px;
}

/* 비밀번호 변경 */
article.popup .popup-wrap article.pop__addr .change-pwd__txt {
  font-size: 15px;
  line-height: 22px;
  margin-top: 16px;
}

article.popup .popup-wrap article.pop__addr .change-pwd__txt .info-txt {
  color: #f54d53;
  font-size: 12px;
  letter-spacing: -0.36px;
  margin-left: 5px;
}

article.popup .popup-wrap article.pop__addr .change-pwd__txt .info-txt.ok {
  color: #19d4b7;
}

article.popup .popup-wrap .change-pwd__box {
  display: flex;
  margin-top: 16px;
}

article.popup .popup-wrap .change-pwd__box input {
  flex-basis: 78%;
  border: solid 1px #ccc;
  padding: 5px;
  height: 40px;
  color: #4a25aa;
  border-radius: 5px;
  font-size: 15px;
}

article.popup .popup-wrap .change-pwd__box input::placeholder {
  color: #ccc;
}

article.popup .popup-wrap .change-pwd__box .nick-check {
  flex-basis: 22%;
  padding-left: 12px;
}

article.popup .popup-wrap .change-pwd__box .pwd-check .pwd-check__btn {
  padding: 11px 25px;
  border: solid 1px #8786f7;
  color: #8786f7;
  font-size: 14px;
  height: 40px;
  margin-left: 10px;
  border-radius: 5px;
}

/* 닉네임 변경 */

article.popup .popup-wrap article.pop__addr .change-nick__txt {
  font-size: 15px;
  line-height: 22px;
}

article.popup .popup-wrap article.pop__addr .change-nick__txt div:nth-child(2) {
  color: #4a25aa;
  margin-top: 5px;
}

article.popup .popup-wrap .change-nick__box {
  display: flex;
  margin-top: 16px;
}

article.popup .popup-wrap .change-nick__box input {
  flex-basis: 78%;
  border: solid 1px #ccc;
  padding: 5px;
  border-radius: 5px;
  font-size: 15px;
}

article.popup .popup-wrap .change-nick__box input::placeholder {
  color: #ccc;
}

article.popup .popup-wrap .change-nick__box .nick-check {
  flex-basis: 22%;
  padding-left: 12px;
}

article.popup .popup-wrap .change-nick__box .nick-check .nick-check__btn {
  padding: 11px 25px;
  border: solid 1px #8786f7;
  color: #8786f7;
  font-size: 14px;
  border-radius: 5px;
}

/*닉네임 팝업 끝*/

article.popup popup-nn .popup-wrap .pop__nn .row .bottom-box .tbox .search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 78px;
  margin-left: 12px;
  border: 1px solid #4a25aa;
  color: #4a25aa;
  font-size: 13px;
}

article.popup .popup-wrap article.pop__addr .result__group {
  min-height: 98.5px;
  position: relative;
}

article.popup .popup-wrap article.pop__addr .result__group .no-data {
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  line-height: 22px;
  font-size: 15px;
  letter-spacing: -0.36px;
  text-align: center;
}

article.popup .popup-wrap article.pop__addr .result__group .no-data span {
  color: #4a25aa;
}

article.popup .popup-wrap article.pop__addr .result__group .result__data__group .result-txt {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  .result-txt
  .accent {
  color: #4a25aa;
  font-weight: 500;
}

article.popup .popup-wrap article.pop__addr .result__group .result__data__group ul.result-list {
  margin-top: 10px;
  border-top: 1px solid #707070;
  width: 100%;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  + li {
  border-top: 1px solid #ededed;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li:last-child {
  border-bottom: none;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  button {
  display: block;
  align-items: center;
  padding: 13px 110px 13px 22px;
  font-size: 0;
  position: relative;
  cursor: pointer;
  width: 100%;
  outline: none;
  border: none;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  button
  .post-num {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.39px;
  font-weight: 500;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  button
  .row
  + .row {
  margin-top: 8px;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  button
  .row
  .subject {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  line-height: 18px;
  font-size: 12px;
  color: #4a25aa;
  letter-spacing: -0.36px;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  button
  .row
  .con {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  line-height: 18px;
  font-size: 12px;
  letter-spacing: -0.36px;
}

article.popup
  .popup-wrap
  article.pop__addr
  .result__group
  .result__data__group
  ul.result-list
  li
  button.on {
  background-color: #edeaff;
}

.address.result-form {
  padding: 10px 22px;
  background-color: #f5f5f5;
}

.address.result-form
  .form-txt {
  border-bottom: 1px solid #ccc;
  padding-bottom: 13.5px;
}

.address.result-form
  .form-txt
  .txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.36px;
}

.address.result-form
  .form-txt
  .txt
  + .txt {
  margin-top: 8px;
}

.address.result-form
  .form-txt
  .txt.accent {
  color: #4a25aa;
}

.address.result-form
  .form-box {
  padding-top: 8.5px;
  font-size: 0;
}

.address.result-form
  .form-box
  .row
  + .row {
  margin-top: 10px;
}

.address.result-form
  .form-box
  .row
  .subject {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  line-height: 18px;
  font-size: 12px;
  letter-spacing: -0.36px;
}

.address.result-form
  .form-box
  .row
  .con {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  line-height: 18px;
  font-size: 12px;
  letter-spacing: -0.36px;
}

.address.result-form
  .form-box
  .row
  .con
  input {
  display: flex;
  height: 32px;
  border: 1px solid #ccc;
  padding: 0 10px;
  width: 100%;
}

/** 0323 추가 **/

section.new__login .login__group {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #fafafa;
}

section.new__login .social__menu {
  width: 100%;
}

section.new__login .social__menu .row .count-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  letter-spacing: -0.36px;
  height: 36px;
  background-color: #f5f5f5;
  border-radius: 50px;
  width: 100%;
}

.seoulDA-login-top-image {
  width: 100%;
  height: 210px;
  background-image: url("https://moreden-img.s3.ap-northeast-2.amazonaws.com/static/suwon_dent/login2.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}

.seoulDA-login-top-image .txt {
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  position: relative;
  top: 28%;
}

.seoulDA-login-top-image .txt .b {
  font-size: 25px;
  font-weight: 500;
}

section.new__login .social__menu .row .count-btn .txt {
  font-size: 14px;
  display: flex;
  justify-content: center;
}

section.new__login .social__menu .row .count-btn .txt .txt2 {
  color: #4a25aa;
  margin-right: 5px;
}

section.new__login .social__menu .row .count-btn img {
  margin: 0 10px;
}

section.new__login .login__group .login__form__group {
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}

section.new__login .login__group .login__form__group .left__box {
  display: inline-flex;
  width: 50%;
  background-color: #fff;
  border-radius: 5px;
  border: 1.5px solid #4a25aa;
}

section.new__login .login__group .login__form__group .left__box .con__box {
  align-items: flex-start;
}

section.new__login .login__group .login__form__group .right__box {
  display: inline-flex;
  width: 50%;
  align-items: flex-start;
  border-radius: 0px 5px 5px 0px;
}

section.new__login .login__group .login__form__group .right__box .con__box {
  align-items: center;
}

section.new__login .login__group .login__form__group .right__box .seoulDA__con__box {
  align-items: center;
  width: 61%;
  height: 550px;
  background-image: url("https://moreden-img.s3.ap-northeast-2.amazonaws.com/static/suwon_dent/login1.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 120px;
  border-radius: 5px;
}

section.new__login .login__group .login__form__group .con__box {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
}

section.new__login .login__group .login__form__group .login__box {
  padding: 60px 55px;
}

section.new__login .login__group .login__form__group .login__box .logo-tit-box {
  padding: 13px 0 18px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.48px;
  line-height: 24px;
  -webkit-animation: fadeindown 1s;
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

section.new__login .login__group .login__form__group .login__box .login-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}

section.new__login .login__group .login__form__group .login__box .login-form.moreden-login {
  margin-top: 20px;
}

section .seoulDA-login-wrap .login-form.moreden-login {
  margin-top: 20px;
}

section.new__login .login__group .login__form__group .login__box .login-form .row {
  position: relative;
}

section.new__login .login__group .login__form__group .login__box .login-form .row + .row {
  margin-top: 23px;
}

section.new__login .login__group .login__form__group .login__box .login-form .row .tbox input {
  padding-bottom: 12px;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-form
  .row
  .tbox
  input::placeholder {
  color: #666;
}

section.new__login .login__group .login__form__group .login__box .login-form .row .find-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.36px;
}

section.new__login .login__group .login__form__group .login__box .login-menu {
  width: 100%;
  margin-top: 20px;
}

section.new__login .login__group .login__form__group .login__box .moreden-login .login-menu {
  margin-top: 45px;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .login-btn-box
  .login-btn {
  border-radius: 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
  outline: none;
  border: none;
  cursor: pointer;
  width: 100%;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .login-btn-box
  .login-btn:hover {
  background-color: #000;
}

section.new__login .login__group .login__form__group .login__box .login-menu .join-btn-box {
  text-align: center;
  margin-top: 15px;
  width: 100%;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .join-btn-box
  .join-btn {
  border-radius: 5px;
  height: 50px;
  display: flex;
  border: 1px solid #ccc;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .join-btn-box
  .seoulDA-join-btn {
  border-radius: 5px;
  height: 50px;
  display: flex;
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: -0.42px;
  color: #fff;
  padding: 0 18px;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .join-btn-box
  .seoulDA-join-btn
  .seoulDA-logo {
  position: absolute;
  left: 16px;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .join-btn-box
  .seoulDA-join-btn
  .txt {
  color: #333;
}

section.new__login
  .login__group
  .login__form__group
  .login__box
  .login-menu
  .join-btn-box
  .join-btn:hover {
  background-color: #fafafa;
}

section.new__login .login__group .login__form__group .intro__box {
  padding: 90px 0 0;
}

section.new__login .login__group .login__form__group .intro__box .img-box img {
  max-width: 100%;
}

section.new__login .login__group .login__form__group .intro__box .intro-tit {
  padding: 26px 0 5px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  color: #333;
}

section.new__login .login__group .login__form__group .intro__box .intro-tit b {
  color: #4a25aa;
}

section.new__login .login__group .login__form__group .intro__box .intro-txt {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.42px;
  text-align: center;
}

section.new__login .login__group .login__form__group .intro__box .link-menu {
  font-size: 0;
}

section.new__login .login__group .login__form__group .intro__box .link-menu .link-btn {
  display: inline-flex;
  height: 49px;
  width: 126px;
  border: 1px solid #ccc;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
}

section.new__login .login__group .login__form__group .intro__box .link-menu .link-btn + .link-btn {
  margin-left: 12px;
}

section.new__login .login__group .login__form__group .intro__box .intro-item-list {
  margin: 36px 0;
  font-size: 0;
  display: flex;
  align-items: center;
  -webkit-animation: fadeindown 1s;
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

section.new__login .login__group .login__form__group .intro__box .intro-item-list .item-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

section.new__login
  .login__group
  .login__form__group
  .intro__box
  .intro-item-list
  .item-box
  + .item-box {
  margin-left: 58px;
}

section.new__login
  .login__group
  .login__form__group
  .intro__box
  .intro-item-list
  .item-box
  .item-img-box {
  width: 109px;
  height: 109px;
  border-radius: 50%;
}

section.new__login
  .login__group
  .login__form__group
  .intro__box
  .intro-item-list
  .item-box
  .item-txt-box {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  padding-top: 12px;
  font-weight: 500;
  color: #666;
}

section.new__login
  .login__group
  .login__form__group
  .intro__box
  .intro-item-list
  .item-box:nth-child(1)
  .item-img-box {
  background: #fff url("../img/ic_login_item1.svg") no-repeat center;
}

section.new__login
  .login__group
  .login__form__group
  .intro__box
  .intro-item-list
  .item-box:nth-child(2)
  .item-img-box {
  background: #fff url("../img/ic_login_item2.svg") no-repeat center;
}

section.new__login
  .login__group
  .login__form__group
  .intro__box
  .intro-item-list
  .item-box:nth-child(3)
  .item-img-box {
  background: #fff url("../img/ic_login_item3.svg") no-repeat center;
}

section.new__login .feature__group {
  padding: 82px 0px 150px 0px;
}

section.new__login .feature__group .tit-box {
  text-align: center;
  padding-bottom: 53px;
}

section.new__login .feature__group .tit-box .sub-txt {
  font-family: "ProximaNova";
  color: #ccc;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.45px;
  padding-bottom: 7px;
}

section.new__login .feature__group .tit-box .main-txt {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -1.1px;
  line-height: 32px;
}

section.new__login .feature__group .tit-box .main-txt .accent {
  color: #333;
}

section.new__login .feature__group .feature__tabs {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #dedede;
}

section.new__login .feature__group .feature__tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.7px;
  color: #333;
  border-radius: 50px;
  padding: 0 25px;
  cursor: pointer;
  background-color: white;
  outline: none;
  border: none;
  cursor: pointer;
}

section.new__login .feature__group .feature__tabs button:hover {
  background-color: #fafafa;
}

section.new__login .feature__group .feature__tabs button.on {
  background-color: #4a25aa;
  color: #fff;
}

section.new__login .feature__group .feature__tabs button + button {
  margin-left: 100px;
}

section.new__login .feature__group .feature__swiper {
  margin-top: 57px;
  position: relative;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide {
  height: 528px;
  overflow: hidden;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group {
  padding-top: 110px;
  padding-left: 223px;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group
  .top-box {
  font-weight: 500;
  font-size: 24px;
  line-height: 37.5px;
  letter-spacing: -0.72px;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group
  .top-box
  .accent {
  color: #333;
  font-weight: 700;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group
  .mid-box {
  padding: 10px 0 22px;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group
  .mid-box
  .mid-txt {
  font-family: "ProximaNova";
  position: relative;
  font-weight: 700;
  font-size: 35px;
  line-height: 42px;
  letter-spacing: -1.05px;
  color: #4a25aa;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group
  .mid-box
  .mid-txt:after {
  content: "";
  position: absolute;
  left: 0;
  right: -10px;
  bottom: 0;
  opacity: 0.21;
  background-color: #4a25aa;
  z-index: -1;
  height: 12px;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .txt-group
  .bottom-box
  .bottom-txt {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.48px;
  color: #666666;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .img-box {
  position: absolute;
  right: 218px;
  top: 0;
}

section.new__login
  .feature__group
  .feature__swiper
  .swiper-container
  .swiper-wrapper
  .swiper-slide
  .img-box
  img {
  width: 221px;
  height: 629px;
}

section.new__login .feature__group .feature__swiper .swiper-button-prev,
section.new__login .feature__group .feature__swiper .swiper-button-next {
  width: 21px;
  height: 45px;
  outline: none;
}

section.new__login .feature__group .feature__swiper .swiper-button-prev:after,
section.new__login .feature__group .feature__swiper .swiper-button-next:after {
  content: "";
}

section.new__login .feature__group .feature__swiper .swiper-button-prev {
  position: absolute;
  left: 0px;
  background: url("../img/ic_feature_prev.svg");
}

section.new__login .feature__group .feature__swiper .swiper-button-next {
  position: absolute;
  right: 0px;
  background: url("../img/ic_feature_next.svg");
}

section.new__login article.footer__group {
  border-top: 2px solid #ccc;
  padding-top: 25px;
  height: 142px;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 25px;
}

/*상영관*/
.osstem-container,
.megagen-container {
  min-width: 1550px;
}

.theater__video-wrap {
  position: relative;
  padding-bottom: 400px;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}

.embed__video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed__video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.theater__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.theater__video__osstem,
.theater__video__megagen {
  position: absolute;
  top: 0;
  left: 0;
  width: 64%;
  height: 100%;
}

.video-info {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.video-info .video-info__right {
  font-size: 26px;
  line-height: 32px;
  color: #333;
  font-weight: 700;
  max-width: 1000px;
}

.video-info .video-info__left {
  font-size: 18px;
  color: #666667;
  margin-top: 5px;
}

.video-detail {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  border-bottom: 1px solid #666;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.video-detail .theater-publisher {
  font-size: 15px;
  color: #333;
  font-weight: 700;
  align-self: center;
  display: flex;
}

.video-detail .theater-publisher img {
  align-self: center;
  margin-right: 10px;
  width: 74px;
}

.video-detail .theater-publisher span {
  align-self: center;
}

.video-detail .detail__group {
  align-self: center;
}

.detail__group .menu-box-list.theater__menu-box-list {
  margin-top: 0;
  margin-left: 0;
}

.detail__group .menu-box-list.theater__menu-box-list .menu-box {
  margin: 0 0 0 10px;
}

.detail__group .menu-box-list.theater__menu-box-list .menu-box.home__btn {
  width: 85px;
}

.detail__group .menu-box-list.theater__menu-box-list .menu-box .home {
  background: url("../img/ico-home.svg") no-repeat center;
  padding: 10px;
}

.container .inner .theater__img-container {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.container .inner .theater__img-container .theater__img {
  width: 100%;
}

.wrapper .inner .firm_card {
  display: flex;
}

.wrapper .inner .firm_card:last-child {
  margin-top: 50px;
}

.wrapper .inner .firm_card a:hover {
  transform: translateY(-20px);
}

.wrapper .inner .firm_card .each_card {
  width: 270px;
  height: 320px;
  border-radius: 5px;
  margin-right: 30px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
}

.wrapper .inner .firm_card .each_card.withwell {
  background: url(../img/card_withwell.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.qray {
  background: url(../img/card_qray.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.dentium {
  background: url(../img/card_dentium.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.neo {
  background: url(../img/card_neo.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.hana {
  background: url(../img/card_hana.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.teefit {
  background: url(../img/card_teefit.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.megagen {
  background: url(../img/card_megagen.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.mediground {
  background: url(../img/card_mediground.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.td {
  background: url(../img/card_td.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.eum {
  background: url(../img/card_eum.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.dentalmaster {
  background: url(../img/card_dentalmaster.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.kn {
  background: url(../img/card_kn.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.ibk {
  background: url(../img/card_ibk.svg) no-repeat center;
}

.wrapper .inner .firm_card .each_card.purgo {
  background: url(../img/card_purgo.svg) no-repeat center;
}

.wrapper .inner .firm_card a:hover {
  transform: translateY(-20px);
}

.wrapper .inner .firm_card .each_card img {
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper .inner .firm_card .each_card .info {
  color: #fff;
  border-radius: 5px;
  z-index: 10;
}

.wrapper .inner .firm_card .each_card .info .des {
  font-size: 15px;
  line-height: 21px;
  margin-top: 147px;
  padding: 15px;
  background: linear-gradient(to top, #1b284f, transparent);
  border-radius: 5px;
  height: 174px;
  position: relative;
}

.wrapper .inner .firm_card .each_card .info .des > span{
  position: relative;
  top: 40px
}

.wrapper .inner .firm_card .each_card .info .title {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  bottom: 15px;
}

.wrapper .inner .firm_card .each_card.mediground .info .des {
  background: linear-gradient(to top, #003986, transparent);
}

.wrapper .inner .firm_card .each_card.td .info .des {
  background: linear-gradient(to top, #003986, transparent);
}

.wrapper .inner .firm_card .each_card.eum .info .des {
  background: none;
}

.wrapper .inner .firm_card .each_card.dentalmaster .info .des {
  background: none;
}

.wrapper .inner .firm_card .each_card.teefit .info .des {
  background: none;
}

.wrapper .inner .firm_card .each_card.neo .info .des {
  background: none;
}

.wrapper .inner .firm_card .each_card.dentium .info .des {
  background: none;
}

.wrapper .inner .firm_card .each_card.qray .info .des {
  background: linear-gradient(to top, #22c1f4, transparent);
}

.wrapper .inner .firm_card .each_card.kn .info .des {
  background: linear-gradient(to top, #B52627, transparent);
}

.wrapper .inner .firm_card .each_card.ibk .info .des {
  background: none;
}

.wrapper .inner .firm_card .each_card.purgo .info .des {
  background: linear-gradient(to top, #B5659C, transparent);
}

.wrapper .inner .firm_card .info .title {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  bottom: 15px;
}

.container .osstem-menu-list {
  float: right;
  border: 1px solid #4a25aa;
  border-radius: 5px;
  font-size: 14px;
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 248px;
  padding: 10px 20px;
  font-weight: 700;
  line-height: 1.5;
  box-shadow: 3px 3px 10px 0 rgba(47, 47, 204, 0.2);
  position: sticky;
  left: 0;
  top: 230px;
}

.container .osstem-menu-list .osstem-menu-list__title {
  color: #8d8d8d;
  padding: 13px 0;
  width: 210px;
  display: flex;
}

.container .osstem-menu-list .osstem-menu-list__title .osstem-logo {
  background: url("../img/osstem_logo2.png") no-repeat center/cover;
  width: 55px;
  height: 20px;
  margin-left: 3px;
}

.container .osstem-menu-list .osstem-menu {
  color: #454444;
  padding: 13px 0;
  border-top: 1px solid #ccc;
  width: 210px;
}

.container .osstem-menu-list .osstem-menu.on {
  color: #4a25aa;
}

.wrapper section.ostem_banner .background {
  background: linear-gradient(to bottom, #383838, #7a7a7a);
  padding: 16px;
  width: 35%;
  height: 400px;
  margin-left: auto;
  border-radius: 5px;
}

.wrapper section.ostem_banner .background .top .text .pink {
  background-color: #B36199;
  margin-right: 3px;
  padding: 3px;
  border-radius: 2px;
}

.megagen-container .wrapper section.ostem_banner .background .top .text .pink {
  background-color: #B36199;
  padding: 3px;
  border-radius: 2px;
}

.megagen-container .wrapper section.ostem_banner .background .top .text .blue{
  background-color: #45a9d1;
  padding: 3px;
  border-radius: 2px;
}

.wrapper section.ostem_banner .background .top .logo img {
  width: 140px;
  position: absolute;
  top: 16px;
}

.wrapper section.ostem_banner .background .link_box {
  margin-top: 30px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wrapper section.ostem_banner .background .link_box .link_box_1 {
  background-color: #fff;
  padding: 8px;
  cursor: pointer;
  border-radius: 5px;
}

.wrapper section.ostem_banner .background .link_box .link_box_1:hover .content .black + span {
  color: #f03291;
  text-decoration: underline;
}

.megagen-container
  .wrapper
  section.ostem_banner
  .background
  .link_box
  .link_box_1:hover
  .content
  .black
  + span {
  color: #45a9d1;
}

.wrapper section.ostem_banner .background .link_box .link_box_1:hover .content .black {
  color: #f03291;
}

.megagen-container
  .wrapper
  section.ostem_banner
  .background
  .link_box
  .link_box_1:hover
  .content
  .black {
  color: #45a9d1;
}

.wrapper section.ostem_banner .background .link_box .link_box_1 .title {
  display: flex;
  font-size: 15px;
  font-weight: 600;
}

.wrapper section.ostem_banner .background .link_box .link_box_1 .title .number {
  background-color: #B36199;
  color: #fff;
  width: 18px;
  height: 22px;
  margin-right: 5px;
  text-align: center;
  border-radius: 2px;
}

.megagen-container .wrapper section.ostem_banner .background .link_box .link_box_1 .title .number.blue {
  background-color: #45a9d1;
}
.wrapper section.ostem_banner .background .link_box .link_box_1 .content {
  margin-top: 10px;
  color: #666;
  font-size: 15px;
  line-height: 20px;
}

.wrapper section.ostem_banner .background .link_box .link_box_1 .content .black {
  color: #333;
  font-weight: 500;
  white-space: nowrap;
}

/* 상영관 */

section.ostem_banner .background .top {
  display: flex;
}

section.ostem_banner .background .top .text .pink {
  background-color: #f03291;
  margin-right: 3px;
}
section.ostem_banner .background .top .text {
  color: #fff;
  font-weight: 600;
  margin-left: auto;
  margin-top: 8px;
}
section.ostem_banner .background .link_box {
  margin-top: 15px;
}

/* 단톡방 초대 확인 */
section.member .kakao-invite__container {
  padding-top: 3%;
  border-top: 1px solid #ccc;
}

section.member .kakao-invite__container .title {
  font-size: 18px;
  color: #333;
  font-weight: 700;
}

section.member .kakao-invite__container .title img {
  vertical-align: top;
  margin-left: 5px;
}

section.member .kakao-invite__container .content {
  border: 1px solid #4a25aa;
  background-color: #f8f7ff;
  border-radius: 5px;
  padding: 15px 7px;
  margin-top: 3%;
  font-size: 14px;
  line-height: 21px;
}

section.member .kakao-invite__container .content span {
  white-space: break-spaces;
}

section.member .kakao-invite__container .check-btn {
  margin-top: 5%;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

section.member .kakao-invite__container .check-btn span {
  margin-left: 5px;
}

/* froala 에디터 */
#froala_editor {
  letter-spacing: 0 !important;
  line-height: 1.6;
}

#froala_view {
  letter-spacing: 0 !important;
  line-height: 1.6;
}

#froala_view .fr-view {
  font-size: 15px;
}

#froala_view img {
  cursor: pointer;
}

#froala_editor ul {
  list-style: disc;
}

#froala_view ul {
  list-style: disc;
}

#froala_editor ol {
  list-style: decimal;
}

#froala_view ol {
  list-style: decimal;
}

#froala_editor li {
  list-style: inherit;
  margin-left: 17px;
}

#froala_view li {
  list-style: inherit;
  margin-left: 17px;
}

#froala_editor a {
  display: initial;
  color: #4a25aa;
  text-decoration: underline;
}

#froala_editor ul a.fr-command {
  text-decoration: inherit;
  color: inherit;
}

#froala_view a {
  display: initial;
  color: #4a25aa;
  text-decoration: underline;
}

#froala_view a:visited {
  color: #a0a0a0;
}

#froala_editor h1 {
  font-size: 2rem;
}

#froala_view h1 {
  font-size: 2rem;
}

#froala_editor h2 {
  font-size: 1.5rem;
}

#froala_view h2 {
  font-size: 1.5rem;
}

#froala_editor h3 {
  font-size: 1.2rem;
}

#froala_view h3 {
  font-size: 1.2rem;
}

#froala_editor h4 {
  font-size: 1rem;
}

#froala_view h4 {
  font-size: 1rem;
}

#froala_editor u {
  color: inherit;
}

#froala_view u {
  color: inherit;
}

#froala_editor s {
  color: inherit;
}

#froala_view s {
  color: inherit;
}

#froala_editor strong {
  color: inherit;
}

#froala_view strong {
  color: inherit;
}

#froala_editor em {
  color: inherit;
}

#froala_view em {
  color: inherit;
}

#froala_editor span {
  text-decoration: inherit;
}

#froala_view span {
  text-decoration: inherit;
}

#froala_editor .fr-box.fr-basic .fr-element {
  font-size: 15px;
}

#froala_editor .fr-toolbar.fr-top {
  border-radius: 5px 5px 0 0;
}

#froala_editor .fr-toolbar.fr-sticky-on {
  margin-top: -66.66px;
}

#froala_editor .fr-second-toolbar {
  border-radius: 0 0 5px 5px;
}

#froala_view span.fr-img-caption img {
  width: 100% !important;
}

#froala_editor iframe {
  width: 640px;
  height: 360px;
}

#froala_editor img[data-fr-image-pasted]{
  width: 100% !important;
  height: 100%;
}

#froala_view img[data-fr-image-pasted]{
  width: 100% !important;
  height: 100%;
}

.curation-write #froala_editor a {
  color: rgb(142, 68, 173);
}

.curation-detail #froala_view a {
  color: rgb(142, 68, 173);
}

.curation-detail #froala_view a:visited {
  color: rgb(142, 68, 173);
}

/* froala 에디터 */

.member .user-info__container {
  margin: 25px 0;
}

.member .user-info__container .user-info__box {
  justify-content: space-between;
}

.member .user-info__container .user-info__box .title {
  color: #333;
  font-weight: 700;
  margin-bottom: 7px;
}

.member .user-info__container .user-info__box + .user-info__box {
  margin-top: 20px;
}

.member .user-info__container input,
.member .user-info__container select {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 8px;
  color: #666;
  height: 41px;
  background-color: rgba(239, 239, 239, 0.3);
  opacity: 1;
}

.member .user-info__container .user-name input {
  padding-right: 30px;
}

.member .user-info__container .user-gender select {
  padding-right: 140px;
}

.member .user-info__container .user-birthday {
  justify-content: space-between;
}

.member .user-info__container .user-birthday input,
.member .user-info__container .user-birthday select {
  width: 130px;
}

.member .user-info__container .user-phone input {
  width: 100%;
}

@-webkit-keyframes fadeinup {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeindown {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.button__box .swiper-button-prev1 {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.button__box .swiper-button-prev1:hover {
  background-color: #f5f5f5;
}

.button__box .swiper-button-next1 {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.button__box .swiper-button-next1:hover {
  background-color: #f5f5f5;
}

section.bg_full_grey {
  width: 100vw;
  background-color: #f9f9f9;
  margin-bottom: 55px;
}

.keyword__wrapper {
  width: 100%;
  height: 250px;
  margin-top: 30px;
  padding: 30px 0;
}

.keyword__wrapper .keyword_m {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.keyword__wrapper .title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.keyword__wrapper .title .text {
  color: #333;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 0px 20px 0px;
}

.keyword__wrapper .keyword_box {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline;
  margin-right: 20px;
  margin-bottom: 15px;
  cursor: pointer;
}

.keyword__wrapper .keyword_box:hover {
  background-color: #edeaff;
  border: 1px solid #4a25aa;
}

.keyword__wrapper .keyword_box:hover {
  background-color: #edeaff;
  border: 1px solid #4a25aa;
}

.keyword__wrapper .hot_keyword {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  text-align: center;
}

.keyword__wrapper .keyword {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  text-align: center;
}

section.no-contents {
  width: 100%;
  height: 100%;
}

section.no-contents .no-result-image {
  width: 72px;
  height: 71px;
  margin: 108px auto 15px auto;
  background-image: url("/img/Group 478.png");
  background-repeat: no-repeat;
  background-size: cover;
}

section.no-contents .no-result-text-box {
  max-width: 250px;
  height: 42px;
  background-color: #f5f5f5;
  border-radius: 50px;
  margin: 0 auto 152px auto;
  font-size: 18px;
  text-align: center;
  line-height: 43px;
}

.seach__form__box {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 280px;
  border-radius: 72px;
  height: 42px;
  background-color: #e8e8e8;
  margin-right: 20px;
}

.seach__form__box input {
  width: calc(100% - 66px);
  height: 100%;
  background-color: transparent;
  border: none;
  font-size: 14px;
  letter-spacing: -0.6px;
  margin-left: 20px;
}

.seach__form__box .search-btn {
  width: 56px;
  height: 42px;
  background: url("../img/ico-search.svg") no-repeat center;
  outline: none;
  border: none;
  cursor: pointer;
}

.contents__white-header .tit-box .tit-txt {
  color: #fff;
}

.contents__white-header .tit-box .sub-txt {
  color: #fff;
}

.contents__black-header .tit-box .tit-txt {
  color: #333;
}

.curation-write .reg__mid__box.curation-editor {
  margin-top: 70px;
}

.curation-write .cover-img,
.curation-detail .cover-img {
  height: 400px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -215px;
}

.curation-detail.main .cover-img {
  background-color: #333;
}

.curation-detail .cover-img.class {
  background-color: #333;
}

.curation-write .reg-menu {
  display: flex;
  align-items: center;
}

.curation-write .board__reg {
  margin-top: -260px;
}

.curation-write .board__reg.notice__write {
  margin-top: 0px;
}

.curation-write .inner.curation-box,
.curation-detail .inner.curation-box {
  margin-top: -260px;
}
*/ .curation-write .reg-menu .left-menu-box {
  margin: 0 10px;
}

.curation-write .reg-menu .preview-list .preview-box img {
  width: 50px;
  margin-right: 10px;
}

.section__tit__box .cover-preview-list .preview-box {
  width: 480px;
  height: 250px;
  overflow: hidden;
  border-radius: 5px;
}

.section__tit__box .cover-preview-list .preview-box img {
  width: 100%;
  height: 100%;
}

.curation-write .reg-menu .delete-cover {
  margin: 0 10px;
}

.curation-write .reg__top__box .delete-cover {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  color: #666;
  font-weight: 500;
}

.curation-write .reg__top__box .auth-select {
  width: 150px;
  margin-right: 10px;
}

.curation-write .reg__top__box {
  padding-top: 40px;
}

.curation-write .reg__top__box .tit-box {
  padding-top: 40px;
}

.curation-write section.board__reg .reg__top__box .tit-box input {
  background: transparent;
  padding-left: 0;
}

.curation-write .reg__top__box .tag-box {
  align-items: center;
  justify-content: space-between;
}

.curation-write .reg__top__box .reg-menu {
  margin-bottom: 20px;
}

.curation-write .reg__top__box .tag-select {
  width: 500px;
}

.curation-detail .inner .tit-box {
  margin-top: -120px;
  display: flex;
  justify-content: space-between;
}

.curation-detail .inner .tit-box .tit-txt {
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
}

.curation-detail .inner .submit__box {
  position: absolute;
  top: 170px;
  right: 40px;
}

.curation-detail .inner .submit-btn {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  color: #333;
  padding: 10px 20px;
  margin: 0 10px;
}

.curation-detail .inner .writer-box {
  margin-top: 26px;
}

.curation-detail .inner .writer-box span.view {
  margin-left: 6px;
}

.contents__white-header .curation-detail .inner .writer-box {
  color: #fff;
}

.curation-detail .writer-box {
  font-weight: 400;
  font-size: 15px;
  color: #333;
}

.curation-detail .inner .content-box {
  margin-top: 120px;
  display: flex;
  justify-content: space-between;
}

.curation-detail .inner .content-box .left-content {
  width: 700px;
}

.curation-detail .inner .content-box .right-content {
  position: sticky;
  width: 400px;
  display: flex;
  flex-direction: column;
  height: 930px;
  top: 55px;
}

.curation-detail .inner .content-box .right-content .recommend-content {
  background-color: #fafafa;
  border-radius: 5px;
  margin-bottom: 10px;
}

.curation-detail .inner .content-box .right-content .popular-content,
.curation-detail .inner .content-box .right-content .recommend-content {
  background-color: #fcfcfc;
  border-radius: 5px;
  padding: 20px;
}

.curation-detail .tag-list.center {
  justify-content: center;
}

.curation-detail .tag-list {
  display: flex;
  margin-top: 150px;
}

.curation-detail .tag-list .tag {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-right: 10px;
  background-color: #fff;
  cursor: pointer;
}

.curation-detail .tag-list .tag .hot_keyword {
  font-weight: 700;
}

.curation-detail .tag-list .tag:hover {
  background-color: #edeaff;
  border: 1px solid #4a25aa;
}

.curation-detail .tag-list__container {
  padding: 40px 0;
  background-color: #f9f9f9;
  width: 100%;
}

.curation-detail .tag-list__container .tag-list__top {
  display: flex;
  justify-content: space-between;
}

.curation-detail .tag-list__container .title {
  font-size: 20px;
  font-weight: 700;
}

.curation-detail .tag-list__container .tag-list {
  margin-top: 30px;
}

.curation-detail .hot-contents {
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
}

.curation-detail .bg_full_grey {
  margin-top: 50px;
}

.curation-detail .hot_curation {
  width: 100%;
  margin-bottom: 0;
}

.curation-detail .hot_curation .content {
  height: auto;
}

.curation-detail-recommend .list-title {
  font-size: 23px;
}

.curation-detail-recommend .list-title b {
  font-weight: 600;
  font-size: 20px;
}

.curation-detail-recommend .recommend__box {
  display: flex;
  margin-top: 20px;
}

.curation-detail-recommend .recommend__box:hover .content .title {
  color: #4a25aa;
}

.curation-detail-recommend .recommend__box img {
  width: 160px;
  border-radius: 5px;
}

.curation-detail-recommend .recommend__box .content {
  margin-left: 10px;
}

.curation-detail-recommend .recommend__box .content .title {
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  font-weight: 500;
}

.curation-detail-recommend .recommend__box .content .title:hover {
  color: #4a25aa;
}

.curation-detail-recommend .recommend__box .tags {
  display: flex;
  margin-top: 10px;
}

.curation-detail-recommend .recommend__box .tags .keyword span {
  white-space: nowrap;
}

.curation-write .short-inner {
  width: 750px;
}

section .verify_notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px 20px;
  background-color: #fff;
}

section .verify_notice .q {
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px;
}

section .verify_notice .txt {
  margin-top: 5px;
  color: #333;
  font-weight: 600;
}

section .verify_notice .find-q {
  color: #4a25aa;
  font-size: 13px;
  font-weight: 500;
  margin-top: 80px;
  margin-bottom: 10px;
}

section .verify_notice .find-q img {
  width: 17px;
  height: 17px;
  position: relative;
  top: 3px;
  right: 3px;
}

section .verify_notice .login__form {
  width: 100%;
  margin-top: 60px;
}

section .verify_notice .login__form .row {
  margin-bottom: 15px;
}

section .verify_notice .login-btn {
  border-radius: 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a25aa;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.36px;
  font-weight: 700;
  width: 100%;
  margin-top: 60px;
}

section .verify_notice .join-btn {
  border-radius: 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #dedede;
  color: #4a25aa;
  font-size: 14px;
  letter-spacing: -0.36px;
  font-weight: 700;
  width: 100%;
  margin-top: 15px;
}

section .sync_notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

section .sync_notice .txt {
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

section .sync_notice .txt .nick {
  color: #4a25aa;
}
section .sync_notice .q {
  margin-top: 60px;
  color: #333;
  font-weight: 600;
}

section .sync-btn {
  border-radius: 5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a25aa;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.36px;
  font-weight: 700;
  width: 100%;
  margin-top: 70px;
}

#kakao-login-btn {
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 0;
  width: 100%;
  height: 50px;
  line-height: 49px;
  color: #191919;
  background-color: #fee500;
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  margin-top: 40px;
  justify-content: center;
  align-items: center;
}

#kakao-login-btn div {
  color: #333;
  font-weight: 500;
}

.login-form .apple-login-btn {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  position: relative;
}

#kakao-login-btn img {
  width: 16px;
  position: absolute;
  left: 15px;
}

.kakao-info {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #4a25aa;
  font-size: 14px;
  font-weight: 500;
  margin-top: 14px;
}

.kakao-info img {
  width: 14px;
  margin-right: 5px;
}

section.ostem_cf {
  width: 1200px;
}

section.ostem_cf .div_back {
  background-color: #fd8d34;
  padding: 20px;
  display: flex;
}
section.ostem_cf .div_back .right {
  margin-left: 20px;
  margin-top: 30px;
}
section.ostem_cf .div_back .right .cf_title {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
section.ostem_cf .div_back .right .title_sub {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 12px;
}

section.ostem_cf .div_back .right .sub {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.sync-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.66);
  color: #fff;
  padding: 20px;
  z-index: 509;
  width: 450px;
  height: 88px;
  line-height: 25px;
  border-radius: 5px;
}

.sync-popup .txt {
  text-align: center;
}

.fade-out {
  animation: fadeout 13s;
  animation-fill-mode: forwards;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* 지우면 안됨 */

.rate:hover ~ .rate .number {
  background-color: #edeaff;
  color: #4a25aa;
}


.rate_box .rc-slider-handle {
  width: 20px;
  height: 20px;
  border: none;
  background-color: #4a25aa;
  margin-top: -7px;
}

.rate_box .rc-slider-handle:hover {
  border-color: #4a25aa;
}

.rate_box .rc-slider-rail {
  background-color: #e4e4e4;
  height: 7px;
  border-radius: 6px;
}

.rate_box .rate__slider {
  margin-top: 30px;
  margin-bottom: 20px;
}

.rate_box .rc-slider-mark-text {
  top: -35px;
}

.rate_box .rc-slider-mark-text-active {
  color: #4a25aa;
}

.rate_box .rc-slider-dot {
  width: 0px;
  height: 0px;
  border: none;
}

.rate_box .rc-slider-track {
  background-color: #4a25aa;
  height: 5px;
}

.rate_box .rc-slider-dot-active {
  border-color: transparent;
}

/* 지우면 안됨 */


/* 메가젠 상영관 */
.megagen-container .megagen-cf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.megagen-container .megagen-cf .embed__video-wrap {
  width: 100%;
  margin-bottom: 30px;
}

.megagen-container .big_logo {
  width: 30%;
  margin: 30px 0px 60px 0px;
}

.megagen-container .megagen-cf .megagen-seminar a {
  font-size: 0;
}

.megagen-container .megagen-banner {
  margin-top: 20px;
}
/* 이미지 확대 */
#img-zoom {
  overflow: hidden;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 1000px;
  max-height: 80vh;
  line-height: 0;
}

#img-zoom .zoom-img__close {
  position: absolute;
  background-color: #333;
  border-radius: 5px;
  font-size: 20px;
  right: 30px;
  top: 30px;
  z-index: 999999;
  height: 25px;
  width: 25px;
  opacity: 0.8;
  cursor: pointer;
}

#img-zoom .zoom-img__close::after {
  content: "✕";
  position: relative;
  left: 5px;
  top: 12px;
  color: #fff;
}

#img-zoom img {
  width: 100%;
}

.App-footer {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  background-color: transparent;
}

.App-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 15px;
  background-color: #111;
  color: #fff;
  border-radius: 4px 4px 0px 0px;
  opacity: 0.8;
}

.App-button {
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  border: none;
  border-radius: 50%;
  outline: none;
  background: none;
  color: #fff;
  font-size: 0.75rem;
  cursor: pointer;
  vertical-align: middle;
}

.App-buttonIcon {
  display: block;
  fill: currentColor;
  height: 100%;
}

.App-zoomLabel {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
}

section.magazine__detail .detail__group .con-box .txt-box #img-zoom img {
  margin: 0;
}

/* 이미지 확대 */

.verify-doctor {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 25px;
}

.verify-doctor .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.verify-doctor b {
  font-weight: 500;
}

.verify-doctor .grey {
  color: #666;
}

.verify-doctor .notice {
  display: flex;
  margin-top: 10px;
}

.verify-doctor .notice .certificate_img {
  margin-right: 10px;
  width: 120px;
}

.verify-doctor .notice .notice_right {
  margin-top: 20px;
}

.verify-doctor .notice_right button {
  border-radius: 5px;
  background-color: #4a25aa;
  padding: 10px 15px;
  color: #fff;
  margin-top: 20px;
}

.verify-doctor .notice_right .member__wrap .photo-certify-btn-box button {
  padding: 15px;
  margin-top: 25px;
}

.verify-doctor button:hover {
  background-color: #7673f5;
}

.verify-doctor button img {
  margin-right: 5px;
  vertical-align: top;
}

.verify-doctor section.member .member__wrap .member__con .certify-how .certificate img {
  width: 100%;
}

.verify-doctor section.member .member__wrap .member__con .certify-how {
  background-color: transparent;
}

.verify-doctor section.member .member__wrap {
  white-space: normal;
  overflow-y: auto;
  height: 75%;
}

.verify-doctor section.member .member__wrap .member__con .certify-info .bottom-txt {
  font-size: 16px;
  margin-bottom: 10px;
}

.verify-doctor section.member .member__wrap .member__con .certify-info .top-txt {
  font-size: 16px;
}

.verify-doctor section.member .member__wrap .member__con .member__tit {
  padding-bottom: 20px;
}

.verify-doctor section.member .member__wrap .member__con .certify-info .bottom-txt {
  color: #878787;
}

.verify-doctor .popup_close {
  position: absolute;
  background-color: #333;
  border-radius: 5px;
  font-size: 20px;
  right: 30px;
  top: 30px;
  z-index: 999999;
  height: 25px;
  width: 25px;
  opacity: 0.8;
  cursor: pointer;
}

.verify-doctor .popup_close::after {
  content: "✕";
  position: relative;
  left: 5px;
  top: 1px;
  color: #fff;
}

.verify-doctor section.member {
  background-color: transparent;
}

.verify-doctor section.member .member__wrap .member__con .certify-how {
  margin: 0;
  padding: 0 24px;
}

.verify-doctor .certify-form {
  margin-top: 25px;
  display: flex;
  justify-content: center;
}

.verify-doctor .certify-form .photo-upload-btn:first-child {
  margin-right: 30px;
}

.trainee_info {
  width: 100%;
  padding: 10px 0px 20px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 5px;
  font-size: 20px;
}

.class__box p.notice-line {
  text-align: left;
  color: #666;
  font-size: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 23px;
  width: 100%;
}

.class__box.notice {
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 16px;
}

.class__box__grey {
  width: 100%;
  background-color: #fafafa;
  border-radius: 10px;
  padding: 0px 20px;
  margin-bottom: 35px;
}

.class__box__grey div {
  margin: 20px;
  line-height: 30px;
}

.class__box__grey b.purple {
  color: #4a25aa;
}

.class__box .name {
  font-size: 21px;
  font-weight: 500;
}

.class__box .dentist_id {
  font-size: 22px;
  font-weight: 600;
}

.course_progress {
  display: flex;
  flex-direction: column;
  width: 540px;
}

.course_progress.lecture {
  width: 360px;
}

.course_progress.mini {
  width: 230px;
  margin-top: 15px;
}

.course_progress progress {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  margin-top: 11px;
}

::-webkit-progress-bar {
  background-color: #f5f5f5;
  border-radius: 5px;
}

::-webkit-progress-value {
  background: linear-gradient(90deg, #5e5bd1 50%, #bcbbff 100%);
  border-radius: 5px;
}

.course_progress.lecture progress {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  margin-top: 6px;
}

.course_progress.mini progress {
  height: 2px;
}

.course_progress .txt {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  align-items: center;
}

.course_progress.lecture .txt label.main {
  color: #ea4e4a;
  font-size: 18px;
  font-weight: 600;
  background-color: #fff5f5;
  padding: 5px;
}

.course_progress.mini .txt label.main {
  color: #4a25aa;
  font-size: 12px;
  font-weight: 500;
}

.course_progress .txt .progress {
  color: #333;
  background: #f5f5f5;
  padding: 5px 10px;
  border-radius: 3px;
}

.course_progress .txt .progress.done {
  color: #0cbd88;
  background: #d0fff1;
}

.class.list .purple {
  color: #4a25aa;
}

.class.list .green {
  color: #0cbd88;
}

.class.list .red {
  color: #ff6b6b;
}

.class__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}

.class__box .notice {
  padding: 11px;
  background-color: #f5f5f5;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  height: 40px;
}

/* 클래스 */
.class mark {
  color: #fff;
  background-color: #3DCDA2;
  font-size: 15px;
  font-weight: 400;
  padding: 5px 10px;
  border-radius: 2px;
}

.class .title-box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  top: 260px;
}

.class .title-box.detail {
  display: flex;
  top: 170px;
}

.class .title-box.detail .preview {
  width: 488px;
  height: 250px;
  overflow: hidden;
  border-radius: 5px;
}

.class .title-box.detail .preview img {
  width: 100%;
  height: 100%;
}

.class .title-box.detail .detail-info {
  padding-left: 20px;
  color: #fff;
  margin-top: 50px;
}

.class .title-box.detail .detail-info mark {
  background: #fff;
  color: #333;
  font-size: 14px;
  line-height: 17px;
  padding: 5px;
}

.class .title-box.detail .detail-info button {
  background: transparent;
  padding: 5px 10px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  margin-right: 15px;
  height: 40px;
  opacity: 0.7;
}

.class .title-box.detail .detail-info button:hover {
  opacity: 100;
}

.class .title-box.detail .detail-info button img {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.class .title-box.detail .detail-info button img.logo {
  width: 30px;
}

.class .title-box.detail .detail-info .txt {
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0px;
}

.class .title-box.detail .detail-info input.class-title {
  font-size: 25px;
  line-height: 36px;
  font-weight: 500;
  width: 410px;
  background: transparent;
  color: #fff;
}

.class .title-box.detail .detail-info input.class-sub-title {
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0px;
  width: 410px;
  background: transparent;
  color: #fff;
}

.class .title-box.detail .detail-info input.more-info {
  width: 300px;
  padding: 5px;
  border-bottom: 2px solid rgba(19, 19, 21, 0.6);
  background: #eff1f2;
  margin-right: 10px;
}

.class .title-box.detail .detail-info .txt b {
  font-size: 25px;
  line-height: 36px;
  font-weight: 500;
}

.class .title-box.detail .detail-info .sub-txt {
  color: rgba(255, 254, 254, 0.5);
  font-size: 15px;
  line-height: 18px;
}

.class .title-box.detail .detail-info .sub-txt b {
  color: #fff;
  font-weight: 400;
}

.class .title-box.detail .detail-info .reference {
  display: flex;
  align-items: center;
}

.class .title {
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.class .title span {
  font-size: 20px;
  margin-left: 7px;
  margin-right: 10px;
}

.class .sub_title {
  font-size: 18px;
  line-height: 19px;
  margin-top: 10px;
}

.class .main_tab {
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
  margin-top: 30px;
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.class .main_tab .ongoing button {
  color: #aaa;
  font-size: 18px;
  padding: 20px 30px;
  line-height: 24px;
  position: relative;
  bottom: -2px;
}

.class .main_tab .ongoing button.selected {
  color: #333;
  font-weight: 600;
  border-bottom: 3px solid #333;
}

.class .main_tab .sorting button {
  font-size: 14px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-left: 15px;
  margin-bottom: 15px;
}

.class .main_tab .sorting button:hover {
  background-color: #fafafa;
}

.class-tit {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.class-tit b {
  color: #3DCDA2;
}

.class_box_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 1225px;
  left: -10px;
}

.class_box {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  width: 300px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
  margin-right: 7px;
}

.class_box:nth-child(4n) {
  margin-right: 0;
}

.class_box:hover {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
}

.class_box .detail {
  margin-top: 16px;
  height: 95px;
  width: 100%;
}

.class_box .detail.blur {
  filter: blur(9px);
}

.class_box .before_released {
  position: absolute;
  top: 235px;
  left: 85px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #333;
}

.class_box .txt {
  color: #333;
  font-size: 16px;
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 25px;
}

.class_box .txt b {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}

.class_box .sub-txt {
  font-size: 15px;
  line-height: 18px;
  margin-top: 6px;
  color: #666;
}

.class_box .sub-txt img {
  margin-right: 5px;
  display: inline-block;
}

.class hr {
  border: 0;
  height: 12px;
  background: rgba(242, 242, 242, 0.4);
  margin-bottom: 42px;
}
.class_box .sub-txt hr {
  width: 100%;
  border: 0;
  height: 1px;
  background: #ccc;
  margin: 8px 0;
}

.class_box .img_box {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.class_box .img_box img {
  width: 100%;
  height: 170px;
  transform: scale(1);
  transition-duration: 300ms;
}

.class_box:hover .img_box img {
  transform: scale(1.05);
}

.class_box mark {
  background-color: #4a25aa;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  padding: 3px 5px;
  color: #fff;
  width: fit-content;
}

.class__box .tit {
  color: #333;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}

.class__box .notice-tit {
  color: #333;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.class__box .notice__list {
  padding: 0px 10px;
  border-left: 4px solid #333;
}

.class__box .notice__list div {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 28px;
}

.class__box .notice__list div:last-child {
  margin-bottom: 0px;
}

.class_info__box {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.class_info__box .modify {
  position: absolute;
  right: 20px;
  top: 25px;
  color: #ff8585;
  letter-spacing: -0.7px;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.class_info__box .left-content {
  width: 750px;
  display: flex;
  position: relative;
  flex-direction: column;
}

.class_info__box .left-content .tit {
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
}

.class_info__box .right-content {
  width: 400px;
  display: flex;
  flex-direction: column;
}

.class_info__box .right-content .payment-box {
  width: 100%;
  background: #fff;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  border-radius: 5px;
  padding: 20px;
}

.class_info__box .right-content .payment-box .txt {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}

.class_info__box .right-content .payment-box .txt b {
  font-size: 20px;
  line-height: 30px;
}

.class_info__box .right-content .payment-box .detail {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}

.class_info__box .right-content .payment-box .detail mark {
  background: #fafafa;
  border-radius: 5px;
  color: #333;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  padding: 12px 16px;
}
.class_info__box .right-content .payment-box .detail mark i {
  margin-right: 30px;
  text-decoration: none;
  font-style: normal;
  font-size: 20px;
}

.class_info__box .right-content .payment-box .detail span {
  color: #4a25aa;
  font-size: 16px;
  font-weight: 600;
}

.class_info__box .right-content .payment-box .detail b.pay {
  color: #4a25aa;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}

.class_info__box .right-content .payment-box .detail button {
  width: 95px;
  padding: 12px 15px;
  color: #333;
  border: 1px solid #ccc;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 5px;
}

.class_info__box .right-content .payment-box .detail button:hover {
  background-color: #f5f5f5;
}

.class_info__box .right-content .payment-box .detail button img {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.class_info__box .right-content .payment-box .detail button.enroll {
  width: 250px;
  color: #fff;
  border: none;
  background: #3DCDA2;
}

.class_info__box .right-content .payment-box .detail button:hover {
  animation-duration: 0.5s;
  animation-name: swing-updown;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition-timing-function: linear;
}

.class_info__box .right-content .payment-box .detail button.enroll.before {
  color: #fff;
  background: #4a25aa;
}

.class_info__box .right-content .payment-box .detail button.enroll.before:disabled {
  background: #ccc;
}

@keyframes swing-updown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5px);
  }
}

.class_info__box .right-content .cs_link {
  width: 100%;
  border: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  background: #fff;
  color: #333;
  border-radius: 5px;
  margin-top: 20px;
  padding: 14px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}

.class_info__box .right-content .cs_link i {
  background: url("../img/information.svg") no-repeat center;
  width: 22px;
  height: 22px;
  position: relative;
  bottom: 1px;
  margin-right: 3px;
}

.notice-list-box {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.notice-list-box a {
  width: 100%;
}

.notice-list-box .notice-item {
  border-bottom: 1px solid #ededed;
  padding: 15px;
}

.notice-list-box .notice-item.current {
  background: #f5f5f5;
}

.notice-list-box .notice-item:hover {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
  border-radius: 5px;
}

.notice-list-box .notice-item .notice-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #333;
}

.notice-list-box .notice-item .notice-detail {
  font-size: 16px;
  line-height: 19px;
  color: #666;
  margin-top: 10px;
}

.class-quiz-box {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 50%;
  left: 50%;
  margin-top: -275px;
  margin-left: -425px;
  padding: 20px 30px;
  width: 850px;
  min-height: 400px;
  background: #fff;
  border: 4px solid #4a25aa;
  border-radius: 10px;
  z-index: 999;
}

.class-quiz-box .tit {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #4a25aa;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  position: relative;
}

.class-quiz-box i.close {
  font-style: normal;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

.class-quiz-box i.close:after {
  content: "\00d7";
  font-size: 50px;
  font-weight: 200;
}

.class-quiz-box .tit b {
  font-size: 25px;
  line-height: 40px;
}

.class-quiz-box .q {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 24px;
  color: #333;
  font-weight: 600;
}

.rbox.class label .txt {
  font-size: 18px;
  line-height: 23px;
}

.class-quiz-box button.nxt {
  background: #4a25aa;
  width: 103px;
  height: 39px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin: 30px auto;
}

.class-quiz-box .alert {
  background: #edeaff;
  border-radius: 50px;
  width: 293px;
  height: 30px;
  font-size: 16px;
  line-height: 19px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.class-quiz-box .alert.wrong {
  background: #ffd9d9;
  color: #ea4e4e;
}

.class-quiz-box .quiz_done {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 25px;
  line-height: 35px;
  position: relative;
  width: 100%;
  height: 360px;
}

.class-quiz-box .quiz_done b {
  color: #0cbd88;
}

.lecture_left_box {
  min-width: 780px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 40px 40px;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  background: #fff;
}

.lecture_left_box .live_exit{
  padding: 8px 10px;
  width: fit-content;
  margin-left: auto;
  border-radius: 5px;
  border: 1.5px solid #333;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}


.lecture_left_box .live_exit:hover{
 background-color: #fafafa;
}

.lecture_right_box {
  min-width: 393px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin-left: 30px;
}

.lecture_right_box .lecture_info {
  width: 100%;
  padding: 30px 20px;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  background: #fff;
}

.lecture_right_box .lecture_info .user_info {
  font-size: 20px;
  line-height: 24px;
}

.lecture_right_box .lecture_info .user_info b {
  font-size: 20px;
  line-height: 26px;
  margin-left: 6px;
}

.lecture_right_box .lecture_info .user_info .top_box {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.lecture_info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.lecture_info .title {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.4px;
  margin-left: -20px;
}

.lecture_info .title img {
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px;
}

.lecture__video-wrap iframe {
  width: 100%;
  min-height: 500px;
}

.lecture__video-wrap .loading {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lecture_right_box .lecture_content {
  background: #fff;
  box-shadow: 0px 4px 10px rgba(33, 33, 33, 0.05);
  border-radius: 4px;
  width: 310px;
  height: 95px;
  padding: 20px;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  font-size: 16px;
}

.lecture_right_box .lecture_content .idx {
  border-radius: 50%;
  border: 1px solid #dedede;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.lecture__video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.lecture__video-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.lecture_left_box .powered_by {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.lecture_play_box {
  display: flex;
  justify-content: center;
  padding: 60px;
}

.class_auth {
  margin-top: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.class_auth .check_alarm {
  font-size: 14px;
  height: 14px;
  margin-top: 20px;
  color: #4a25aa;
}

.class_auth .txt {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.class_auth .txt b {
  font-size: 16px;
  margin-left: 5px;
}

.class_auth .txt img {
  margin-left: 10px;
  width: 122px;
  height: 24px;
}

.class_auth .gray_box {
  width: 100%;
  padding: 50px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fafafa;
  border-radius: 10px;
}

.class_auth .gray_box input {
  width: 489px;
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
}

.class_auth .gray_box .docId_submit {
  width: 190px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: #4a25aa;
  border-radius: 5px;
  margin-top: 15px;
}

.class_auth .gray_box .docId_submit:disabled {
  background: #c4c4c4;
  color: #fff;
}

.no_class_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 240px;
  width: 100%;
}

.no_class_item img {
  width: 70px;
  height: 60px;
  position: relative;
  top: -20px;
}

.no_class_item mark {
  background: #f5f5f5;
  color: #333;
  border-radius: 50px;
  padding: 10px;
}

.home-main-banner {
  position: relative;
}

.home-main-banner .nav__box {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 30px;
  width: 100px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  align-items: center;
  z-index: 1;
}

.home-main-banner .nav__box .groupbuying-fraction {
  font-size: 13px;
  margin-right: 5px;
}

.home-main-banner .nav__box .swiper-button-prev1 {
  margin-right: 10px;
}
 
.main-banner .nav__box {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 30px;
  width: 100px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  align-items: center;
  z-index: 1;
}

.main-banner .nav__box .groupbuying-fraction {
  font-size: 13px;
  margin-right: 5px;
}

.main-banner .nav__box .swiper-button-prev1 {
  margin-right: 10px;
}

.groupbuying-recommend.recommend-list .swiper-button-prev1,
.groupbuying-recommend.recommend-list .swiper-button-next1 {
  padding: 8px;
}

.groupbuying-recommend.recommend-list .swiper-button-prev1:hover,
.groupbuying-recommend.recommend-list .swiper-button-next1:hover {
  background-color: #f5f5f5;
  border-radius: 50%;
}

.right-content .recommend-list .groupbuying__item {
  width: 190px;
  height: 300px;
  background-color: #fff;
}

.right-content .recommend-list .groupbuying__item .img__container {
  height: 130px;
}

.groupbuying__item {
  width: 275px;
  height: 390px;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px;
  margin: 15px 0px;
  vertical-align: top;
}

.groupbuying__item.unpublished{
  background-color: #ededed;
}

.groupbuying__item:hover {
  box-shadow: 0px 3px 3px #00000010, 0px 0px 2px #00000010;
}

.groupbuying__item .thumbnail {
  width: 255px;
  height: 170px;
  border-radius: 5px;
  transform: scale(1);
  transition-duration: 300ms;
}

.groupbuying__item:hover .thumbnail {
  transform: scale(1.05);
}

.right-content .groupbuying__item .thumbnail {
  width: 170px;
  height: 113px;
}

.groupbuying__item .section__border {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  height: 88px;
}

.groupbuying__item .publisher {
  color: #a0a0a0;
  font-size: 13px;
  margin-top: 10px;
}

.groupbuying__item .title {
  font-size: 16px;
  font-weight: 700;
  height: 20px;
  color: #333;
}

.groupbuying__item .sub-title {
  font-size: 15px;
  margin-top: 3px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* IE에서 2줄까지 보이기 위함 */
  line-height: 1.3em;
  height: 2.6em;
  font-weight: 400;
}

.groupbuying__item .price__box {
  margin-top: 8px;
}

.groupbuying__item .text-red-500 {
  color: #E64937;
}

.groupbuying__item .price__box .original-price {
  font-size: 13px;
  color: #ccc;
  text-decoration: solid line-through #ccc 1px;
}

.groupbuying__item .price__box .price {
  display: flex;
  align-items: center;
  margin-top: 5px;
  line-height: initial;
}

.groupbuying__item .price__box .price .sale-price {
  font-size: 20px;
  color: #333;
  font-weight: 600;
}

.groupbuying__item .price__box .price .percent {
  font-size: 20px;
  color: #ff8585;
  font-weight: 600;
  margin-left: 5px;
}

@keyframes swing-updown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5px);
  }
}

.groupbuying-recommend.recommend-list {
  /*margin-top: 40px;*/
}

.groupbuying-recommend.recommend-list .groupbuying__item {
  margin-top: 0;
}

.groupbuying-recommend.recommend-list .title__box {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.groupbuying-recommend.recommend-list .qna-right-image{
  width: 400px;
  height: 287px;
  margin-top: 26px;
  cursor: pointer;
  border-radius: 10px;
}

.groupbuying-recommend.recommend-list .qna-right-image img{
  width: 100%;
  height: 100%;
}


.groupbuying-recommend.recommend-list .title__box .button__box {
  display: flex;
  font-size: 20px;
}

.groupbuying-recommend.recommend-list .title__box .button__box .swiper-button-next1 {
  margin-left: 10px;
}

.class-write .datetime__input {
  margin-top: 5px;
  margin-bottom: 20px;
  border-bottom: 2px solid rgba(19, 19, 21, 0.6);
  background: #eff1f2;
  padding: 10px;
  width: fit-content;
  font-size: 13px;
}

.class-write .datetime__input input {
  background-color: #eff1f2;
}

.class-write .datetime__input .title {
  margin-right: 30px;
  font-weight: 700;
}

.class-write section.board__reg .reg__top__box .tit-box input {
  padding-left: 0;
}

.class .modify__btn {
  position: absolute;
  right: 50px;
  top: 200px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  color: #333;
  padding: 10px 20px;
  margin: 0 10px;
}

.hot_curation.survey__box {
  margin-bottom: 86px;
}

.hot_curation.survey__box .content {
  height: 250px;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  padding: 15px 10px 20px 10px;
  border-radius: 5px;
  margin-top: 15px;
}

.survey__box .new {
  position: absolute;
  top: -15px;
  font-weight: 500;
  font-size: 10px;
  background-color: #ea4e4e;
  border-radius: 10px;
  color: #fff;
  line-height: 1;
  padding: 3px 6px;
}

.survey__box .list__table {
  height: 100%;
  position: relative;
  margin: 0;
}

.survey__box .list__table .event {
  color: #4a25aa;
  font-size: 16px;
  margin-bottom: 10px;
  background-color: #f6f5ff;
  padding: 5px 10px;
  border-radius: 3px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
}

.survey__box .list__table .question {
  font-weight: 600;
  color: #333;
  font-size: 16px;
  line-height: 20px;
}

.survey__box .list__table .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.survey__box .list__table .date {
  color: #666;
  font-size: 14px;
  border-top: 1px solid #ededed;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.survey__box .list__table .date .img {
  position: relative;
  top: 0px;
}

.survey__box .btn {
  background-color: #333;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  height: 42px;
  font-size: 16px;
  font-weight: 400;
}

.survey__box .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.survey__box .btn:hover {
  animation-duration: 0.5s;
  animation-name: swing-updown;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition-timing-function: linear;
}

.survey article.item__tong__template1 .box-wrap {
  padding: 30px 20px;
}

.survey article.item__tong__template1 .box-wrap .info-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.survey article.item__tong__template1 .box-wrap .info-box .subject-box {
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: 600;
}

.survey .info-box .bottom__box {
  height: 120px;
  border-radius: 5px;
  background-color: #fafafa;
  padding: 15px;
  margin-top: 20px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.survey .info-box .bottom__box .about {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.survey .info-box .bottom__box .desc {
  color: #666;
  margin-right: 15px;
}

.survey .info-box .bottom__box .highlight {
  color: #4a25aa;
}

.survey .title {
  font-weight: 600;
  color: #000;
  font-size: 20px;
  margin-bottom: 40px;
}

.survey .title .imoji {
  font-weight: normal;
  vertical-align: text-top;
}

.survey .essay-question,
.survey .choice-question,
.survey .multiple-question {
  margin-bottom: 50px;
}

.survey .multiple-question .multiple-answer .order {
  color: #4a25aa;
  margin-left: 10px;
}

.survey .question {
  font-size: 18px;
  line-height: 22px;
  color: #333;
  font-weight: 600;
  word-break: keep-all;
  margin-bottom: 20px;
}

.survey .essay-answer {
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  border-radius: 5px;
}

.survey .essay-answer textarea {
  resize: none;
  outline: none;
  padding: 10px 10px 7px 10px;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
}

.survey .multiple-answer .essay-answer {
  position: relative;
  top: -12px;
}

.survey .essay-answer textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
  color: #ccc;
}

.survey input {
  appearance: auto;
  -webkit-appearance: auto;
}

.survey input[type="checkbox"]{
  width: 20px;
  height: 20px;
}

.survey input[type="radio"]{
  width: 20px;
  height: 20px;
}

.survey .multiple-answer {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  align-items: flex-start;
}

.survey .multiple-answer.center {
  align-items: center;
}

.survey .multiple-answer p {
  word-break: keep-all;
}

.survey .multiple-answer input {
  display: block;
  margin-right: 8px;
  accent-color: #4a25aa;
}

.survey .multiple-answer input.dark {
  display: block;
  margin-right: 8px;
  accent-color: #333;
}

.survey .multiple-answer .other {
  white-space: nowrap;
  margin-right: 15px;
  word-break: keep-all;
}

.survey .multiple-answer .essay-answer {
  width: 100%;
  align-self: baseline;
}

.survey .submit__btn {
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  width: 250px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  margin: auto;
}

.survey .submit__btn:hover {
  animation-duration: 0.5s;
  animation-name: swing-updown;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition-timing-function: linear;
}

.survey .submit__btn img {
  margin-right: 5px;
}

.survey .section-line {
  background-color: #f5f5f5;
  padding: 5px;
  margin-bottom: 50px;
}

/* 대출 */
.inner .top-article {
  display: flex;
  margin: 60px auto 0 auto;
  max-width: 400px;
}

.inner .top-article .loan-btn-wrap {
  width: 278px;
  height: 116px;
}

.inner .top-article .loan-btn-wrap .txt {
  font-weight: 700;
  font-size: 22px;
  color: #000;
  line-height: 26px;
  margin-bottom: 30px;
  text-align: center;
}

.inner .top-article .txt span {
  color: #008283;
}

.inner .top-article .btn-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inner .top-article .btn-inner-flex {
  width: 138px;
  height: 38px;
  background: #ffffff;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 23px;
  padding: 8px;
}

.btn-inner-flex  +.btn-inner-flex{
  margin-left: 20px;
}


.inner .top-article .btn-inner-flex .icon-phone {
  width: 16px;
  height: 16px;
  background-image: url("/img/phone.svg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #333;
}

.inner .top-article .btn-inner-flex .icon-pen {
  width: 16px;
  height: 16px;
  background-image: url("/img/pen.svg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #333;
}

.inner .top-article .btn-inner-flex .btn-txt {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.inner .top-article .pig-image {
  width: 101px;
  height: 104px;
  background-image: url(../img/pig.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 10px;
}

.inner .bottom-article {
  width: 1200px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 47px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
}

.inner .loan-page-title-txt{
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
}

.loan-popup-wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 510;
  width: 580px;
  height: 251px;
  background: #ffffff;
  border: 2px solid #4a25aa;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
  display: block;
}

.loan-popup-wrap .loan-popup-close {
  width: 20px;
  height: 20px;
  background-color: #333;
  position: absolute;
  top: 19px;
  right: 19px;
  background: url(../img/ic_pop_close.svg) no-repeat center/cover;
  cursor: pointer;
}

.loan-popup-wrap .txt-wrap {
  padding: 80px 150px 58px 150px;
}

.loan-popup-wrap .txt-wrap .txt {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  margin-bottom: 48px;
}

.loan-popup-wrap .txt-wrap .btn {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  padding: 15px;
  align-items: center;
  font-size: 15px;
  line-height: 13px;
  font-weight: 500;
  width: 105px;
  height: 40px;
  margin: auto;
  display: block;
  cursor: pointer;
}

.secret-box-flex {
  display: flex;
  align-items: center;
}

.secret-write-btn {
  width: 43px;
  height: 24px;
  background-color: #4a25aa;
  border-radius: 43px;
  display: flex;
  align-items: center;
  margin-right: 6px;
}

.secret-write-btn .secret-on {
  width: 23px;
  height: 23px;
  align-items: center;
  background-color: #fff;
  border-radius: 19px;
  border: 2px solid #4a25aa;
}

.secret-box-flex .txt {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #4a25aa;
}

.loan-detail-wrap {
  margin-top: 150px;
}

/* block */
article.block-list-box {
  width: 1006px;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  margin-top: 28px;
}

article.block-list-box .box-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 24px 12px 19px;
}

.box-flex .name {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
}

.box-flex .non-block-btn {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #4a25aa;
  cursor: pointer;
}

article.block-list-box .under-border {
  width: 100%;
  height: 1px;
  background-color: #EDEDED;
}

article.block-list-box .under-border:last-child {
  display: none;
}

article.block-popup-box {
  position: fixed;
  top: 40%;
  left: 40%;
  width: 427px;
  height: 210px;
  background: #FFFFFF;
  box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
  border-radius: 10px;
  z-index: 600;
}

article.block-popup-box .popup-false-btn {
  position: absolute;
  right: 15px;
  top: 10%;
  transform: translateY(-50%);
  background: url("../img/ic_pop_close_black.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
  outline: none;
  border: none;
  cursor: pointer;
}

article.block-popup-box .txt {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #333333;
  margin-top: 64px;
}

article.block-popup-box .btn-wrap {
  align-items: center;
  margin-top: 38px;
  display: block;
  text-align: center;
}

article.block-popup-box .confirm {
  width: 85px;
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  background-color: #333;
  border-radius: 5px;
}

article.block-popup-box .cancel {
  width: 85px;
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  background-color: #AEAEAE;
  border-radius: 5px;
  margin-left: 12px;
}

.hygienist__accent-txt {
  color: #4a25aa;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  font-size: 14px;
}

#modal .nps {
  padding: 30px;
}

#modal .nps .star_rate {
  margin-top: 0;
  text-align: start;
  width: 550px;
}

#modal .nps .question {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

#modal .nps .reason {
  margin-top: 30px;
  width: 550px;
}

#modal .nps .reason .reg-input-box {
  border-radius: 5px;
    border: 3px solid #ededed;
}

#modal .nps .reason .reg-input-box textarea {
  resize: none;
    outline: none;
    padding: 15px 18px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
}

#modal .nps .buttons {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

#modal .nps .buttons button {
  border-radius: 5px;
  padding: 10px 25px;
  background-color: #ccc;
  color: #fff;
}

#modal .nps .buttons button:last-child {
  background-color: #4a25aa;
  margin-left: 20px;
}

#youtube-subtitle {
  position: relative;
  margin-bottom: 50px;
}

#youtube-subtitle #fullscreen-btn {
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  padding: 8px;
  margin-top: 5px;
  position: absolute;
  right: 0;
}

.scale-hover__box {
  overflow: hidden;
  border-radius: 5px;
  width: fit-content;
}

.user_level_badge {
  position: absolute;
  min-width: 30px;
  height: 20px;
  transform: translate(-130%, 0%);
}

.user_level_badge.special {
  width: 20px;
}

.user_level_badge .box{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.user_level_badge img{
  position: absolute;
  left: 0px;
}

.user_level_badge .number{
  position: absolute;
  display: contents;
  color: #4A25AA;
  font-size: inherit;
  width: 100%;
}

.user_level_badge .number b{
  color: #828282;
}

img.chicruit1 {
  width: 1200px;
  margin: 50px auto;
  padding-top: 30px;
}

div.chicruit-banner {
  display: flex;
  background-image: url("https://moreden-img.s3.ap-northeast-2.amazonaws.com/static/cheecruit/chicruiting6.png");
  background-repeat: no-repeat;
  background-size: cover;
}

img.chicruit2 {
  width: 850px;
  margin: 70px auto;
}

.chicruiting button.chicruiting_form {
  width: 570px;
  height: 144px;
  padding: 15px;
  text-align: left;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  border-radius: 10px;
  background: linear-gradient(0deg, #4675E8, #4675E8), #4A79EF;
  position: relative;
}

.chicruiting .blue-box{
  background: #D6EBFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  border-radius: 5px;
  position: relative;
}

.chicruiting .blue-box .click{
  position: absolute;
  color: #4675E8;
  font-size: 16px;
  bottom: -45px;
  left: 200px;
}

.chicruiting .blue-box .click_img{
  width: 30px;
  top: 150px;
  right: 170px;
  position: absolute;

}

.chicruiting button.chicruiting_form img{
  position: absolute;
  right: 15px;
  top: 24px;
  width: 120px;
}

.chicruiting {
  padding: 57px 57px 0px 57px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.chicruiting .sub-txt{
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #293654;
}

.chicruiting .sub-txt b{
  color: #F48181;
}

.chicruiting .txt-box{
  text-align: center;
  margin-top: 61px;
  background: #fff;
  box-shadow: 0px 4px 13px #E1E1F4;
  font-size: 18px;
  color: #666;
  line-height: 27px;
  padding: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.chicruiting .txt-box .arrow-up {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid white;
  top: -30px;
}

.chicruiting .txt-box .tit-txt{
  color: #6B97FF;
  font-size: 22px;
  margin-bottom: 25px;
}

.chicruiting .txt-box mark{
  background-color: #CCE3FF;
  font-weight: 500;
}

.chicruiting button.chicruiting_form.BDS{
  background: #CAD2E8;
  margin-left: 20px;
  filter: none;
}

.chicruiting button.chicruiting_form.BDS .txt{
  color: #666666;
}

.chicruiting button.chicruiting_form .txt{
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
}


.popup.chicruiting .mychicruiting_tit {
  width: 100px;
  font-size: 14px;
  line-height: 17px;
  color: #666;
}

.popup.chicruiting .date {
  color: #4A25AA;
  font-size: 13px;
}

.popup.chicruiting .name {
  font-size: 24px;
  color: #333;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 32px;
}

.popup.chicruiting .row {
  display: flex;
  width: 100%;
  font-size: 15px;
  margin-bottom: 20px;
}

.popup.chicruiting .row div.content{
  word-break: break-all;
  width: 370px;
}

span.chicruiting_item::after {
  content: ", ";
}

span.chicruiting_item:last-child::after {
  content: "";
}

.popup.chicruiting .row div span::after{
  content: ", ";
}

.popup.chicruiting .row div span:last-child::after{
  content: "";
}

.popup.chicruiting .row .white-button{
  font-size: 15px;
  line-height: 22px;
  color: #4A25AA;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 7px 40px;
  margin-right: 10px;
}

.popup.chicruiting .row .purple-button{
  font-size: 15px;
  line-height: 22px;
  background: #4A25AA;
  color: #fff;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 7px 30px;
}

.popup.chicruiting {
  width: 542px;
  background: #fff;
  border-radius: 10px;
  padding: 32px;
}

.popup.chicruiting .err-msg{
  color: rgb(254, 101, 102);
  font-size: 14px;
  margin: 10px 0px 0px 14px;
}

.popup.chicruiting .tit{
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.popup.chicruiting .sub-tit{
  color: #4a25aa;
  font-size: 13px;
  line-height: 16px;
}

.popup.chicruiting .sub-box{
  background: rgba(237, 234, 255, 0.5);
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #4A25AA;
  margin: 24px 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.popup.chicruiting .sub-box span{
  color: #aaa;
}

.popup.chicruiting .sub-box span b{
  color: #4A25AA;
}

.popup.chicruiting button.done{
  width: 100%;
  height: 50px;
  background: #4A25AA;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.popup.chicruiting button.done:hover{
  background-color: #3A2D73;
}

.popup.chicruiting .info{
  color: #666;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

.popup.chicruiting .info input{
  height: 38px;
  display: inline-flex;
  padding: 0 15px;
  font-size: 15px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 6%), 0px 1px 3px rgb(0 0 0 / 12%);
  letter-spacing: -0.42px;
  border-radius: 5px;
  margin-top: 16px;
}

.popup.chicruiting .info select{
  height: 38px;
  display: inline-flex;
  padding: 0 12px;
  font-size: 15px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 6%), 0px 1px 3px rgb(0 0 0 / 12%);
  letter-spacing: -0.42px;
  border-radius: 5px;
  margin-top: 16px;
}

.popup.chicruiting .info select:invalid{
  color: #aaa;
}

.popup.chicruiting .info select option[value=""][disabled]{
  display: none;
}

.popup.chicruiting .info input::placeholder{
  color: #AAA;
}

.popup.chicruiting .info button.post-btn {
  height: 38px;
  border-radius: 3px;
  border: 1px solid #333;
  background: #fff;
  width: 82px;
  margin: 16px 0 0 16px;
}

.popup.mychicruiting {
  width: 542px;
  background: #fff;
  border-radius: 10px;
  padding: 32px;
}

.chicruiting_form .ii-arrow-right:before {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin-left: 10px;
}

.curation-detail.chicruiting-register .popup-text {
  white-space: nowrap;
}

.curation-detail.chicruiting-register .inner .tit-box {
  margin-top: -180px;
  color: #fff;
}

.chicruiting-register .tit-txt, .chicruiting-register .writer-txt {
  color: #fff;
}

.chicruiting-register .bottom {
  display: flex;
  margin-top: 40px;
  align-items: center;
}

.chicruiting-register .bottom .register-box {
  background-color: #fff;
  z-index: 1;
  width: 542px;
  border-radius: 10px;
  padding: 25px;
  border: 2px solid #ededed;
  height: 812px;
  position: relative;
}

.chicruiting-register .bottom .register-img {
  width: 35%;
  margin-left: 10%;
}

.chicruiting-register .bottom .register-box .txt {
  font-size: 16px;
  color: #aaa;
  margin-bottom: 10px;
}

.chicruiting-register .bottom .register-box .progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.chicruiting-register .bottom .register-box .error-msg {
  text-align: end;
  color: #ED7982;
  margin-top: 20px;
}

.chicruiting-register .bottom .register-box .progress .bar {
  background-color:  #ededed;
  width: 85%;
  height: 5px;
  position: relative;
}

.chicruiting-register .bottom .register-box .progress .highLightBar {
  background-color: #00BAB8;
  height: 5px;
}

.chicruiting-register .bottom .register-box .progress .percent {
  color: #00BAB8;
  font-size: 20px;
  font-weight: 700;
}

.chicruiting-register .bottom .first-btn {
  width: 100%;
  background-color: #4a25aa;
  color: #fff;
  padding: 15px 0;
  border-radius: 5px;
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chicruiting-register .bottom .first-btn:hover{
  background-color: #3A2D73;
}

.chicruiting-register .bottom .writer-img {
  width: 50%;
  height: 40%;
}

.chicruiting-register .bottom .button__container {
  position: absolute;
  display: flex;
  right: 25px;
  bottom: 25px;
}

.chicruiting-register .bottom .button__container button{
  width: 100px;
  background-color: #fff;
  color: #4a25aa;
  padding: 10px 0;
  border-radius: 5px;
  border:  1px solid #ededed;
  margin-right: 10px;
}
.chicruiting-register .bottom .button__container button:hover{
  background-color: #fafafa;
}
.chicruiting-register .bottom .button__container button:last-child {
  background-color:#4a25aa;
  border: none;
  color: #fff;
}

.chicruiting-register .bottom .button__container button:last-child:hover{
  background-color:#3A2D73;
}

.chicruiting-register .bottom .button__container.invalid button:last-child {
  background-color:#ccc;
}

.chicruiting-register .bottom .register-box .title {
  font-size: 25px;
  font-weight: 700;
  color: #333;
}

.chicruiting-register .bottom .register-box .box0 .info-box {
  margin-top: 30px;
  border-radius: 10px;
  border: 2px solid #ededed;
  padding: 30px 20px;
  margin-bottom: 30px;
  background-color: #f5f5f5;
}

.chicruiting-register .bottom .register-box .box0 .info-box .summary {
  font-size: 19px;
  line-height: 28px;
}


.chicruiting-register .bottom .register-box .box0 .info-box .summary .purple{
  color: #4a25aa;
}


.chicruiting-register .bottom .register-box .box0 .info-box .question {
  margin-top: 40px;
  color: #4a25aa;
}

.chicruiting-register .bottom .register-box .box0 .info-box .answer {
  line-height: 20px;
  margin-top: 20px;
  font-size: 14px;
}

.chicruiting-register .bottom .register-box .survey .request-box.many-items label {
  padding: 10px 20px;
}

.chicruiting-register .bottom .register-box .survey .request-box.many-items label:hover{
  background-color: #fafafa;
}

.chicruiting-register .bottom .register-box .survey .request-box label {
  font-size: 18px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 13px 20px;
}

.chicruiting-register .bottom .register-box .survey .request-box label:hover{
  background-color: #fafafa;
}

.chicruiting-register .bottom .register-box .survey .request-box label.border-none {
  border-bottom: none;
}

.chicruiting-register .bottom .register-box .survey .request-box label.border-none + .essay-answer {
  margin-left: 48px;
}

.chicruiting-register .bottom .register-box .survey .request-box label:first-child {
  border-top: 1px solid #ddd;
}

.chicruiting-register .bottom .register-box .survey .request-box input {
  accent-color: #4a25aa;
  margin-right: 15px;
}

.chicruiting-register .bottom .register-box .survey .request-box .text-input {
  resize: none;
    outline: none;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;
    border-radius: 5px;
}

.chicruiting-register .bottom .register-box .survey .request-box .text-input.short {
  width: 80px;
  margin: 0 15px;
  text-align: end;
  padding: 10px;
}

.chicruiting-register .bottom .register-box .survey .request-box .text-input.medium {
  width: 50%;
  margin-left: 0 15px;
  text-align: end;
  padding: 10px;
}

.chicruiting-register .bottom .register-box .survey .request-box .text-input::placeholder {
  color: #ccc;
}

.chicruiting-register .bottom .register-box .survey .request-box .notice {
  color: #4a25aa;
  margin-left: 15px;
  font-size: 14px;
}

.chicruiting-register .bottom .register-box .survey .request-box .subject {
  margin-bottom: 10px;
  margin-top: 20px;
}

.semi-bold {
  font-weight: 700;
}

.flex-items-center {
  display: flex;
  align-items: center;
}
section.file_box {
  display: block;
}

section.file_box .bottom{
  display: flex;
  justify-content: space-between;
}

section.file_box .file-upload {
  width: 100%;
}

section.file_box .file-upload .file-upload__box {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  padding: 15px 20px;
  border-radius: 5px;
  width: 100%;
  margin-top: 20px;
}

section.file_box .file-upload .file-upload__con {
  display: flex;
  justify-content: space-between;
  position: relative;
}

section.file_box .file-upload .file-upload__box .upload {
  background-color: #5c5c5c;
  width: 80px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

section.file_box .file-upload .file-upload__box input[type="file"] {
  opacity: 0;
  width: 80px;
  height: 30px;
  right: 0;
  position: absolute;
  cursor: pointer;
  margin-top: 0px;
}

section.file_box .file-upload .file-upload__box .file:first-child {
  margin-top: 0;
}

section.file_box .file-upload .file-upload__box .file {
  width: 79%;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  height: 30px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  justify-content: space-between;
}

section.file_box .file-upload .file-upload__box .file .left {
  display: flex;
  line-height: 15px;
}

section.file_box .file-upload .file-upload__box .file .name {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

section.file_box .file-upload .file-upload__box .file .size {
  font-size: 13px;
  color: #666;
  margin-left: 10px;
}

section.file_box .file-upload .file-upload__box .desc {
  font-size: 13px;
  color: #666;
  margin-top: 15px;
}

.recruit-direct-button {
  width: 570px;
  height: 345px;
  background: linear-gradient(130.27deg, #FFFFFF 27.07%, #FFF0F0 96.34%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 28px;
  position: relative;
}

.recruit-direct-button img{
  position: absolute;
  right: 10px;
  bottom: 45px;
}

.recruit-direct-button .main-txt{
  color: #FE6566;
  text-align: left;
  font-size: 45px;
  font-weight: 700;
  filter: none;
}

.recruit-direct-button .sub-txt{
  font-size: 20px;
  line-height: 32px;
  text-align: left;
  color: #666;
}

.recruit-direct-button .sub-txt b{
  color: #666;
  font-weight: 700;
}

.recruit-direct-button.chicruiting .main-txt{
  color: #6593FF;
}

.recruit-direct-button.chicruiting .main-txt .top{
  color: #467AF4;
  position: absolute;
  font-size: 22px;
}

.recruit-direct-button.chicruiting .main-txt .tag{
  background: #333;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}

.recruit-direct-button .main-txt .tag{
  position: absolute;
  top: 0px;
  right: 20px;
  background: #FFDFDF;
  color: #333;
  font-size: 30px;
  padding: 5px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: 400;
}

.recruit-direct-button .sub-tit{
  font-weight: 500;
  font-size: 22px;
  margin-top: 0px;
  color: #333;
}

.recruit-direct-button .main-txt .sub-tit b{
  color: #467AF4;
}

.recruit-direct-button .tit{
  color: #333;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
}

.recruit-direct-button .tit b{
  font-weight: 700;
  margin-right: 10px;
}

.recruit-direct-button .tit mark{
  background: #374C8F;
  font-size: 20px;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  position: relative;
  top: -9px;
}

.recruit-direct-button.chicruiting {
  background: linear-gradient(130.27deg, #FFFFFF 27.07%, #E3ECFF 96.34%);
  border: 2px solid #467AF4;
  color: #467AF4;
}

.recruit-direct-button .bottom-button {
  background: #467AF4;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 15px;
  border-radius: 50px;
  font-size: 18px;
  z-index: 2;
}

.recruit-direct-button .bottom-button .ii-arrow-right:before{
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  margin-left: 10px;
}

.no_hospital_info {
  background: #FAFAFA;
  border-radius: 10px;
  padding: 50px 45px;
  color: #666;
  font-size: 15px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 500;
}

.no_hospital_info button.direct{
  width: 157px;
  height: 35px;
  background: #4A25AA;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-top: 5px;
}

.no_hospital_info button.direct:hover{
  background-color: #3a2d73;
}

.ii-bookmark:before {
  color: #4a25aa;
}

.neo-banner, .dentium-banner {
  display: flex;
  flex-wrap: wrap;
  line-height: 0;
}

.dentium-banner > a > img {
  max-width: 1200px;
}

.dentium-horizon {
  display: flex;
  flex-direction: row;
}

.dentium-horizon > a > img {
  max-width: 600px;
}

.dentium_banner_color {
  background-color: #99C736 !important;
}

.teefit_banner {
  position: relative;
  width: 390px;
  height: 276px;
  left: -120px;
  margin-bottom: 74px;
}

.teefit_banner img {
  width: 100%;
}

.block-button {
  color: #4A25AA;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  padding: 8px 15px;
  border-radius: 5px;
}

.nick-box {
  display: flex;
  align-items: center;
}

.profile-box {
  position: absolute;
  min-width: 265px;
  height: 128px;
  background-color: #FFF;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
}

.profile-box .nick{
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #333;
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
}

.profile-box .ranking{
  font-size: 15px;
  position: relative;
  top: -8px;
  color: #333;
}

.profile-box .ranking .gray{
  color: #666;
  margin-right: 5px;
}

.profile-box .ranking .gubun{
  color: #ccc;
  margin: 0 10px;
}

.profile-box .rank_img{
  width: 17px;
  margin-right: 5px;
}

.profile-box button + button {
  margin-left: 10px;
}

.profile-page-box {
  width: 100%;
  background: linear-gradient(91.5deg, #FFFFFF 48.73%, #F7F5FF 96.35%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.profile-page-box .ranking{
  font-size: 20px;
  color: #333;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.profile-page-box .ranking .gray{
  color: #666;
  margin-right: 5px;
}

.profile-page-box .ranking .gubun{
  color: #ccc;
  margin: 0 10px;
}

.profile-page-box .rank_img{
  width: 20px;
  margin-right: 5px;
}

.profile-page button {
  padding: 10px 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
  font-size: 18px;
  font-weight: 600;
}

.profile-page button.active {
  background: #4A25AA;
  color: #fff;
}

button.profile-preview {
  color: #fff;
  background: #4a25aa;
  padding: 5px 10px;
  font-size: 12px;
  box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  margin-left: 10px;
}

button.profile-preview i{
  color: #fff;
  position: relative;
  top: -1px;
  margin-right: 3px;
}

button.orderList-shadow {
  box-shadow: 0px 0px 1px #00000006, 0px 1px 3px #00000024;

}

.accent-primary-800 {
  accent-color: #4a25aa;
}

.accent-black {
  accent-color: #333;
}

.appearance-auto {
  appearance: auto;
  -webkit-appearance: auto;
}

.styled-select{
  background-image: url("https://moreden-img.s3.ap-northeast-2.amazonaws.com/static/klass/order/select_arrow.svg");
  background-repeat: no-repeat;
  background-position: right 0.7rem center;
  background-size: 0.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-next-btn {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  width: 36px;
  height: 36px;
  position:absolute;
  top:  4.5rem;
  right: 0;
  z-index: 20;
  background-color: #fff;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-prev-btn {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  width: 36px;
  height: 36px;
  position:absolute;
  top:  4.5rem;
  left: -18px;
  z-index: 20;
  background-color: #fff;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-next-btn:disabled {
  display: none;
}

.swiper-prev-btn:disabled {
  display: none;
}

.market-swiper-next-btn:disabled {
  display: none;
}

.market-swiper-prev-btn:disabled {
  display: none;
}

.book-swiper-next-btn {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  width: 36px;
  height: 36px;
  position:absolute;
  top:  5rem;
  right: -8px;
  top:  4.5rem;
  right: 0;
  z-index: 20;
  background-color: #fff;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.book-swiper-prev-btn {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  width: 36px;
  height: 36px;
  position:absolute;
  top:  5rem;
  left: -8px;
  top:  4.5rem;
  left: -18px;
  z-index: 20;
  background-color: #fff;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.book-swiper-prev-btn:disabled {
  display: none;
}

.book-swiper-next-btn:disabled {
  display: none;
}

.gradient-box{
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.47) 10.42%, rgba(0, 0, 0, 0) 89.58%);
  width: 100%;
  height: 18%;
  position:absolute;
  bottom: 0;
  border-radius: 6px;
  z-index: 10;
}

.classnamebox{
  background:#000000;
  opacity: 55%;
  height: 30px;
  width: 100%;
  position:absolute;
  bottom: 0;
  border-radius: 0px 0px 5px 5px;
}

.bookmark-swiper-prev{
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  width: 36px;
  height: 36px;
  position:absolute;
  top:  2rem;
  left: -1rem;
  z-index: 20;
  background-color: #fff;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.bookmark-swiper-prev:disabled {
  display: none;
}

.bookmark-swiper-next{
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
  width: 36px;
  height: 36px;
  position:absolute;
  top:  2rem;
  right: -1rem;
  z-index: 20;
  background-color: #fff;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.bookmark-swiper-next:disabled {
  display: none;
}

.seoulDA__comment {
  margin-top: 70px;
}

.seoulDA__comment .comment__info {
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}

.seoulDA__comment .comment__info .seoulDA-blue {
  margin-left: 5px;
}

.seoulDA__comment .comment-box {
  padding: 15px;
  border-bottom: 1px solid #ededed;
}

.seoulDA__comment .comment-box.reply-box {
  background-color: #fafafa;
  padding-left: 50px;
}

.seoulDA__comment .comment-box .info-box {
  display: flex;
  justify-content: space-between;
  color: #666;
  margin-bottom: 12px;
}

.seoulDA__comment .comment-box .info-box .nickname {
  font-weight: 600;
  font-size: 14px;
}

.seoulDA__comment .comment-box .info-box .date {
  font-size: 13px;
}

.seoulDA__comment .comment-box .content-box {
  margin-bottom: 20px;
  line-height: 20px;
}

.seoulDA__comment .comment-box .img-box {
  margin: 15px 0 6px;
}

.seoulDA__comment .comment-box .img-box img {
  width: 300px;
}

.seoulDA__comment .comment-box .menu-box {
  display: flex;
  justify-content: space-between;
}

.seoulDA__comment .comment-box .menu-box .left {
  display: flex;
}

.seoulDA__comment .comment-box .menu-box .left .comment-btn,
.seoulDA__comment .comment-box .menu-box .left .heart-btn {
  font-size: 13px;
  padding: 0px 6px;
  border: 1px solid #ccc;
  background-color: #fff;
  height: 23px;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.seoulDA__comment .comment-box .menu-box .left .comment-btn img {
  margin-right: 5px;
}

.seoulDA__comment .comment-box .menu-box .left .heart-btn img {
  width: 16px;
  height: 16px;
  margin-right: 3px;
}

.seoulDA__comment .comment-box .menu-box .report-btn {
  display: flex;
  align-items: center;
  font-size: 13px;
}

/* 게시판 본문 */
.seoulDA__article .info {
  margin-top: 50px;
  padding-bottom: 20px;
  border-bottom: 2px solid #333;
}

.seoulDA__article .info .top {
  font-weight: 600;
  color: #333;
  font-size: 26px;
  margin-bottom: 30px;
}

.seoulDA__article .info .bottom {
  display: flex;
  justify-content: space-between;
  color: #666;
  font-size: 14px;
}

.seoulDA__article .info .bottom .left .date {
  position: relative;
  margin-left: 15px;
}

.seoulDA__article .info .bottom .left .date::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background-color: #666666;
  border-radius: 50%;
}

.seoulDA__article .info .bottom .right {
  display: flex;
}

.seoulDA__article .info .bottom .right button {
  background-color: #f5f5f5;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 13px;
}

.seoulDA__article .info .bottom .right button:last-child {
  background: url("../img/ico-delete.svg") no-repeat right 6px bottom 4px/15px, #f5f5f5;
  padding-right: 25px;
  margin-left: 10px;
}

.seoulDA__article .files .download-all {
  margin-top: 20px;
  font-size: 14px;
}

.seoulDA__article .files .file {
  margin-top: 10px;
  height: 30px;
  width: 425px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.seoulDA__article .files .file .file-name {
  display: flex;
  align-items: center;
  width: 380px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 10px;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
}

.seoulDA__article .files .file .file-name .name {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.seoulDA__article .files .file .file-name .size {
  color: #666;
  margin-left: 10px;
}

.seoulDA__article .files .file .download {
  width: 40px;
  height: 100%;
  border-radius: 5px;
  background: url("../img/cloud_download_white.svg") no-repeat center#0c4ca3;
}

.seoulDA__article .files .file .download a {
  width: 100%;
  height: 100%;
}

.seoulDA__article .content {
  margin-top: 30px;
}

.seoulDA__article .images {
  margin-top: 20px;
}

.seoulDA__article .images img {
  width: 100%;
  margin-bottom: 18px;
}

/* 공동구매 타이머 애니메이션 */
ul.timer-unit {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  list-style: none;
  border-radius: 6px;
}

ul.timer-unit li {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

ul.timer-unit li div {
  position: absolute;
  z-index: 1;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 50%;
}

ul.timer-unit li div::before {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
}

ul.timer-unit li div .num {
  position: absolute;
  z-index: 1;
  left: 0;
  display: flex;
  width: 100%;
  height: 200%;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: white;
  background: #3A2D73;
}

ul.timer-unit li div .num span {
  z-index: 2;
}

ul.timer-unit li div.upper {
  top: 0;
  transform-origin: 50% 100%;
}

ul.timer-unit li div.upper .num {
  top: 0;
}

ul.timer-unit li div.upper .num::after {
  position: absolute;
  z-index: 1;
  bottom: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
}

ul.timer-unit li div.lower {
  bottom: 0;
  transform-origin: 50% 0%;
}

ul.timer-unit li div.lower .num {
  bottom: 0;
}

ul.timer-unit li.back {
  z-index: 3;
}

ul.timer-unit li.back .upper {
  z-index: 2;
  animation: top-to-middle 0.5s linear both;
}

ul.timer-unit li.back .upper::before {
  animation: show 0.5s linear both;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%);
}

ul.timer-unit li.back .lower::before {
  animation: show 0.5s linear both;
}

ul.timer-unit li.front {
  z-index: 2;
  animation: increase-zindex 0.5s 0.5s linear forwards;
}

ul.timer-unit li.front .upper::before {
  animation: hide 0.5s 0.3s linear both;
}

ul.timer-unit li.front .lower {
  z-index: 2;
  animation: middle-to-bottom 0.5s 0.5s linear both;
}

ul.timer-unit li.front .lower::before {
  animation: hide 0.5s 0.3s linear both;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

@keyframes increase-zindex {
  0% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}

@keyframes middle-to-bottom {
  0% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}

@keyframes top-to-middle {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(90deg);
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* 공동구매 프로필 애니메이션 */
.group-purchase-user-profiles {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}

.group-purchase-user-profiles .profile__circle-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.group-purchase-user-profiles .profile__circle {
  display: flex;
  overflow: hidden;
  width: var(--circle-size);
  height: var(--circle-size);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  margin-right: calc(-1 * var(--circle-size) * var(--overlap-ratio));
  border-radius: 50%;
}

.group-purchase-user-profiles .profile__circle.animating {
  animation-name: circleSlide;
}

@keyframes circleSlide {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-1 * var(--circle-size) * var(--overlap-transform)));
  }
}

.group-purchase-user-profiles .profile__circle.profile__circle--first.animating {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(calc(-1 * var(--circle-size) * var(--overlap-transform)));
  }
}

.group-purchase-user-profiles .profile__circle.profile__circle--last {
  opacity: 0;
}

.group-purchase-user-profiles .profile__circle.profile__circle--last.animating {
  animation-name: fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(calc(1 * var(--circle-size) / 3));
  }
  100% {
    opacity: 1;
    transform: translateX(calc(-1 * var(--circle-size) * var(--overlap-transform)));
  }
}

.h-calc-full-32 {
  height: calc(100% - 32px);
}

.ai-gradient {
  background: linear-gradient(91deg, #F4F0FF 11.07%, #EBEFFF 89.27%);
}

.ai-gradient-text {
  background: linear-gradient(to bottom right, #6532EE 0%, #6236D3 27%, #636CF2 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #6532EE 0%, #6236D3 27%, #636CF2 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #6532EE 0%, #6236D3 27%, #636CF2 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #6532EE 0%, #6236D3 27%, #636CF2 50%) top right / 50% 50% no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tab-gradient-txt {
  background: linear-gradient(180deg, #6534E8 0%, #6179E2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  span {
    -webkit-text-fill-color: white;
  }
}

.ai-gradient-border {
  border: 1px solid transparent;
  border-radius: 50px;
  background-image: linear-gradient(#fff, #fff),linear-gradient(to top, #607EE1 0%,  #6533E8 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.gradient-search-box {
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(101, 52, 232, 0.10) 0%, rgba(97, 121, 226, 0.10) 100%);  
}

.gradient-search-container {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 21%, #FFF 100%);
}

.fade-up-text {
   display: inline-block;
   opacity: 0;
   transform: translateY(100%);
   animation: fadeUpIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
 
 @keyframes fadeUpIn {
   to {
     opacity: 1;
     transform: translateY(20px);
   }
 }


.animated-char {
  display: inline-block;
  animation: fadeUpInSmall 0.5s ease-out forwards;
  opacity: 0;
}

  @keyframes fadeUpInSmall {
    from {
      opacity: 0;
      transform: translateY(35px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

@keyframes fadeInPage {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInTitle {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

 @keyframes growSearchBounce {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes fadeInDelayed {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes customBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

.word-container {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.word-container.visible:not(.fade-out) {
  opacity: 1;
}
.word-container.fade-out {
  opacity: 0;
}

/* react-notion-x overrrides */
.notion .notion-frame {
  padding: 0;
}
.notion .notion-header {
  display: none;
}
.notion .notion-title {
  display: none;
}

.animated-header {
  transform-origin: top;
  animation: slideDown 0.18s ease-out forwards;
}

@keyframes slideDown {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}

.header-sub-tab-container {
  position: absolute;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  z-index: 50;
}