/* COLOR */
.category-list-wrap > .category-list > li > a:hover,
.gallery-wrap > .gallery-row > .gallery-row-title > .view-more,
.gallery-collabo-wrap > .container > .collabo-title,
.gallery-wrap > .gallery-row > .gallery-row-title > .tag-name,
.gallery-search-wrap > .search-wrap > .gallery-search > .gallery-search-select > .current-select-option,
.gallery-search-wrap > .search-wrap > .gallery-search > .gallery-search-select > ul > li,
.gallery-channel-wrap > .container > .post-wrap > .post-title,
.gallery-wrap > .search-option-title,
.tutorial-wrap > h2,
.tutorial-wrap p.indent > span,
.tutorial-wrap .ps,
.left-menu > ul > li > ul > li > a.current,
.tutorial-wrap .tutorial-link,
.tutorial-wrap h3 > .icon,
.video-tutorial-section > .container > .video-wrap > .video > .video-num,
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn,
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn:hover,
.fixed-top .user-menu > li.join-btn > a:hover,
.collaboration-view-top > .page-title,
.collaboration-view-top > .collaboration-date,
.collaboration-content > .tag-list > .tag,
.fixed-top .user-menu > .btn-my-channel > a:hover,
.my-page-lnb > ul > li:hover > a,
.my-page-lnb > ul > li.on > a,
.member-usage > .member-usage-size,
.unsubscribe-modal > .opacity-bg > p > span,
.modal > .modal-wrap > .modal-inner > .reuse-modal > .opacity-bg > .icon-loading,
.share-modal > .share-options > li.active > a:after,
.share-modal > .share-options > li > a:hover:after,
.share-modal > .share-options > li > a:hover,
.support-lnb-wrap > li > a:hover,
.qna-list-wrap > table tr:hover td,
.faq-category > li.on,
.faq-category > li:hover,
.faq-wrap > .faq > li.on:after,
.faq-wrap > .faq > li.on > .title-wrap > span,
.xelf-section > .parallax > .container > .object-icons > .object-icon > .icon,
.tutorial-wrap .float-wrap.nine > div > .icon,
.join-checkbox-wrap > input[type=checkbox] + .join-checkbox > a,
.product-wrap > .product > .product-top > h3.enterprise,
.product-wrap > .product > .price > p,
.product-wrap > .product.enterprise > .product-icon,
.payment-wrap > .payment-content > .wrap-content > .check-price-table tr > td > .pricing-sale,
.payment-wrap > .payment-content > .terms-of-usage > a,
.project-info > .project-info-left > .project-desc > .project-tag > .project-tag-list > span,
.project-info > .project-info-left > .project-preview > .collapse-box > .preview-table tr td:first-child,
.project-info > .project-info-left > .project-graph .project-graph-btns > .graph-option.active,
.unsubscribe-wrap > .unsubscribe > .unsubscribe-email > span {
  color: rgb(10, 93, 59) !important;
}
/* BACKGROUND COLOR */
.tutorial-wrap table tr > th,
.collaboration-top,
.gallery-top,
.submit-pagination > .pagination-wrap > .user-click > a.disabled,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.modal > .modal-wrap.project-setting-modal > .modal-inner > .modal-content .tab > .option > label > input[type=checkbox]:checked + .check-box,
.modal > .modal-wrap.project-setting-modal > .modal-inner > .modal-footer > .make-project-btn,
.modal > .modal-wrap.project-setting-modal > .modal-inner > .modal-content .tab > .option > .checkbox-group > label > input[type=checkbox]:checked + .check-box,
.modal > .modal-wrap.project-setting-modal > .modal-inner > .modal-content .tab > .option > .file-box-wrap > .file-box > .upload-btn,
.join-complete-wrap > a:hover,
.qna-write-form > .qna-write-row > .qna-write-content > .filebox > span:hover,
.project-info > .detail-right-content.detail-member-profile > .user-info-right > .detail-member-projects:hover {
  background-color: rgb(10, 93, 59) !important;
}
.tutorial-wrap > .top-title:after,
.gallery-channel-wrap > .container > .post-wrap > .go-forum-btn,
.start-sub-01 > .container > .start-sub-box:nth-child(1):hover ~ .start-box-nav > div:nth-child(1),
.start-sub-01 > .container > .start-sub-box:nth-child(2):hover ~ .start-box-nav > div:nth-child(2),
.start-sub-01 > .container > .start-sub-box:nth-child(3):hover ~ .start-box-nav > div:nth-child(3),
.start-sub-01 > .container >
.start-sub-box:nth-child(1):not(:hover) ~
.start-sub-box:nth-child(2):not(:hover) ~
.start-sub-box:nth-child(3):not(:hover) ~
.start-box-nav > div:nth-child(2),
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn.reverse,
.submit-pagination > .pagination-wrap > .user-click > a,
.my-page-lnb > a,
.left-content-box > .total-view-wrap > .bar-graph > .bar,
.found-no-data > div > a,
.member-info-wrap > .member-form-wrap > .member-input-wrap > .member-input-desc > #userEmailAgree:checked + .email-agree::before,
.share-modal > .share-options > li > ul > li > .float-wrap > .popup-btn.fb-btn,
.share-modal > .share-options > li > ul > li > .copy-link,
.share-modal > .share-options > li > ul > li > form > .submit-btn,
.faq-wrap > .faq > li.on > .title-wrap > .category,
.modal > .modal-wrap.modal-center > .modal-inner > .modal-content .modal-button,
.member-top,
.share-modal > .share-options > li > ul > li > .share-tab-email.complete > a,
.join-checkbox-wrap > input[type=checkbox]:checked + .join-checkbox::before,
.join-form .join-us-btn,
.event-project-wrap > .container > .project-pager > [project-pager-part] > ul > li.on,
.product-wrap > .product > .product-feature > .checkbox.checked,
.product-wrap > .product > .product-btn-wrap > .product-btn,
.product-wrap > .product > .product-btn,
.payment-top,
.payment-wrap > .payment-content > .wrap-content > .check-price-table tr > td > .pricing-checkbox.checked,
.payment-wrap > .payment-content > .wrap-content > .payment-option.checked > .checkbox,
.join-complete-wrap > a,
.member-withdraw-wrap > form > a,
.project-info > .project-info-left > .go-list,
.qna-write-form > .qna-write-row > .qna-write-content > .filebox > span,
.project-info > .detail-right-content.detail-member-profile > .user-info-right > .detail-member-projects {
  background-color: rgb(10, 93, 59) !important;
}
/* BORDER COLOR */
.submit-pagination > .pagination-wrap > .user-click > a:first-child,
.fixed-top .gnb > li.on > a,
#instantMessage > li,
.payment-complete-page-top + .payment-wrap {
  border-color: rgb(10, 93, 59) !important;
}
.join-input-wrap > ul > li:hover > input,
.modal > .modal-wrap > .modal-inner > .reuse-modal > form > .input-wrap > input:hover,
.collaboration-comment-wrap > .comment-input > input:hover,
.submit-pagination > .pagination-wrap > .user-submit > #user-pagination:hover,
.member-info-table tr > td > input:hover,
.payment-wrap > .submit-coupon > input:hover,
.modal > .modal-wrap > .modal-inner > .modal-content input:hover,
.share-modal > .share-options > li > ul > li > form > .input-wrap > textarea:hover,
.member-info-wrap > .member-form-wrap > .member-input-wrap > .member-input > input:hover,
.qna-write-form > .qna-write-row > .qna-write-content > input:hover,
.qna-write-form > .qna-write-row > .qna-write-content > textarea:hover {
  border-color: rgba(10, 93, 59, 0.5) !important;
}
.submit-pagination > .pagination-wrap > .user-submit > #user-pagination:focus,
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn,
.category-list-wrap > .category-list > li > a:hover,
.gallery-channel-wrap > .container > .post-wrap,
.start-sub-01 > .container > .start-box-nav > div,
.collaboration-view-top > .page-title,
.collaboration-comment-wrap > .comment-input > input:focus,
.member-info-wrap > .member-form-wrap > .member-input-wrap > .member-input-desc > #userEmailAgree + .email-agree:hover::before,
.member-info-wrap > .member-form-wrap > .member-input-wrap > .member-input-desc > #userEmailAgree:checked + .email-agree::before,
.modal > .modal-wrap > .modal-inner > .reuse-modal > form > .input-wrap > input:focus,
.modal > .modal-wrap.project-setting-modal > .modal-inner > .modal-content .tab > .option > .box-btn-wrap > li.active,
.faq-wrap > .faq > li.on > .title-wrap > .category,
.join-checkbox-wrap > input[type=checkbox] + .join-checkbox:hover::before,
.join-input-wrap > ul > li > input:focus,
.product-wrap > .product > .product-feature > .checkbox.checked,
.product-wrap > .product:not(:first-child):hover,
.payment-wrap > .payment-content > .wrap-content > .check-price-table tr > td > .pricing-checkbox.checked,
.payment-wrap > .payment-content > .wrap-content > .payment-option.checked > .checkbox,
.member-info-table tr > td > input:focus,
.payment-wrap > .submit-coupon > input:focus,
.modal > .modal-wrap > .modal-inner > .modal-content input:focus,
.share-modal > .share-options > li > ul > li > form > .input-wrap > textarea:focus,
.member-info-wrap > .member-form-wrap > .member-input-wrap > .member-input > input:focus,
.qna-write-form > .qna-write-row > .qna-write-content > input:focus,
.qna-write-form > .qna-write-row > .qna-write-content > textarea:focus {
  border-color: rgb(10, 93, 59) !important;
}



/*  */
#playLoading {
  background-image: linear-gradient(
    135deg,
    rgba(0, 0, 0, .55) 0%,
    rgba(10, 93, 59, .55) 80%,
    rgba(10, 93, 59, .55) 100%
  ) !important;
}


/* common */
::selection {
  background-color: #76c7a5;
}
.fixed-top {
  background-color: #222d29;
}
.fixed-top .user-menu > .user-profile-wrap > .user-sub-menu {
  background-color: #222d29;
}
.fixed-top .gnb > li:not(.on):hover > a,
.fixed-top .user-menu > li > a:hover,
.fixed-top .user-menu > .user-profile-wrap:hover > .user-nickname {
  color: #7ed5af;
}


/* main */
.xelf-section > .section01 {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/xelf-main-banner.png') !important;
}
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn:hover {
  border-color: rgba(10, 93, 59, 0.8) !important;
}
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn.reverse {
  color: #FFF !important;
}
.xelf-main > .xelf-intro > .intro-left > .xelf-btns > .xelf-btn.reverse:hover {
  background-color: rgba(10, 93, 59, 0.8) !important;
  border-color: rgba(10, 93, 59, 0.8) !important;
}
.xelf-section > .section04 > .section05 {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/main-section5.png') !important;
}
.xelf-section > .parallax {
  background-image: linear-gradient(
    172deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 49.9%,
    rgba(239, 239, 239, 1) 50%,
    rgba(239, 239, 239, 1) 100%
  ) !important;
}


/* start */
.xelf-start-wrap > .xelf-start-banner {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/start-bg.png') !important;
}
.xelf-start-wrap > .xelf-tool,
.start-sub-01 {
  background-color: #efefef !important;
}
.start-sub-02 {
  background: linear-gradient(
    177.5deg,
    rgba(0, 0, 0, 0) 14%,
    rgb(220, 231, 225) 14.2%,
    rgb(220, 231, 225) 87%,
    rgba(0, 0, 0, 0) 87.2%
  ) !important;
}


/* gallery */
.gallery-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/gallery-main-banner.png') !important;
}
.gallery-top.gallery-list-page {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/gallery-list-banner.png') !important;
}
.gallery-channel-wrap {
  background: linear-gradient(
    35deg,
    #efefef,
    #dce7e1
  ) !important;
}
.category-list-wrap > .category-list > li.on > a {
  border-bottom: none !important;
  color: #FFF !important;
}
.gallery-collabo-wrap {
  background-color: #efefef !important;
}
.gallery-search-wrap > .search-wrap > .search-option-public > input[type="checkbox"]:checked + label::before {
  background-color: #033d28 !important;
}
.gallery-search-wrap > .recommand-tag-wrap > .tag {
  background-color: rgba(0,0,0,0.3) !important;
}
.gallery-search-wrap > .search-wrap > .search-option-public > input[type="checkbox"] + label:hover::before,
.gallery-search-wrap > .search-wrap > .search-option-public > input[type="checkbox"]:checked + label::before,
.gallery-search-wrap > .search-wrap > .gallery-search {
  border-color: #033d28 !important;
}
.category-list-wrap > .category-list > li.on > a {
  background-color: #222d29 !important;
}
.project-info > .project-info-left > .project-desc > .project-tag > .project-tag-list > span {
  background-color: rgba(120, 188, 40, .2) !important;
}
.more-project {
  background-color: #efefef !important;
}


/* collaboration */
.collaboration-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/collaboration-main.png') !important;
}
.collaboration-view-top {
  background: linear-gradient(
    178deg,
    rgba(239, 239, 239, 1) 0%,
    rgba(239, 239, 239, 1) 75%,
    rgba(238, 240, 253, 0) 75.3%,
    rgba(238, 240, 253, 0) 100%
  ) !important;
}
.collaboration-content > .tag-list > .tag {
  background-color: rgba(120, 188, 40, .2) !important;
}
.collaboration-content > .post-script,
.event-project-wrap {
  background-color: #efefef !important;
}


/* tutorial */
.tutorial-wrap table tr > th {
  color: #FFF !important;
}
.video-tutorial-section {
  background: linear-gradient(
    177.5deg,
    rgba(0, 0, 0, 0) 14%,
    rgb(239, 239, 239) 14.2%,
    rgb(239, 239, 239) 100%
  ) !important;
}
.tutorial-wrap .tutorial-tip-box {
  background-color: #dce7e1 !important;
}


/* member */
.member-top.member-channel {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-my-channel.png') !important;
}
.member-top.member-file-download {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-file-list.png') !important;
}
.member-payment-history.member-payment-history {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-payment-history.png') !important;
}
.member-top.member-favorite-project {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-favorite-project.png') !important;
}
.member-top.member-info {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-member-info.png') !important;
}
.member-usage-wrap > .member-usage-wave {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/wave.png') !important;
}
.unsubscribe-wrap > .unsubscribe {
  background-color: #efefef !important;
}

/* member-signup */
.join-form > .social-register {
  display: none;
}
.join-form .join-us-btn {
  margin-bottom: 0 !important;
}
.join-page-wrap > .page-title {
  margin: 20px 0 !important;
}
.join-page-wrap > .page-sub-title {
  line-height: 24px;
}
.join-form > .user-spec-wrap {
  top: 0 !important;
}


/* payment */
.payment-top.product-page-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-product-top.png') !important;
}
.payment-top.pay-page-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-payment-top.png') !important;
}
.payment-complete-page-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-payment-complete-top.png') !important;
}
.payment-top.coupon-page-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-coupon-top.png') !important;
}
.product-wrap > .product.free:hover > .product-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-product-free.png') !important;
}
.product-wrap > .product.plus:hover > .product-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-product-plus.png') !important;
}
.product-wrap > .product.enterprise:hover > .product-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-product-enterprise.png') !important;
}
.payment-complete-page-top + .payment-wrap > h2 {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-payment-complete-header.png') !important;
}
.product-wrap > .product > .product-top > h3.plus,
.product-wrap > .product.plus > .product-icon,
.payment-wrap.plus > .payment-header > h3,
.payment-wrap > .coupon-info > h3 {
  color: rgba(10, 93, 59, 0.5) !important;
}
.product-wrap > .product:not(:first-child):hover > .product-top > h3, .product-wrap > .product:not(:first-child):hover > .product-top > h4 {
  color: #FFF !important;
}
.product-wrap > .product > .product-btn-wrap > .product-btn.coupon {
  background-color: #000 !important;
}


/* support */
.support-top {
  background-image: url('https://cdn.xelf.io/resources/xelf.io/v2/web/images/ewha/bg-support-top.png') !important;
}
.page-content > .top-box {
  background-color: #efefef !important;
}


/* login */
/* XXX: 이화 로그인 삭제 */
/* .login-page-wrap .login-head {
  padding: 20px 0 50px;
  text-align: center;
}
.login-page-wrap .login-head .ewha-logo {
  height: 35px;
  margin-right: 20px;
  vertical-align: middle;
  display: inline-block;
}
.login-page-wrap .login-head .login-title {
  vertical-align: middle;
  line-height: 35px;
  font-weight: bold;
  font-size: 30px;
  color: #000;
}
.login-form {
  width: 998px !important;
  margin-bottom: 150px !important;
  padding: 60px 0;
  border: 1px solid #CCC;
  border-top: 1px solid #222;
}
.login-wrap {
  width: 590px !important;
  margin: 0 auto 15px !important;
  border-bottom: none !important;
}
.login-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.login-wrap .input-area {
  width: 100%;
  margin-right: -130px;
  padding-right: 130px;
  box-sizing: border-box;
  float: left;
}
.login-wrap .input-area .login-row {
  display: block;
}
.login-wrap .input-area .login-row:not(:last-child) {
  margin-bottom: 10px;
}
.login-wrap .input-area .login-row:after {
  content: "";
  clear: both;
  display: block;
}
.login-wrap .input-area .login-row .title {
  width: 100px;
  margin-right: 10px;
  line-height: 40px;
  font-size: 17px;
  float: left;
}
.login-wrap .input-area .login-row .input {
  width: 100%;
  margin-left: -110px;
  padding-left: 110px;
  box-sizing: border-box;
  float: left;
}
.login-wrap .input-area .login-row .input > input {
  width: 100%;
  height: 40px;
  padding: 11px 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 0;
  vertical-align: middle;
  font-size: 14px;
  float: left;
}
.login-wrap .input-area .login-row .input > input:focus {
  border-color: #222;
}
.login-wrap .input-area .login-row .input.border-red > input {
  border-color: #F00;
}
.login-wrap .input-area .login-row .input > .alert-input {
  line-height: 18px;
  font-size: 14px;
  color: #F00;
  transform: skew(-0.05deg);
  clear: both;
  display: none;
}
.login-wrap .input-area .login-row .input.border-red > .alert-input {
  display: block;
}
.login-wrap .submit-area {
  width: 120px;
  height: 90px;
  margin-left: 10px;
  float: left;
}
.login-wrap .submit-area .btn-login {
  width: 100%;
  height: 100%;
  line-height: 90px;
  text-align: center;
  font-size: 17px;
  color: #FFF;
  background-color: rgb(10, 93, 59);
  display: block;
}
.login-option-wrap {
  width: 590px;
  margin: 0 auto;
  padding-left: 110px;
  box-sizing: border-box;
}
.login-option-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.login-option-wrap .keep-login-wrap {
  margin-right: 20px;
  position: relative;
  float: left;
}
.login-option-wrap .keep-login-wrap:after {
  content: "";
  width: 1px;
  height: 13px;
  background-color: #b3b3b3;
  position: absolute;
  top: 3.5px;
  right: -10px;
  display: block;
}
.login-option-wrap .keep-login-wrap > #keep-login {
  display: none;
}
.login-option-wrap .keep-login-wrap > #keep-login + .keep-login {
  height: 20px;
  padding-left: 25px;
  line-height: 20px;
  font-size: 15px;
  position: relative;
  transform: skew(-0.05deg);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
}
.login-option-wrap .keep-login-wrap > #keep-login + .keep-login::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  transition: all .2s;
  position: absolute;
  left: 0;
}
.login-option-wrap .keep-login-wrap > #keep-login + .keep-login:hover::before {
  border-color: rgb(10, 93, 59);
}
.login-option-wrap .keep-login-wrap > #keep-login:checked + .keep-login::before {
  background: rgb(10, 93, 59);
  border-color: rgb(10, 93, 59);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.login-option-wrap .keep-login-wrap > #keep-login + .keep-login::after {
  content: "";
  width: 5px;
  height: 10px;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  box-sizing: border-box;
  transform: rotate(48deg);
  position: absolute;
  top: 4px;
  left: 8px;
  display: none;
}
.login-option-wrap .keep-login-wrap > #keep-login:checked + .keep-login::after {
  display: block;
}
.login-option-wrap .join-or-reset {
  margin-right: 20px;
  float: left;
}
.login-option-wrap .join-or-reset:after {
  content: "";
  clear: both;
  display: block;
}
.login-option-wrap .join-or-reset .half-box {
  position: relative;
  float: left;
}
.login-option-wrap .join-or-reset .half-box a {
  line-height: 20px;
  font-size: 15px;
  transform: skew(-0.05deg);
  display: block;
}
.login-option-wrap .join-or-reset .half-box:not(:last-child) {
  margin-right: 20px;
}
.login-option-wrap .join-or-reset .half-box:not(:last-child):after {
  content: "";
  width: 1px;
  height: 13px;
  background-color: #b3b3b3;
  position: absolute;
  top: 3.5px;
  right: -10px;
  display: block;
} */


/* modal */
.modal > .modal-wrap.project-setting-modal > .modal-inner > .modal-content .tab > .option > .box-btn-wrap > li > .cover {
  background-color: rgba(10, 93, 59, 0.3) !important;
}


@media only screen and (max-width:1080px) {
  .fixed-top .gnb > li > a {
    padding: 0;
  }
  .fixed-top .user-menu > li {
    margin-right: 10px;
  }
  .fixed-top .logo {
    width: 95px;
  }
}
@media only screen and (max-width:960px) {
  .fixed-top .logo {
    width: 75px;
  }
  .fixed-top .ewha-logo {
    width: 125px;
    margin-left: 10px;
  }
}