/*!
 *
 * Copyright 2016 
 * Created by: crowdpic
 * URL: www.crowdpic.net */

/*
===========================
CONTENTS:

000 default
001 기본설정
002 navbar
003 header
004 button
005 검색바
006 검색리스트(이미지 갤러리)
007 photo상세페이지
008 login,register
009 old/new_uploads(업로드 step2)
010 메인페이지 섹션
011 footer
012 업로드 리스트
013 가이드
014 faq & 공지사항
015 약관
016 작가신청
017 마이페이지
018 upload_detail(업로드상세페이지)
019 challenge_intro(도전테마 인트로)
020 challenge_upload(도전테마 업로드)
021 메인 롤링배너
022 테마 리스트
023 작가 포트폴리오
024 필터
025 multiupload(업로드 step1)
026 upload_choice(업로드 선택 old/new)
027 contest(콘테스트)
028 dashboard
029 request_board(요청게시판)
030 magazine(매거진)
031 작가가입 튜토리얼
032 무료로 사용해보기
033 작가포트폴리오 에디터
034 메시지함


000 default
====================================================================
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
html, body{min-height: 100%;}
html {
  font-family: 'Noto Sans KR', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: 'Noto Sans KR', sans-serif !important;
  font-weight: 400 !important;
  color: #444141;
  padding-top: 60px;
}
body.modal-open {
  overflow: hidden !important;
}
.notice_link:hover{
  color: #D8D8D8;
}
.modal_title{
  font-size: 22px !important;
  padding-bottom: 10px;
  text-align: center;
}
.ff7171_a{
  color: #ff7171;
}
.ff7171_a:hover, .ff7171_a:active, .ff7171_a:focus{
  color: #ff7171;
}
.ff7171{
  color: #ff7171;
}
.color338fed{
  color: #338fed !important;
}
.color444141{
  color: #444141;
}
.ffa95d{
  color: #ffa95d;
}
.BDBDBD{
  color: #bdbdbd;
}
.C9C9C9{
  color: #C9C9C9;
}
.f3f0f0{
  color: #f3f0f0;
}
.opacity{
  opacity: 0.9;
}
.color827b7b{
  color: #827b7b;
}
.color1a1a1a{
  color: #1a1a1a;
}
.colorffffff{
  color: #ffffff;
}
.colorff7171{
  color: #ff7171;
}

.question-modal a{
  color: #338fed;
  font-weight: 500;
  border-bottom: 1px solid #338fed;
}
.question-modal a:hover, .question-modal a:active, .question-modal a:focus{
  color: #338fed;
  font-weight: 500;
  outline: none !important;
}

html,
body {
  min-height: 100%;
  width: 1366px;
  min-width: 1366px;
}
@media (min-width: 768px){
  html,
  body {
    min-height: 100%;
    width: 100%;
  }
}
hr {
  border-color: white;
  border-width: 3px;
  max-width: 50px;
}

.navbar.scroll_fixed {
  position:fixed;
}
.navbar.scroll_fixed.fixed {
  top:0 !important;
}

a {
  /*  -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;*/
  color: white;
  text-decoration: none;
}
a:hover,
a:focus {
  color: white;
  text-decoration: none;
}
p {
  font-size: 16px;
}
.page-wrap{
  min-height: 100vh;
  width: 100%;
  display: table;
}
button{
  outline: none;
}
.loading-wrap{display: none;}
#mask{position: fixed; inset: 0px; overflow: hidden; z-index: 99998; background-color: rgb(0, 0, 0); opacity: 0.5; zoom: 1;}
@-webkit-keyframes bounce{0%,80%{-webkit-transform:scale(1); transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.75}}
@keyframes bounce{0%,80%{-webkit-transform:scale(1); transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.75}}
#loading{position: fixed; width: 100%; z-index: 999999; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 50%; left: 50%;}
#loading div{display: inline-block; margin-right: 3px; height: 46px;}
#loading #loading_1{
  -webkit-animation: bounce .9s .0s infinite;
  animation: bounce .9s .0s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_1.png?1") no-repeat;
  width: 25px;
}
#loading #loading_2{
  -webkit-animation: bounce .9s .1s infinite;
  animation: bounce .9s .1s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_2.png?1") no-repeat;
  width: 24px;
}
#loading #loading_3{
  -webkit-animation: bounce .9s .2s infinite;
  animation: bounce .9s .2s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_3.png?1") no-repeat;
  width: 24px;
}
#loading #loading_4{
  -webkit-animation: bounce .9s .3s infinite;
  animation: bounce .9s .3s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_4.png?1") no-repeat;
  width: 24px;
}
#loading #loading_5{
  -webkit-animation: bounce .9s .4s infinite;
  animation: bounce .9s .4s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_5.png?1") no-repeat;
  width: 9px;
}
#loading #loading_6{
  -webkit-animation: bounce .9s .5s infinite;
  animation: bounce .9s .5s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_6.png?1") no-repeat;
  width: 23px;
}
#loading #loading_7{
  -webkit-animation: bounce .9s .6s infinite;
  animation: bounce .9s .6s infinite;
  background: url("https://cdn.crowdpic.net/images/etc/loading_7.png?1") no-repeat;
  width: 24px;
}

.loader-wrap{display: none;}
.loader-wrap .loader {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 4px solid #fff;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}

#loader-wrap3{display: none; min-width: 100%; min-height: 100%; background-color: rgba(0,0,0,.55); z-index: 10000; position: fixed; top: 0;}
#loader-wrap3 .loader-container{width: 620px; height: 775px; margin: 70px auto;}
#loader-wrap3 .loader-container .loader-inner-wrap{position: relative; padding: 90px 50px; background-repeat: no-repeat; background-size: 620px;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2{position: relative; z-index: 999;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .title-wrap{margin: 0;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .title-wrap .title{margin: 0; font-size: 22px; color: #fff;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .tip-wrap{height: 430px; margin: 0; margin-top: 35px;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .tip-wrap .tip{margin: 0; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.6;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .line{border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 519px; margin: 0 auto;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .ment-wrap{margin: 0; padding-top: 15px;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .ment{margin: 0; font-size: 16px; font-weight: 300; color: #fff;}
#loader-wrap3 .loader-container .loader-inner-wrap .loader-inner-wrap2 .loader{margin: 20px auto;}
#loader-wrap3 .loader-container .loader-inner-wrap .dark-div{width: 620px; height: 775px; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 10;}

#loader-wrap4{display: none; min-width: 100%; min-height: 100%; background-color: rgba(0,0,0,.55); z-index: 10000; position: fixed; top: 0;}
#loader-wrap4 .loader-container{width: 620px; height: 775px; margin: 70px auto;}
#loader-wrap4 .loader-container .loader-inner-wrap{position: relative; padding: 90px 50px; background-repeat: no-repeat; background-size: 620px;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2{position: relative; z-index: 999;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .title-wrap{margin: 0;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .title-wrap .title{margin: 0; font-size: 22px; color: #fff;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .tip-wrap{height: 430px; margin: 0; margin-top: 35px;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .tip-wrap .tip{margin: 0; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.6;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .line{border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 519px; margin: 0 auto;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .ment-wrap{margin: 0; padding-top: 15px;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .ment{margin: 0; font-size: 16px; font-weight: 300; color: #fff;}
#loader-wrap4 .loader-container .loader-inner-wrap .loader-inner-wrap2 .loader{margin: 20px auto;}
#loader-wrap4 .loader-container .loader-inner-wrap .dark-div{width: 620px; height: 775px; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 10;}

#loader-wrap5{display: none; min-width: 100%; min-height: 100%; background-color: rgba(0,0,0,.55); z-index: 10000; position: fixed; top: 0;}
#loader-wrap5 .loader-container{width: 620px; height: 775px; margin: 70px auto;}
#loader-wrap5 .loader-container .loader-inner-wrap{position: relative; background-repeat: no-repeat; background-size: 620px;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2{position: relative; z-index: 999;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .title-wrap{margin: 0;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .title-wrap .title{margin: 0; font-size: 22px; color: #fff;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .tip-wrap{height: 520px; margin: 0; margin-top: 35px;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .tip-wrap .tip{margin: 0; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.6;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .line{border-bottom: 1px solid rgba(255, 255, 255, 0.3); width: 519px; margin: 0 auto;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .ment-wrap{margin: 0; padding-top: 15px;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .ment{margin: 0; font-size: 16px; font-weight: 300; color: #fff;}
#loader-wrap5 .loader-container .loader-inner-wrap .loader-inner-wrap2 .loader{margin: 20px auto; position: absolute; bottom: 2%; left: 47%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
#loader-wrap5 .loader-container .loader-inner-wrap .dark-div{width: 620px; height: 775px; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 10;}

.btn-827b7b{
  background-color: white;
  color: #827b7b;
  border: 1px solid #827b7b;
  border-radius:5px;
  padding: 3px 10px;
  outline: none;
}
.btn-827b7b:hover{
  background-color: #827b7b;
  color: white;
}

.transparent-btn{
  background-color: rgba(0,0,0,0.3);
  border: 1px solid white;
  border-radius:0;
}
.transparent-btn:active{
  box-shadow:none;
}
.transparent-btn:hover{
  color: white;
}
.transparent-btn:focus{
  color: white;
  outline: none !important;
}

.transparent-btn2{
  background-color: white;
  border: 2px solid #338fed;
  border-radius:5px;
  color: #338fed;
  font-weight: 500;
  padding: 8px 0;
  -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear;
}
.transparent-btn2:hover,
.transparent-btn2:focus,
.transparent-btn2:active{
  border: 2px solid #338fed !important;
  color: white !important;
  background-color: #338fed !important;
}
.transparent-btn3{
  background-color: #338fed;
  border: 2px solid #338fed;
  border-radius:5px;
  color: white;
  font-weight: 400;
  padding: 10px 0;
  -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear;
  width: 140px;
  font-size: 16px;
}
.transparent-btn3:hover,
.transparent-btn3:focus,
.transparent-btn3:active{
  border: 2px solid #338fed !important;
  color: white !important;
  background-color: #338fed !important;
}

.ff7171-btn3{
  background-color: #ff7171;
  border: 2px solid #ff7171;
  border-radius:5px;
  color: white;
  font-weight: 400;
  padding: 10px 0;
  -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear;
  width: 140px;
  font-size: 16px;
}
.ff7171-btn3:hover,
.ff7171-btn3:focus,
.ff7171-btn3:active{
  border: 2px solid #ff7171 !important;
  color: white !important;
  background-color: #ff7171 !important;
}

.d0d0d0-btn{
  background-color: #d0d0d0;
  border: 2px solid #d0d0d0;
  border-radius:5px;
  color: white;
  font-weight: 400;
  padding: 10px 0;
  -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear;
  width: 140px;
  font-size: 16px;
}
.d0d0d0-btn:hover,
.d0d0d0-btn:focus,
.d0d0d0-btn:active{
  border: 2px solid #d0d0d0 !important;
  color: white !important;
  background-color: #d0d0d0 !important;
}

.ui-helper-hidden-accessible{display: none !important;}


#paging{text-align: center;}
#paging .navi{width: 500px; margin: 5px; padding:2px 5px; border:1px solid #eee;}
#paging .show{color: blue;margin: 5px 0;padding: 3px 5px;cursor: pointer;}
#paging .show a {text-decoration: none;}
#paging .show:hover {text-decoration: underline;}
#paging ul.setPaginate li.setPage{padding:15px 10px;font-size:14px;}
#paging ul.setPaginate{margin:0px;padding:0px;height:100%;overflow:hidden;list-style-type:none;display: inline-block;}
#paging ul.setPaginate li.dot{padding: 3px 0;}
#paging ul.setPaginate li{float:left;margin:0px;padding:0px;margin:0 2px;}
#paging ul.setPaginate li a{color: #999999;display: inline-block;text-align: center;text-decoration: none;font-size: 14px;padding:5px 8px;border: 1px solid #f3f0f0;}
#paging ul.setPaginate li a.current_page{border: 1px solid #e0e0e0;color: #338fed;text-decoration: none;font-weight: 600;}
#paging ul.setPaginate li a:hover{border: 1px solid #e0e0e0;color: #338fed;}
#paging .link {padding: 5px 8px; margin:0 2px; background: #ffffff; border:#e0e0e0 1px solid; cursor:pointer;color:#827b7b; font-size: 12px;}
#paging .disabled {cursor:not-allowed;color: #e0e0e0;}
#paging .current {border:#e0e0e0 1px solid; color: #ffffff; background-color: #444141;}
#paging #pagination{margin-top: 20px;padding-top: 30px;border-top: #F0F0F0 1px solid;}
#paging .dot {padding: 10px 15px;background: transparent;}
#paging .page-content {padding: 20px;margin: 0 auto;}
#paging .pagination-setting {padding:10px; margin:5px 0px 10px;border:#e0e0e0  1px solid;color:#607d8b;}
#paging .link:hover, #paging .link:active{border:#bfbbbb 1px solid; color: #827b7b;}
#paging .disabled:hover, #paging .disabled:active{color: #e0e0e0 !important; border-color: #e0e0e0 !important;}
#paging .current:hover, #paging .current:active{border-color:#e0e0e0 !important; color: #ffffff !important;}
.autocomplete-wrap{background-color: white; position: absolute; width: 100%; left: 0; cursor: pointer; max-height: 300px; overflow-y: scroll; display: none;}
.keywordList ul{margin-bottom: 0;}
.keywordList li{padding: 6px; text-align: left; font-size: 16px; margin-right: 10px; background-color: inherit;}
.keywordList .selected{background-color:#f5f5f5;}
.search-row .autocomplete-wrap{top: 47px; z-index: 1;}
#top-search .navbar-form .autocomplete-wrap{top: 35px;}

#overlay {/*background-color: rgba(0, 0, 0, 0.6);*/z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}

.sns-share-box-wrap{position: absolute !important; z-index: 10000; background-color: white; border-radius: 20px; display: none; padding: 15px 0px; width: 282px; -webkit-box-shadow: 0 1px 3px rgba(0,0,30,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,30,.3); box-shadow: 0 1px 3px rgba(0,0,30,.3);}
.sns-share-box-wrap .title{text-align: center; color: #444141;}
.sns-share-box-wrap .share-btns-wrap{overflow: hidden; padding: 10px 20px;}
.sns-share-box-wrap .share-btns-wrap .share-btn{float: left; overflow: hidden; text-align: center; width: 60px; cursor: pointer;}
.sns-share-box-wrap .share-btns-wrap .share-btn p{font-size: 10px; color: #827b7b; margin-bottom: 0;}
.sns-share-box-wrap .share-close{position: absolute; right: 0; top: -9px; padding: 10px; cursor: pointer;}

.hover-profile-box-wrap{position: absolute !important; z-index: 10000; background-color: white; border-radius: 5px; display: none; padding: 25px 0px; padding-top: 20px; width: 310px; -webkit-box-shadow: 0 1px 3px rgba(0,0,30,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,30,.3); box-shadow: 0 1px 3px rgba(0,0,30,.3);}
.hover-profile-box-wrap .arrow::before{
  content: "";
  position: absolute;
  right: 108px;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent white transparent;
  z-index: 9998;
}
.hover-profile-box-wrap .hover-profile-wrap{display:none;}
.hover-profile-box-wrap .nickname{text-align: center; font-size: 16px; padding-bottom: 15px; font-weight: 500;}
.hover-profile-box-wrap .image-wrap{display: flex; width: 100%; height: 69px; padding: 0px 5px;}
.hover-profile-box-wrap .image-wrap .image{flex-grow: 1; overflow: hidden; text-align: center; background: #f3f0f0;}
.hover-profile-box-wrap .image-wrap .image:nth-child(2){margin: 0px 3px;}
.hover-profile-box-wrap .image-wrap .image img{height: 100%;}
.hover-profile-box-wrap .btn-wrap{padding-top: 22px;}
.hover-profile-box-wrap .btn-wrap .btn-follow{width: 240px; font-size: 14px; background-color: #338fed; font-weight: 500; border: 1px solid #338fed; border-radius: 20px; color: #ffffff; padding: 4px 0px; text-align: center; margin: 0 auto; margin-bottom: 5px; cursor: pointer;}
.hover-profile-box-wrap .btn-wrap .btn-follow.following{background-color: #f3f0f0; border-color: #f3f0f0; color: #444141;}
.hover-profile-box-wrap .btn-wrap .btn-message{width:240px; font-size: 14px; display: flex; align-items: center; justify-content: center; border: 1px solid #338fed; border-radius: 20px; color: #338fed; padding: 4px 0px; margin: 0 auto; text-align: center; cursor: pointer;}
.hover-profile-box-wrap .btn-wrap .btn-message svg{margin-right: 7px; width: 14px; height: auto; margin-top: 1px;}

.hover-profile-box-wrap .title{text-align: center; color: #444141;}
.hover-profile-box-wrap .share-btns-wrap{overflow: hidden; padding: 10px 20px;}
.hover-profile-box-wrap .share-btns-wrap .share-btn{float: left; overflow: hidden; text-align: center; width: 60px; cursor: pointer;}
.hover-profile-box-wrap .share-btns-wrap .share-btn p{font-size: 10px; color: #827b7b; margin-bottom: 0;}
.hover-profile-box-wrap .share-close{position: absolute; right: 0; top: -9px; padding: 10px; cursor: pointer;}

#ch-plugin div{z-index: 1000 !important;}

.cp-checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px; }
.cp-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #338fed;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.cp-checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: -1px;
  top: -3px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 17px;
  color: #338fed; }
.cp-checkbox input[type="checkbox"],
.cp-checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.cp-checkbox input[type="checkbox"]:focus + label::before,
.cp-checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
.cp-checkbox input[type="checkbox"]:checked + label::after,
.cp-checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
.cp-checkbox input[type="checkbox"]:indeterminate + label::after,
.cp-checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.cp-checkbox input[type="checkbox"]:disabled,
.cp-checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}
.cp-checkbox input[type="checkbox"]:disabled + label,
.cp-checkbox input[type="radio"]:disabled + label {
  opacity: 0.65; }
.cp-checkbox input[type="checkbox"]:disabled + label::before,
.cp-checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }
.cp-checkbox input[type=checkbox]:focus,
.cp-checkbox input[type=checkbox]:active{
  outline: none;
  border: none;
}

#full-notice .modal-dialog{width: 640px; margin: 0 auto; padding-right: 0px !important;}
#full-notice{top: 5%; padding-bottom: 20px;}
#full-notice .modal-content .modal-body{padding: 40px;}
#full-notice .modal-content .modal-body,
#full-notice .modal-content .modal-body .ment{text-align: left;}
#full-notice .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#full-notice .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#full-notice .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#full-notice .ment a{color: #ff7171;}
#full-notice .ment a:hover,
#full-notice .ment a:focus{color: #FF5E00;}

#uploader-notice .modal-dialog{width: 640px; margin: 0 auto;}
#uploader-notice{top: 5%; padding-bottom: 20px;}
#uploader-notice .modal-content .modal-body{padding: 40px;}
#uploader-notice .modal-content .modal-body,
#uploader-notice .modal-content .modal-body .ment{text-align: left;}
#uploader-notice .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#uploader-notice .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#uploader-notice .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#uploader-notice .ment a{color: #ff7171;}
#uploader-notice .ment a:hover,
#uploader-notice .ment a:focus{color: #FF5E00;}
/*
002 navbar
==============================================================================================*/
#mainNav .mobile{display: none;}
#mainNav .navbar-nav{margin-right: 0 !important;}
.side-menu-container{
  background-color: rgba(0,0,0,.6);
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -o-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  visibility: hidden;
  z-index: 100;
}
.side-menu-container.active{
  visibility: visible;
  opacity: 1;
}
.sidenav {
  height: 100%;
  width: 360px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: -360px;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding: 60px 30px;
}
.sidenav .sidenav-wrap{
  position: relative; width: 100%;
}
.sidenav .sidenav-wrap .nickname-wrap{
  text-align: center; font-size: 16px; padding-bottom: 15px;
}
.sidenav .sidenav-wrap .logout-wrap, .sidenav .sidenav-wrap .login-wrap{
  padding-top: 70px;
}

.sidenav a, .sidenav .dropdown-btn {
  text-decoration: none;
  font-size: 16px;
  color: #444141;
  display: block;
  transition: 0.3s;
  font-weight: 400;
}

.sidenav .one-menu a{
  padding: 10px 8px 10px 25px
}

.sidenav a:hover {
  color: #ff7171;
}

.sidenav .closebtn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 25px;
  margin-left: 50px;
  color: #444141;
  padding: 8px 8px 8px 15px;
}
.sidenav .closebtn:hover{
  color: #444141;
}

.sidenav hr{
  border-color: #d5d5d5;
  width: 100%;
  max-width: inherit;
  border-width: 1px;
  margin-top: 7px;
  margin-bottom: 7px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.sidenav .dropdown-container {
  display: none;
}
.sidenav .sub-menu{
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
}

.sidenav .half_div{
  width: 50%;
  overflow:hidden;
  float: left;
}

.sidenav .btn-logout{
  border: 1px solid #444141; border-radius: 5px; font-size: 16px; color: #444141; width: 100%; padding: 10px 0;
}
.sidenav .btn-logout:hover{
  background-color: #444141; color: white;
}

.sidenav .btn-login{
  border: 1px solid #338fed; border-radius: 5px; font-size: 16px; color: #338fed; width: 100%; padding: 10px 0;
}
.sidenav .btn-login:hover{
  background-color: #338fed; color: white;
}

.top-search .navbar-form {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display:flex;
}
.top-search{
  position: relative;
  margin-top: 5px;
  float: left;
  min-width: 335px;
  max-width: 600px;
  width: calc(100% - 1025px);
  margin-left: 10px;
}
.top-search .keyword-text{
  outline: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #f3f0f0f0;
  border-color: #f3f0f0;
  text-decoration: none;
  box-shadow: none;
  padding-left: 25px;
  padding-right: 45px;
}
.search-sbi-wrap{
  position: absolute;
  z-index: 1000;
  right: 50px;
  height: 100%;
  padding: 0px 13px;
  display: flex;
  cursor: pointer;
}
.search-sbi-wrap img{
  width: 22px;
}
.top-search .btn-search-wrap{
  width: 50px !important;
}
.top-search .btn-search-wrap .btn-search{
  width: 100%;
  height: 34px;
  background: #338fed;
  border: 1px solid #338fed;
  border-radius:0;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  padding: 6px 12px 6.5px 12px;
}
.top-search .category-wrap{background-color: #f3f0f0f0; border-radius: 20px 0 0 20px !important; margin-right: 2px !important; border: 0;}
.guide .dropdown-menu{
  left: -25px;
}
.mypage .dropdown-menu{
  left: 50%;
  transform: translateX(-50%);
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{
  color: #ff7171;
}
#logout{
  font-weight: bold;
}
.dropdown-menu .subtop{
  padding-top: 5px;
}
.nav-subtitle{
  text-align: center;
  color: #ff7171;
  font-weight: bold;
}
.nav-subtitle{
  padding-top: 0;
}
.dropdown-menu{
  min-width: 130px;
  max-width: 200px;
}
.dropdown-menu .nav-nickname{
  padding: 3px 10px;
}
.navbar{height: 60px;}
@media (min-width: 768px) {
  #bs-example-navbar-collapse-1 .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}
@media (min-width: 768px){
  .navbar-right .dropdown-menu {
    right: auto;
  }
}

#crowdpic_logo{
  width: 169px;
  height: 50px;
  margin-top: 5px;
}
.navbar-default {
  background-color: white;
  border-color: #e0e0e0;
}
.navbar-default .navbar-header .navbar-brand {
  color: #ff7171;
  font-weight: 700;
  text-transform: uppercase;
  padding:0;
  padding-left: 21px;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
  text-transform: uppercase;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #ff7171 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}

.navbar-nav{
  margin: 0;
}
.navbar-right{
  margin-right: 50px;
}
.navbar-top{
  /*margin-top: 4px;*/
}
.navbar-default {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e7e7e7;
}
.navbar-default .navbar-header .navbar-brand {
  color: #338fed;
  margin:0;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: white;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #444141 !important;
  background-color: transparent !important;
  font-weight: 500;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #ff7171;
}
.navbar-default.affix {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
}
.navbar-default.affix .navbar-header .navbar-brand {
  color: #ff7171;
  font-size: 14px;
}
.navbar-default.affix .navbar-header .navbar-brand:hover,
.navbar-default.affix .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default.affix .nav > li > a,
.navbar-default.affix .nav > li > a:focus {
  color: #222222;
}
.navbar-default.affix .nav > li > a:hover,
.navbar-default.affix .nav > li > a:focus:hover {
  color: #ff7171;
}
.left-navbar{float:left;}
.left-navbar>li:hover{border-bottom:4px solid #444141;}
.navbar-nav>li {
  float: left !important;
  height: 59px;
}
.navbar-right{
  float: right !important;
}
.navbar-header{
  float: left;
  padding-right: 20px;
}


/*모바일 임시*/
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu>li>a{
    padding: 3px 20px !important;
  }
  .navbar-nav .open .dropdown-menu{
    position: absolute !important;
    background: white;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    border: 1px solid rgba(0,0,0,.15);
  }
}
.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus{
  text-align: right;
}
.navbar-nav>li>a {
  padding-top: 20px; padding-bottom: 20px;
}
.navbar-nav #nav-profile{
  background-size: cover;
  background-position: center;
  width: 40px; height: 40px; border-radius: 80px; border: 2px solid #F3F0F0; float: left;
  overflow: hidden;
  position: relative;
}
.navbar-nav #nav-profile img{
  position: absolute; top: -2px; left: -2px; width: 40px;
}
.nav-notification{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.nav-notification .notification-icon-wrap{position: relative; top: -10px; text-align: center; width: 40px; height: 40px; background-color: #f3f0f0; border-radius: 25px; float: left;}
.nav-notification .notification-icon-wrap:hover{
  background-color: #e8e3e3;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.nav-notification .notification-icon-wrap img{padding-top: 8px;}
.nav-notification .notification-icon-wrap .no-read-count-wrap{background: #ff7171; border-radius: 11px; height: 20px; color: white; position: absolute; top: 20px; left: 25px;}
.nav-notification .notification-icon-wrap .no-read-count-wrap .no-read-count{margin: 0; padding: 0px 7px; font-size: 11px;}
.nav-notification #noti-history-box{display: none; position: absolute; top: 55px; right: 0; background-color: white; width: 275px; max-height: 355px; height: auto; overflow-y: scroll;  border: 1px solid #e0e0e0; box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; z-index: 10;}
.nav-notification #noti-history-box.active{display: block;}
.nav-notification #noti-history-box #noti-history-wrap{position: relative;}
.nav-notification #noti-history-box .fixed-header{padding: 8px 0px; overflow: hidden; position: fixed; width: 258px; z-index: 10; background-color: white;}
.nav-notification #noti-history-box .fixed-header .tab-wrap{position: relative; overflow: hidden; border-bottom: 1px solid #e0e0e0;}
.nav-notification #noti-history-box .fixed-header .tab-wrap .btn-notification{position: relative; width: 50%; float: left; text-align: center; padding: 5px 0px; padding-bottom: 10px; cursor: pointer; color: #c5bcbc; font-size: 12px;}
.nav-notification #noti-history-box .fixed-header .tab-wrap .btn-notification.active{border-bottom: 3px solid #444141; color: #444141;}
.nav-notification #noti-history-box .fixed-header .tab-wrap .btn-notification .new-noti-wrap{background: #ff7171; border-radius: 11px; height: 16px; width: 16px; display: inline-block;color: white; margin-left: 6px; position: absolute; top: 7px; display: none;}
.nav-notification #noti-history-box .fixed-header .tab-wrap .btn-notification .new-noti-wrap p{margin: 0; font-size: 11px;}
.nav-notification #noti-history-box .fixed-header .noti-btn-wrap{position: relative; width: 100%; overflow: hidden; padding: 0px 8px; padding-top: 8px;}
.nav-notification #noti-history-box .fixed-header .btn-all-read{border: 1px solid #e0e0e0; font-size: 12px; background-color: white; border-radius: 5px; color: #827b7b; padding: 4px 10px; float: left;}
.nav-notification #noti-history-box .fixed-header .btn-all-read:hover{
  border-color: #338fed;
  color: #338fed;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.nav-notification #noti-history-box .fixed-header .go-notification-list{border: 1px solid #e0e0e0; font-size: 12px; background-color: white; border-radius: 5px; color: #827b7b; padding: 4px 10px; float: right;}
.nav-notification #noti-history-box .fixed-header .go-notification-list:hover{
  border-color: #338fed;
  color: #338fed;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.nav-notification #noti-history-box .fixed-header .edit-keyword-notification{border: 1px solid #e0e0e0; font-size: 12px; background-color: white; border-radius: 5px; color: #827b7b; padding: 3px 7px; float: right; margin-left: 5px; display: none;}
.nav-notification #noti-history-box .fixed-header .edit-keyword-notification:hover{
  border-color: #338fed;
  color: #338fed;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.nav-notification #noti-history-box .fixed-header .edit-keyword-notification svg{width: 15px; height: 15px; margin-top: 1px;}
.nav-notification #noti-history-box .fixed-header .edit-keyword-notification:hover svg .a{fill: #338fed;}
.nav-notification #noti-history-box .notifications-wrap{color: #827b7b; padding-top: 88px;}
.nav-notification #noti-history-box .notifications-wrap a{color: #827b7b;}
.nav-notification #noti-history-box .notifications-wrap .not-contents{height: 265px; padding: 10px 15px; border-top: 1px solid #e0e0e0; font-size: 12px; position: relative; text-align: center; background-color: #f5f5f5;}
.nav-notification #noti-history-box .notifications-wrap .not-contents img{padding-top: 30px; padding-bottom: 10px;}
.nav-notification #noti-history-box .notifications-wrap .not-contents .comment{font-size: 12px; margin: 0;}
.nav-notification #noti-history-box .notifications-wrap .not-contents .btn-wrap{padding-top: 10px;}
.nav-notification #noti-history-box .notifications-wrap .not-contents .btn-wrap .transparent-btn2{font-size: 12px; padding: 4px 8px; color: #338fed;}
.nav-notification #noti-history-box .notifications-wrap .each-notification-wrap{padding: 10px 15px; border-top: 1px solid #e0e0e0; font-size: 12px; position: relative;}
.nav-notification #noti-history-box .notifications-wrap .each-notification-wrap:hover{color: #ff7171;}
.nav-notification #noti-history-box .notifications-wrap .each-notification-wrap.no-read{background: inherit;}
.nav-notification #noti-history-box .notifications-wrap .each-notification-wrap.read{background: #f5f5f5;}
.nav-notification #noti-history-box .notifications-wrap .each-notification-wrap .comment{padding-right: 15px;}
.nav-notification #noti-history-box .notifications-wrap .each-notification-wrap .did-read{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background: #ff7171; width: 8px; height: 8px; border-radius: 10px; float: right;}


/*
003 header
==============================================================================================*/
.bg-filter{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
#homeHeading,
.homeHeading{
  font-weight: 500 !important;
  color: white !important;
  margin: 7px auto !important;
  letter-spacing: -1.0px;
}
header {
  position: relative;
  width: auto;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  /*  background-image: url('http://cdn.crowdpic.net/images/intro/main_photo1.jpg');*/
  text-align: center;
  min-height: 100vh;
}
header .header-content {
  position: relative;
  text-align: center;
  padding: 170px 15px 100px;
  width: 100%;
}
header .header-content .header-content-inner h1 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}
header .header-content .header-content-inner hr {
  margin: 20px auto;
}
header .header-content .header-content-inner p {
  font-weight: 300;
  color: rgba(255, 255, 255, .8);
  font-size: 16px;
}
header .find-password-btn{
  color: white;
  width: 200px;
}
header .login-btn, header .register-btn, header .video-guide-btn{
  width: 200px;
}
header .video-guide-btn{
  background: #444141;
  border-color: #444141;
  color: white;
  padding: 9px 20px !important;
}
header .video-guide-btn div{
  font-size: 14px;
}
header .video-guide-btn:hover,
header .video-guide-btn:active,
header .video-guide-btn:focus{
  color: white;
}

header .login-btn:hover{
  background-color: #338fed;
  border-color: #338fed;
  color: white;
}
header .register-btn:hover{
  background-color: #338fed;
  border-color: #338fed;
  color: white;
}
header .find-password-btn:hover, header .go-login-btn:hover{
  background-color: #338fed;
  border-color: #338fed;
  color: white;
}

@media (min-width: 768px) {
  header .header-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }
  header .header-content .header-content-inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  header .header-content .header-content-inner h1 {
    font-size: 46px;
  }
  header .header-content .header-content-inner p {
    font-size: 14px;
    max-width: 742px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}
/*
004 button
==============================================================================================*/
.btn-default {
  color: #222222;
  background-color: white;
  border-color: white;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #222222;
  background-color: #f3f0f0;
  border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: white;
}
.btn-primary {
  color: white;
  background-color: #338fed;
  border-color: #338fed;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #338fed;
  border-color: #338fed;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
  background-color: #ff7171;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ff7171;
  border-color: #ff7171;
}

.header-content-inner .search-btn{
  border: none;
  width: 200px;
  font-weight: 700;
  text-transform: uppercase;
}
.header-content-inner .btn-xl {
  padding: 15px 30px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}

/*
005 검색바
==============================================================================================*/
#main-banner{position:relative;}
#main-banner .slider {
  list-style:none;
  height:600px;
  overflow:hidden;
  margin-bottom: 0px;
}
#main-banner .slider:after {
  content:'';
  display:block;
  clear:both;
}
#main-banner .slider li {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:600px;
  /*opacity:0;*/
  display: none;
}
#main-banner .slider li div {
  width:100%;
  height:100%;
  position:relative;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#main-banner .btn-container {
  text-align:center;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-bottom: 15px;
}
#main-banner .btn-container button {
  background: transparent;
  border:0;
  cursor:pointer;
}
#hd .header-content .header-content-inner .search-textbox {
  font-size: 16px;
  margin-bottom:0 !important;
  height: 46px;
  border-radius: 5px 0 0 5px;
  padding-left: 15px;
}
.search-consult{
  padding-top: 3px;
}
.main-search-container{
  padding: 20px 0px; border-color: rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e7e7e7;
}
.main-search-wrap{
  display: flex; height: 56px;
  -ms-user-select: none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;
}
.search-row{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 60px;
  margin: 0 auto;
  max-width: 840px;
}
.search-row .search-btn{
  width: 65px;
  height: 60px;
  padding: 0;
  position: relative;
  border: 0;
  background: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-row .input-group-addon{
  padding: 0;
  background: white;
  border: 1px solid #ffffff;
  border-radius: 0 5px 5px 0 !important;
}
.search-row .search-btn span{
  font-size: 25px;
  color: #338fed;
  top: 0;
}
.category-wrap{
  width: auto; background-color: white; min-width: 120px; border-radius: 100px; margin-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border: 1px solid #444141;
}
.category-wrap .dropdown{list-style: none; height: 100%;}
.category-wrap .dropdown a{color: #444141 !important; background-color: transparent !important; font-weight: 500;}
.category-wrap .dropdown .selected_category{display: flex; width: 100%; align-items: center; height: 100%; color: #827B7B; padding: 0px 28px 0px 28px;}
.search-row .category-wrap .selected_category{font-size: 16px;}
.search-row .category-wrap .category-dropdown>li{font-size: 16px;}
/*#top-search .category-wrap .selected_category{padding-left: 30px;}*/
#top-search .category-wrap .selected-category-txt,
.search-row .category-wrap .selected-category-txt
{margin-left: auto;}
.category-wrap .category-dropdown{min-width: 130px; left: 50%; transform: translate(-50%, 0);}
.category-dropdown>li{
  display: flex;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  color: #827B7B;
  height: 40px;
}
.category-dropdown>li:focus, .category-dropdown>li:hover {
  color: #338FED;
  text-decoration: none;
  background-color: #D8EBFF;
}
.main-search-wrap .btn-search-wrap{
  position: relative; display: flex; width: 100%; border: 1px solid #444141; border-left: 0; border-radius: 100px; border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.main-search-wrap .btn-sbi-wrap{
  margin-left: 20px; background-color: white; min-width: 170px; border-radius: 100px; margin-right: 0px; border: 1px solid #444141; display: flex; position: relative; color: #827B7B; cursor: pointer;
}
.main-search-wrap .btn-sbi-wrap .btn-sbi{
  display: flex; align-items: center; justify-content: center; width: 100%; font-size: 16px;
}
.main-search-wrap .btn-sbi-wrap .btn-sbi img{padding-right: 9px;}
.search-textbox{
  padding: 0;
  border:none;
  box-shadow: none;
  padding-left: 20px; border-radius: 0px; height: 100%;
  font-size: 16px;
}
.search-btn:focus, .search-btn:active{
  outline: none !important;
}
.search-textbox:focus, .search-btn:active{
  box-shadow: none;
}
.search-textbox::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  font-size: 16px;
  color: #827b7b;
}
.search-textbox::-moz-placeholder{ /* Firefox 19+ */
  font-size: 16px;
  color: #827b7b;
}
.search-textbox:-ms-input-placeholder{ /* IE 10+ */
  font-size: 16px;
  color: #827b7b;
}
.search-textbox:-moz-placeholder{ /* Firefox 18- */
  font-size: 16px;
  color: #827b7b;
}

.keyword-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #827b7b;
}
.keyword-text::-moz-placeholder { /* Firefox 19+ */
  color: #827b7b;
}
.keyword-text:-ms-input-placeholder { /* IE 10+ */
  color: #827b7b;
}
.keyword-text:-moz-placeholder { /* Firefox 18- */
  color: #827b7b;
}

/*
006 검색리스트(이미지 갤러리)
==============================================================================================*/
#toast-container>.toast-success{
  background-image: none !important;
  background-color: #338fed;
}
/*#toast-container>div{opacity: 1!important;}*/
#toast-container>.toast-success a{color: white;}
.toast-top-right{top: 150px !important;}

.search-photo-list{padding-top: 50px;}
.search-photo-list #filter-container{position: fixed; z-index: 1; top: 60px; min-width: 1366px; right: 0; left: 0;}
.search-photo-list #filters-history-container{border-top: 1px solid #e7e7e7;}
.search-photo-list #request-image-banner a{color: #338fed;}
.search-photo-list .quality-control i:hover{background-color: #ff7171;}

#grid-wrap{
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 50px;
}
.justified-gallery .caption.active{display: block !important;}
.justified-gallery .caption .profile-wrap{position: absolute; bottom: 0; cursor:pointer; width: 60%;}
.justified-gallery .caption .profile-wrap .profile-hover{display: inline-block;}
.justified-gallery .caption .profile-wrap .profile{width: 35px; height: 35px; border-radius: 80px; border: 2px solid #f3f0f0; float:left; overflow: hidden;}
.justified-gallery .caption .profile-wrap .profile img{width: 35px; height: 35px; position: absolute; top: -2px; left: -2px;}
.justified-gallery .caption .profile-wrap .nickname{line-height: 2.5; padding-left: 8px; float: left; font-size: 14px; color: white; font-weight: 500; color: #d5d5d5; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.justified-gallery .caption .profile-wrap.vertical .nickname{padding-left: 6px !important; text-overflow: ellipsis; width: calc(100% - 42px); overflow: hidden; white-space: nowrap;}
.justified-gallery .caption .profile-wrap.vertical .nickname.noprofile{width: calc(100% - 15px);}
.justified-gallery .caption .profile-wrap .nickname:hover{
  color: white;
}

.justified-gallery .caption{display:none; width: 100%; height: 100%; position: absolute; bottom: 0; padding: 0 !important; background-color: rgba(0,0,0,.3) !important; opacity: 1;}
.justified-gallery .caption .like-wrap{
  position: absolute; top: 0; right: 0; cursor:pointer; margin: 15px; -webkit-filter: brightness(0.8);-moz-filter: brightness(0.8);-o-filter:  brightness(0.8);-ms-filter:  brightness(0.8);-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;
}
.justified-gallery .caption .like-img-wrap{width: 35px; height: 35px; background-color: white; border-radius: 80px; position: relative;}
.justified-gallery .caption .like-wrap img{width: 20px; position: absolute; top: 9px; left: 8px;}
.justified-gallery .caption .like-wrap:hover{
  -webkit-filter: brightness(1); -moz-filter: brightness(1); -o-filter:  brightness(1); -ms-filter:  brightness(1);
}
.justified-gallery .caption .share-wrap{position: absolute; bottom: 0; right: 0; margin: 15px; -webkit-filter: brightness(0.8);-moz-filter: brightness(0.8);-o-filter:  brightness(0.8);-ms-filter:  brightness(0.8);-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.justified-gallery .caption .share-wrap:hover{
  -webkit-filter: brightness(1); -moz-filter: brightness(1); -o-filter:  brightness(1); -ms-filter:  brightness(1);
}
.justified-gallery .caption .share-wrap .share-img-wrap{width: 35px; height: 35px; background-color: white; border-radius: 80px; position: relative;}
.justified-gallery .caption .share-wrap .share-img-wrap img{width: 20px; position: absolute; top: 9px; left: 8px;}
.justified-gallery .caption .info-container{position: absolute; display: table; width: 100%; height: 100%;}
.justified-gallery .caption .info-container .info-wrap{display: table-cell; vertical-align:middle; text-align:center;}
.justified-gallery .caption .info-container .info-wrap .info{display: inline-block; padding: 0px 5px; font-size: 16px;}
.justified-gallery .caption .info-container .info-wrap .info img{height: 12px; margin-bottom: 3px; padding-right:2px;}
.justified-gallery .caption .info-container .info-wrap .info p{margin-bottom: 6px;}

#photo-list-page{
  background: #f3f0f0;
  height: 100vh;
}
.caption-visible{
  display: block !important;
}
.caption{
  overflow: hidden;
  text-overflow: ellipsis;
  height: 27px;
  white-space: nowrap;
  font-size: 13px !important;
  font-family: inherit !important;
}
.justified-gallery>.entry-visible{
  background: linear-gradient(45deg,#dbdbdb 25%,transparent 25%,transparent 75%,#dbdbdb 75%,#dbdbdb),linear-gradient(45deg,#dbdbdb 25%,transparent 25%,transparent 75%,#dbdbdb 75%,#dbdbdb);
  background-position: 0 0,10px 10px;
  background-color: #efefef;
  -webkit-background-size: 21px 21px;
  background-size: 21px 21px;
}

.keyword-add-complete-box-wrap{
  position: absolute;

  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.keyword-add-complete-box-wrap p{
  font-size: 13px;
}
.keyword-add-complete-box-wrap .box-close-wrap{
  position: relative;
  width: 100%;
  color: #827b7b;
  text-align: right;
}
.keyword-add-complete-box-wrap .box-close-wrap .box-close{
  width: 12px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding-top: 2px;
}
.keyword-add-complete-box-wrap .box a{
  font-size: 13px;
  padding: 6px 10px !important;
}

.keyword-add-complete-box-wrap .box
{
  z-index:100;
  position: relative;
  width: 250px;
  padding: 3px 10px 25px 10px;
  background: #FFFFFF;
  border-radius: 5px;
  border: #d5d5d5 solid 1px;
  font-size: 13px;
  text-align: center;
}
.keyword-add-complete-box-wrap .box:after
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 11px 12px 12.5px;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -11.5px;
  left: 115px;
}
.keyword-add-complete-box-wrap .box:before
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 11px 12px 12.5px;
  border-color: #d5d5d5 transparent;
  display: block;
  width: 0;
  z-index: 0;
  top: -13px;
  left: 115px;
}

/*
007 photo상세페이지
==============================================================================================*/
html.photo-info, html.photo-info body{
  min-width: 1232px;
  padding-top: 0 !important;
}
#photo-info{
  background-color: #f3f0f0;
  padding-bottom: 50px;
  padding-top: 10px;
}
#photo-info .photo-detail-container{
  float: right;
  width: 100%;
  background: #f3f0f0;
  display: table;
  min-height: 100%;
}
#photo-info .photo-detail-container .photo-detail-wrap{
  max-width: 1340px;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap{
  float: left;
  /*  max-width: calc(100% - 320px);
    max-width: -webkit-calc(100% - 320px);
    max-width: -moz-calc(100% - 320px);*/
  margin-right: 10px;
  display: table;
  width: calc(100% - 371px);
  width: -webkit-calc(100% - 371px);
  width: -moz-calc(100% - 371px);
  background-color: white;
  border: 1px solid #e5d5e5;
  border-radius: 10px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap{
  position: relative;
  margin: 15px;
  margin-bottom: 0;
  border:none;
  text-align: center;
  min-width: 450px;
  width: 830px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap .images-wrap{
  overflow: hidden;
  position: relative;
  display: inline-block;
  max-width: 830px;
  background: linear-gradient(45deg,#dbdbdb 25%,transparent 25%,transparent 75%,#dbdbdb 75%,#dbdbdb),linear-gradient(45deg,#dbdbdb 25%,transparent 25%,transparent 75%,#dbdbdb 75%,#dbdbdb);
  background-position: 0 0,10px 10px;
  background-color: #efefef;
  -webkit-background-size: 21px 21px;
  background-size: 21px 21px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,30,.3);
  -moz-box-shadow: 0 1px 3px rgba(0,0,30,.3);
  box-shadow: 0 1px 3px rgba(0,0,30,.3);
  border-radius: 10px;
  cursor: pointer;
  overflow-y: hidden;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap .images-wrap img{width: 100%;}
@keyframes heartbeat {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  15% {
    opacity: 0.9;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  30% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  45%,
  80% {
    opacity: 0.9;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap .images-wrap #heart{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  margin: -20px 0 0 -20px;
  animation: heartbeat 3s;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap{
  position: relative;
  overflow: hidden;
  padding-top: 10px;
  margin-right: 14px;
  color: #827b7b;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  justify-content: flex-end;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap #btn-photo-like-wrap{
  cursor: pointer;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap #btn-photo-like-wrap #btn-photo-like{
  margin-bottom: 3px;
  margin-right: 6px;
  border-radius: unset;
  width: 22px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap #btn-comment-wrap{
  cursor: pointer;
  display: flex;
  padding-left: 27px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap #btn-comment-wrap svg{
  margin-right: 6px;
}

#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap #btn-share-wrap{
  cursor: pointer;
  padding-left: 27px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap #share-like-wrap #btn-share-wrap #btn-share{
  margin-bottom: 4px;
  margin-right: 6px;
  border-radius: unset;
  width: 22px;
}
#photo-image-wrap #bubble-wrap{
  position: absolute;
  bottom: -115px;
  right: 3px;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
#photo-image-wrap #bubble-wrap p{
  font-size: 13px;
  color: #827b7b;
}
#photo-image-wrap #bubble-wrap .bubble-close-wrap{
  position: relative;
  width: 100%;
  color: #827b7b;
  text-align: right;
}
#photo-image-wrap #bubble-wrap .bubble-close-wrap .bubble-close{
  width: 12px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
#photo-image-wrap #bubble-wrap .bubble a{
  font-size: 13px;
  width: 145px;
  padding: 6px 0 !important;
}
#photo-image-wrap .bubble
{
  z-index:100;
  position: relative;
  width: 210px;
  height: 103px;
  padding: 3px 10px 10px 10px;
  background: #FFFFFF;
  border-radius: 5px;
  border: #d5d5d5 solid 1px;
  font-size: 13px;
  text-align: center;
}
#photo-image-wrap .bubble:after
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 11px 12px 12.5px;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -11.5px;
  left: 91px;
}
#photo-image-wrap .bubble:before
{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 11px 12px 12.5px;
  border-color: #d5d5d5 transparent;
  display: block;
  width: 0;
  z-index: 0;
  top: -13px;
  left: 91px;
}

#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photo-image-wrap img.detail-image{
  /*max-width: 910px;*/
  max-height: 580px;
  border-radius: 10px;
  /*  max-height: calc(100% - 300px);
    max-height: -webkit-calc(100% - 300px);
    max-height: -moz-calc(100% - 300px);*/
  vertical-align: middle;
  max-width: 100%;
}
#photo-info .tags-wrap{
  line-height: 1.9;
}
#photo-info .tags-wrap .tags_style{
  border: 1px solid #d5d5d5; border-radius: 5px; color: #afafaf !important; padding: 0 5px; margin: 1px; word-break:keep-all;
}
#photo-info .tags-wrap .tags_style:hover,
#photo-info .tags-wrap .tags_style:active{
  background-color: #338fed; color: white !important; border: 1px solid #338fed;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap{
  padding-right: 10px;
  border-top: 1px solid #d5d5d5;
  margin: 15px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap{
  font-size: 16px;
  padding-bottom: 15px;
  padding-top: 15px;
  overflow: hidden;
  display: flex;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .profile-image-wrap{
  width: 35px; height: 35px; border-radius: 80px; border: 2px solid #f3f0f0; float: left; overflow: hidden;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .profile-image-wrap img{
  width: 35px; height: 35px; position: absolute; top: -2px; left: -2px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .btn-photographer-like-wrap{
  display: flex; align-items: center; padding-left: 10px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap #btn-photographer-like{
  border: 1px solid #338fed;
  background-color: #338fed;
  border-radius: 14px;
  width: 130px;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
  color: #ffffff;
  cursor: pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  padding: 4px 0px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap #btn-photographer-like.active{
  border: 1px solid #f3f0f0;
  background-color: #f3f0f0;
  color: #444141;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .like-ment-wrap{
  font-size: 15px; color: #827b7b; padding-left: 5px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap #photographer-name{
  color: #338fed;
  font-weight: 500;
  font-size: 16px;
  padding-right: 10px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap #photographer-name a{
  color: #338fed;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap #photographer-name a:hover{
  color: #3bb4ff;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .btn-message-wrap{
  display: flex; padding-left: 10px; font-size: 14px; align-items: center; margin-left: auto;
  cursor: pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .btn-message-wrap .btn-message{
  width: 150px;
  padding: 4px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #444141;
  border-radius: 5px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .btn-message-wrap .btn-message svg{
  width: 17px;
  height: auto;
  margin-top: 0px;
  margin-right: 9px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-wrap .photographer-info-wrap .photographer-name-wrap .btn-message-wrap .btn-message svg path{fill: #444141;}

#photo-info .comment-container{padding: 0px 30px; padding-bottom: 50px;}
#photo-info .comment-container .comment-write-container,
#photo-info .comment-container .reply-write-container{display: flex; flex-direction: column; }
#photo-info .comment-write-container .comment-write-wrap,
#photo-info .reply-write-container .reply-write-wrap{display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
#photo-info .comment-write-container .comment-write-wrap .comment-writer-profile-image,
#photo-info .reply-write-container .reply-write-wrap .reply-writer-profile-image{position: relative; width: 35px; height: 35px; margin-right: 10px; border-radius: 80px; border: 2px solid #f3f0f0; overflow: hidden;}
#photo-info .comment-write-container .comment-write-wrap .comment-writer-profile-image img,
#photo-info .reply-write-container .reply-write-wrap .reply-writer-profile-image img{width: 100%; border-radius: 50px;}
#photo-info .comment-write-container .comment-write-wrap .comment-write-text-wrap,
#photo-info .reply-write-container .reply-write-wrap .reply-write-text-wrap,
#photo-info .comment-container .contents.edit .write-text-wrap {cursor: text; border-bottom: 1px solid #444141; flex: 1; margin-bottom: 11px;}
#photo-info .comment-write-container .comment-write-wrap .comment-write-text-wrap #comment,
#photo-info .reply-write-container .reply-write-wrap .reply-write-text-wrap .comment-reply,
#photo-info .comment-container .contents.edit .write-text-wrap .edit-contents{border: none; outline: none; width: 100%; display: inline-block; white-space: pre-wrap; overflow-wrap: break-word; padding: 2px;}
#photo-info .comment-write-container .btn-comment-write-wrap,
#photo-info .reply-write-container .btn-reply-write-wrap{margin-left: auto;}
#photo-info .comment-write-container .btn-comment-write-wrap .btn-comment-write,
#photo-info .reply-write-container .btn-reply-write-wrap .btn-reply-write{cursor: pointer; border: 1px solid #444141; border-radius: 20px; width: 100px; padding: 6px 0px; text-align: center;}
#photo-info .comment-container .reply-write-container{padding-top: 20px;}
[contenteditable=true] {
  color : #444141;
  width: 100%;
}
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  pointer-events: none;
  color : #ABABAB;
  display: block; /* For Firefox */
}
#photo-info .comment-list-container{}
#photo-info .comment-list-container .comment-list-wrap{list-style: none; padding: 0px;}
#photo-info .comment-list-container .comment-list-wrap .comment{list-style: none; padding: 10px 0px;}
#photo-info .comment-list-container .comment-list-wrap .comment .comment-all-wrap{display: flex; flex-direction: row;}
#photo-info .comment-list-container .comment-list-wrap .comment.reply{padding-left: 45px; padding-top: 16px;}
#photo-info .comment-list-container .comment-list-wrap .comment.reply .reply-line{width: 15px; height: 15px; margin-top: 5px; margin-right: 5px;}

#photo-info .comment-list-container .btn-next-reply-more-wrap{display:inline-block; padding-top: 15px; padding-left: 65px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
#photo-info .comment-list-container .btn-next-reply-more-wrap .btn-next-more-reply{display: flex; align-items: center; cursor: pointer; font-size: 14px; color: #338fed; border-radius: 50px; padding: 2px 15px;}
#photo-info .comment-list-container .btn-next-reply-more-wrap .btn-next-more-reply .triangle-icon{padding-right: 5px; font-size: 8px; display: inline-block;}
#photo-info .comment-list-container .btn-next-reply-more-wrap .btn-next-more-reply:hover{background-color: #D8EBFF;}

#photo-info .comment-container .profile-image-wrap{position: relative; width: 35px; height: 35px; margin-right: 10px; border-radius: 80px; border: 2px solid #f3f0f0; overflow: hidden;}
#photo-info .comment-container .profile-image-wrap img{width: 100%; border-radius: 50px;}
#photo-info .comment-container .comment-wrap{position: relative; flex: 1; display: flex; flex-direction: column;}
#photo-info .comment-container .info-wrap{display: flex; padding-top: 8px;}
#photo-info .comment-container .info-wrap .nickname{margin-right: 10px; font-weight: 500;}
#photo-info .comment-container .info-wrap .write-date{color: #827b7b;}
#photo-info .comment-container .contents{padding-top: 15px; color: #827b7b;}
#photo-info .comment-container .contents a{color: #337ab7; background-color: transparent;}
#photo-info .comment-container .contents.edit .btn{float: right; border: 1px solid #444141; border-radius: 20px; width: 60px; padding: 6px 0px; text-align: center;}
#photo-info .comment-container .contents.edit .btn-edit-cancel{margin-left: 5px;}
#photo-info .comment-container .contents.edit .btn-edit{margin-right: 5px;}
#photo-info .comment-container .btn-write-reply-wrap{padding-top: 7px;}
#photo-info .comment-container .btn-write-reply{transition: 0.3s; font-size: 12px; cursor: pointer; background: #F3F0F0; width: 60px; text-align: center; border-radius: 50px; padding: 2px; color: #707070;}
#photo-info .comment-container .btn-write-reply:hover{background-color: #D6CDCD;}
#photo-info .comment-container .btn-write-reply .comment-icon{width: 12px; height: auto;}
#photo-info .comment-container .btn-more-reply-wrap{padding-top: 15px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
#photo-info .comment-container .btn-more-reply{display: inline-block; cursor: pointer; border: 1px solid #338fed; font-size: 12px; color: #338fed; border-radius: 50px; padding: 2px 15px;}
#photo-info .comment-container .btn-more-reply .triangle-icon{
  font-size: 8px;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-top: 1px;
}
#photo-info .comment-container .btn-more-reply.active .triangle-icon{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

#photo-info .comment-container .info-wrap .dropdown-menu-wrap{position: absolute; top: 6px; right: 0; margin-left: auto; cursor: pointer;}
#photo-info .comment-container .menu-svg{cursor: pointer; padding: 10px 0px;}
#photo-info .comment-container .dd-menu{top: 25px; right: 0; left: initial; min-width: 0px; width: 55px; padding: 0px; border-radius: 0px; overflow: hidden; background-color: #fff; border: 1px solid #e0e0e0; border-right: none; box-shadow: none;}
#photo-info .comment-container .dd-menu li{width: 100%; float: left; border-right: 1px solid #e0e0e0;}
#photo-info .comment-container .dd-menu .modify{border-bottom: 1px solid #e0e0e0;}
#photo-info .comment-container .dd-menu li a{color: #827b7b; background-color: #fff; font-size: 12px; text-align: center; padding: 8px 10px;}
#photo-info .btn-more-comment-wrap .btn-more{text-align: center; border-top: 1px solid #C8C8C8; color: #338fed; padding: 10px 0px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
#photo-info .btn-more-comment-wrap .btn-more .triangle-icon{font-size: 8px; display: inline-block; padding-right: 5px;}


#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap #challenge-display #challenge-icon{
  display: inline-block; vertical-align: middle; padding-right: 18px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap #challenge-display #challenge-ment{
  display: inline-block; width: 260px; vertical-align: middle;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info{
  color: #1a1a1a;
  border: 1px solid #e5d5e5;
  padding: 18px;
  padding-bottom: 10px;
  border-radius: 10px;
  background-color: white;
}

#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side .range-of-use img{
  height: 16px;
  margin-bottom: 2px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side .range-of-use a{
  padding: 0px 3px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side a{
  color: #1a1a1a;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side a:hover, #photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side a:focus{
  color: #338fed;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side tr{
  height: 30px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side.information tr:last-child{
  height: 50px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side td:first-child{
  /*padding-right: 10px;*/
  width: 85px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side td{
  padding-bottom: 2px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side.information td:nth-child(2),#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side.information td:nth-child(3){
  text-align: center;
  width: 118px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side .dpi{
  color: #338fed; font-weight: 600;
}


#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.two-side.two-side.two-side .range-of-use img{
  height: 16px;
  margin-bottom: 2px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg .range-of-use a{
  padding: 0px 3px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg a{
  color: #1a1a1a;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg a:hover, #photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg a:focus{
  color: #338fed;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap{
  float: right;
  width: 360px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg tr{
  height: 23px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg td:first-child{
  /*padding-right: 10px;*/
  width: 85px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg td{
  vertical-align: top;
  padding-bottom: 2px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details.only-jpg .dpi{
  color: #338fed; font-weight: 600;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .license-tap-warp{
  padding-bottom: 15px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .license-tap-warp .license-tap-btn{
  border: 1px solid #827b7b;
  padding: 3px 10px;
  color: #827b7b;
  text-decoration: none;
  outline: none;
  background-color: transparent;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .license-tap-warp .license-tap-btn:hover{
  background-color: #F6F6F6;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .license-tap-warp .license-tap-btn.active{
  background-color: #444141;
  color: white;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap{

}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap.only-jpg{
  padding: 10px;
  border: 1px solid #d5d5d5;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap p{
  margin-bottom: 5px;
  font-size: 14px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap.two-side{
  padding-top: 0px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap .radio{
  border: 1px solid #d5d5d5; padding: 10px 20px; cursor:pointer;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap .radio.active{
  border-color: #338fed; color: #338fed;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap .radio.purchase label{
  font-weight: bold; color: #ff7171;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap .radio.active.purchase{
  border-color: #ff7171; color: #ff7171;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap.adobe .radio{
  padding: 10px;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap .radio label{
  width: 100%; display: block;
}
#photo-info .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .details-info-wrap .license-options-wrap .radio .text-wrap{
  position: relative; width: 100%;
}

#photo-info .p_row:nth-child(1){
  overflow: hidden;
}
#photo-info .p_row{
  border-bottom: 1px solid #d5d5d5;
  padding:15px 0;
  color: #827b7b;
}
#photo-info .p_row:last-child{
  border: none;
}
#photo-info .upload-photo-info-wrap .p_row:nth-child(4){
  border: none;
}
/*.photo-info-wrap .p_row:nth-child(4){
  border: none;
}*/
#photo-info .photo-info-wrap .p_row:nth-child(5){
  padding-top: 25px;
  padding-bottom: 0px;
}

#photo-info .photo-box img{
  height: 25px;
  width: auto;
  margin-bottom: 20px;
}
#photo-info .box1{
  float: left;
  padding-right: 15px;
  border-right: 1px solid #d5d5d5;
}
#photo-info .box2{
  float: left;
  padding-right: 15px;
  border-right: 1px solid #d5d5d5;
  padding-left: 15px;
}
#photo-info .box3{
  float: left;
  padding-left: 15px;
}
#photo-info .vd-img{
  float: left;
  padding-right: 10px;
}
#photo-info .vd-img img{
  height: 17px;
}
#photo-info .p_row .page-scroll{
  padding:9px 20px;
}
#photo-info .dl-btn{
  height: 19px;
  padding-right: 10px;
}
#photo-info #download.transparent-btn2, #photo-info #adobe-download.transparent-btn2{
  background-color: #338fed;
}
#photo-info #download.ff7171-btn3, #photo-info #adobe-download.ff7171-btn3{
  font-size: 14px !important;
}

#photo-info .heart-wrap{display: none;}
#photo-info .heart-wrap div {
  position: absolute;
  bottom: -60px;
  width: 30px;
  height: 30px;
  background: url("https://s3.us-east-2.amazonaws.com/upload-icon/uploads/icons/png/15721583221557740359-512.png") no-repeat;
  background-size: cover;
}
#photo-info .heart-wrap div:first-of-type {
  left: 10px;
  animation: bubble 2s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(2) {
  left: 50%;
  animation: bubble 10s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(3) {
  left: 150px;
  animation: bubble 8s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(4) {
  right: 100px;
  animation: bubble 3.5s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(5) {
  right: 10px;
  animation: bubble 3s .2s linear infinite
}

#photo-info .heart-wrap div:nth-of-type(6) {
  right: 30px;
  animation: bubble 5s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(7) {
  right: 55px;
  animation: bubble 7s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(8) {
  right: 50%;
  animation: bubble 9s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(9) {
  right: 70%;
  animation: bubble 3s .2s linear infinite
}
#photo-info .heart-wrap div:nth-of-type(10) {
  right: 10%;
  animation: bubble 2.5s .2s linear infinite
}

@keyframes bubble {
  0% {
    bottom: -100px;
    opacity: 1
  }
  50% {
    opacity: .5
  }
  to {
    bottom: 100%;
    opacity: 0
  }
}
#photo-info .recommend .recommend-slider-wrap{position: relative; width: 810px; height: 130px; margin-top: 10px;}
#photo-info .recommend .left-side-gradient{
  width: 75px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: rgba(0,0,0,.2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* Standard syntax */
}
#photo-info .recommend .right-side-gradient{
  width: 75px;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  background: rgba(0,0,0,.2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* Standard syntax */
}

#photo-info .recommend .lSAction .lSPrev{background-image: url('https://cdn.crowdpic.net/images/etc/black_arrow_back.svg?1234'); left: 15px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 14px;}
#photo-info .recommend .lSAction .lSNext{background-image: url('https://cdn.crowdpic.net/images/etc/black_arrow_forward.svg?1234'); right: 15px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 17px;}
#photo-info .recommend .lSAction > a{width: 60px; height: 60px; border-radius: 45px; background-color: white; opacity: 0.8; top: 40%;}
#photo-info .recommend .lSAction > a:hover{opacity: 0.6;}

/*프로필 스크롤*/
#photo-info .scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative;}
#photo-info .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
#photo-info .scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0; width: 0;}
#photo-info .scroll-element {display: none;}
#photo-info .scroll-element, #photo-info .scroll-element div {box-sizing: content-box;}
#photo-info .scroll-element.scroll-x.scroll-scrollx_visible,
#photo-info .scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
#photo-info .scroll-element .scroll-bar,
#photo-info .scroll-element .scroll-arrow {cursor: default;}
#photo-info .scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
#photo-info .scroll-textarea > .scroll-content {overflow: hidden !important;}
#photo-info .scroll-textarea > .scroll-content > textarea {border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important;}
#photo-info .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0; width: 0;}
#photo-info .scrollbar-macosx > .scroll-element,
#photo-info .scrollbar-macosx > .scroll-element div{background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
#photo-info .scrollbar-macosx > .scroll-element div {display: block; height: 100%; left: 0; top: 0; width: 100%;}
#photo-info .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
#photo-info .scrollbar-macosx > .scroll-element .scroll-bar {background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
#photo-info .scrollbar-macosx:hover > .scroll-element .scroll-bar,
#photo-info .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
#photo-info .scrollbar-macosx > .scroll-element.scroll-x {bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%;}
#photo-info .scrollbar-macosx > .scroll-element.scroll-y {height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px;}
#photo-info .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
#photo-info .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/*추천이미지*/
#photo-info .recommend.active{padding: 0 10px; margin: 15px; margin-bottom: 30px; padding-top: 10px; border-top: 1px solid #d5d5d5;}

/*다운로드 모달*/
/*@media (min-width: 768px){*/
#purchase-confirm .modal-dialog{width: 490px; margin: 0 auto;}
/*}*/
#purchase-confirm .modal-content .modal-body{padding: 30px;}
#purchase-confirm .modal-content .modal-body,
#purchase-confirm .modal-content .modal-body .ment{text-align: center;}
#purchase-confirm .modal-content .modal-body .ment p{color: black; font-size: 16px;}
#purchase-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 20px;}
#purchase-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}

/*@media (min-width: 768px){*/
#join-event-confirm .modal-dialog{width: 440px; margin: 0 auto;}
/*}*/
#join-event-confirm .modal-content .modal-body{padding: 30px;}
#join-event-confirm .modal-content .modal-body,
#join-event-confirm .modal-content .modal-body .ment{text-align: center;}
#join-event-confirm .modal-content .modal-body .ment p{color: black; font-size: 16px;}
#join-event-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 20px;}
#join-event-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}

#self-purchase-block .modal-dialog{width: 545px; margin: 0 auto;}
#self-purchase-block .modal-content .modal-body{padding: 30px;}
#self-purchase-block .modal-content .modal-body,
#self-purchase-block .modal-content .modal-body .ment{text-align: left;}
#self-purchase-block .modal-content .modal-body .ment p{color: black; font-size: 16px;}
#self-purchase-block .modal-content .modal-body .btns{text-align: center; padding-top: 20px;}
#self-purchase-block .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
/*
008 login,register
==============================================================================================*/

header.login-header, header.register-header, header.register-ok-header{min-height: 950px;}
.login-header .form-signin{max-width: 400px;}
.login-header .btn-crowdpic{background-color: #338fed; border: 1px solid #338fed;}
.login-header .btn-crowdpic:hover{ background-color: #3084D9; border-color: #3084D9;}
.btn-facebook{
  color: white;
  background-color: #4267b2;
  border-color: #4267b2;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-naver{
  color: white;
  background-color: #1EC800;
  border-color: #1EC800;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-facebook:focus, .btn-facebook:hover{
  color: white;
  background-color: #365899;
  border-color: #365899;
}
.btn-naver:focus, .btn-naver:hover{
  color: white;
  background-color: #1EBE00;
  border-color: #1EBE00;
}
.login-container, .find-password-container{
  display: none;
}
/*.form-signin {
  max-width: 400px;
  display:block;
  background-color: #f7f7f7;
  -moz-box-shadow: 0 0 3px 3px #888;
    -webkit-box-shadow: 0 0 3px 3px #888;
  box-shadow: 0 0 3px 3px #888;
  border-radius:2px;
  margin: 0 auto;
}*/
.form-signin {
  max-width: 500px;
  display:block;
  background-color: rgba(0,0,0,0.5);
  border: 2px solid rgba(255,255,255,0.6);
  margin: 0 auto;
  padding: 15px 0;
}
.form-signin .login-btn, .form-signin .register-btn, .form-signin .find-password-btn, .form-signin .update-password-btn, .form-signin .go-login-btn{
  width: 100%;
  background-color: rgba(0,0,0,0.3);
  border-radius: 5px;
  padding: 10px 0;
  margin-top: 10px;
  font-size: 17px;
  color: white;
}
.form-signin .go-login-btn{
  margin-top: 10px;
}
.form-signin .main{
  padding: 20px 30px;
}
.form-signin .division-line{
  padding: 0 38px;
  height: 1px;
}
.form-signin .division-line div{
  border-top: 2px solid rgba(255,255,255,0.6);
  height: 1px;
  width: 100%;
}
.social-box{
  margin: 0 auto;
  padding: 20px 30px;
  padding-bottom: 0;
  /*  border-bottom:1px #ccc solid;*/
}
.social-box a{
  font-weight:bold;
  font-size:16px;
  padding:0px;
}
.social-box a i{
  font-weight:bold;
  font-size:20px;
}
.heading-desc{
  font-size:20px;
  font-weight:bold;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
  font-weight: 300;
  color: #d3d3d3;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: 40px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*.form-signin .form-control:focus {
  z-index: 2;
}*/
.form-signin input[type="text"] {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: white;
}
.form-signin input[type="text"]:focus{
  border-color: white;
  box-shadow: none;
}
.form-signin input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d3d3d3;
}
.form-signin input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #d3d3d3;
}
.form-signin input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #d3d3d3;
}
.form-signin input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #d3d3d3;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: white;
}
.form-signin input[type="password"]:focus{
  border-color: white;
  box-shadow: none;
}
.form-signin input[type="password"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d3d3d3;
}
.form-signin input[type="password"]::-moz-placeholder { /* Firefox 19+ */
  color: #d3d3d3;
}
.form-signin input[type="password"]:-ms-input-placeholder { /* IE 10+ */
  color: #d3d3d3;
}
.form-signin input[type="password"]:-moz-placeholder { /* Firefox 18- */
  color: #d3d3d3;
}
.login-footer, .find-password-footer{
  margin: 0 auto;
  /*  border-top: 1px solid #dadada;*/
  padding:20px 38px;
}
.login-footer .row, .find-password-footer .row{
  margin: 0;
}
.login-footer .row div:first-child, .find-password-footer .row div:first-child{
  width: 100%;
  margin: 0 auto;
}
.login-footer .left-section a, .find-password-footer .left-section a{
  font-weight:300;
  color:white;
  line-height:19px;
}
.login-footer .left-section, .find-password-footer .left-section{
  text-align: left !important;
}
.mg-btm{
  margin-bottom:20px;
}
/*.btn-email-confirm, .btn-email-confirm:hover, .btn-email-confirm:focus, .btn-email-confirm:active{
  color: white;
}*/
.btn-email-confirm{
  color: white;
  width: 150px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
}
.btn-email-confirm:hover{
  background-color: #338fed;
  border-color: #338fed;
  color: white;
}
.email_ok_container .social-box, .email_ok_container .main{
  font-size: 16px;.login-footer .left-section a, .find-password-footer .left-section a
font-weight: 400;
}
.email_ok_container .form-signin{
  max-width: 470px;
}
.register-header .header-content{padding-top: 20px;}
.register-header .bootstrap-select.form-control button{height: 40px !important; background-color: transparent !important; color: white !important;
  outline: none !important; border: 1px solid #ccc !important;}
.register-header .bootstrap-select.form-control button:active, .bootstrap-select.form-control button:focus {
  border-color: white !important;
}
.register-header .open>.dropdown-toggle.btn-default:hover{border-color: white !important;}
.register-header .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
  background-color: #f5f5f5 !important;
}
.register-header .dropdown-menu.open{max-width: 200px !important; min-width: 100% !important; height: 200px !important;}
.register-header .dropdown-menu.open .inner.open{height: 200px !important;}

.register-header .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{color: #ff7171!important;}

.register-header .selectbox-wrap.non-direct .bootstrap-select.form-control{width: 53% !important; background-color: transparent !important;}
.register-header .selectbox-wrap.direct .bootstrap-select.form-control{width: 23% !important; background-color: transparent !important;}
.register-header .selectbox-wrap .filter-option-inner-inner{font-size: 16px;}

.register-header .join-path-wrap.non-direct .bootstrap-select.form-control{width: 100% !important; background-color: transparent !important;}
.register-header .join-path-wrap.direct .bootstrap-select.form-control{width: 30% !important; background-color: transparent !important; padding-right: 10px;}
.register-header .join-path-wrap .filter-option-inner-inner{font-size: 16px;}
.register-header .join-path-radio-wrap label{font-weight: 400 !important;}

/*
009 old/new_uploads(업로드 step2)
==============================================================================================*/
#old-upload-page-wrap{background-color: #f3f0f0;}
#old-upload-page-wrap .upload-container{float: right; width: 100%; background: #f3f0f0; padding-top: 60px; display: table; min-height: 100%;}
#old-upload-page-wrap .upload-container .upload-wrap{max-width: 1300px; margin: 0 auto; display: table; padding-bottom: 60px; color: #444141;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap{width: 900px; background-color: white; display: flex; border: 1px solid #e7e7e7; padding: 20px; margin: 15px 0;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap{position: relative; overflow: hidden; width: 100%;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput{min-height: 175px;border-radius: 3px;background: white; width: 100%; z-index: 1; border-color: #e7e7e7;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput input{width: 200px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput .tag{border: 1px solid #e7e7e7; border-radius: 5px; color: #afafaf; padding: 0 5px; margin: 1px; background-color: white; font-size: 14px; font-weight: 400; line-height: 1.9;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput .tag.highlight{border-color:#ff7171; color:#ff7171;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention{position: relative; width: 100%; background: none; z-index: 2; color: #afafaf;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention span{color: #827b7b;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention a span{display: inline-block; border: 2px solid #e7e7e7; border-radius: 5px; color: #827b7b; font-size: 12px; padding: 4px 8px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention a span:hover,
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention a span:focus{border-color: #338fed; background-color: white; color: #338fed;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-image{width: 235px; height: 100%; float: left; padding-right: 10px; overflow: hidden;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-image img{width: 100%;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-ment-wrap{width: 570px; height: 100%; float: left; padding-left: 10px; padding-right: 25px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tag-editor{min-height: 151px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap p{font-size: 14px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap p a,#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .comment-wrap a{color: #827b7b; background-color: #ebebeb;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap p a span,#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .comment-wrap a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap p a span:hover,
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap p a span:focus,
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .comment-wrap a span:hover,
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .comment-wrap a span:focus
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .tag-wrap .tags{max-width: 603px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .upload-wrap-btn #upload-ok-btn{margin-right: 10px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox .checkbox-title{padding-right: 10px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox a{color: #827b7b !important;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px; position: absolute; top: 2px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox{margin-top: 0;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox{font-size: 16px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap{position: relative; overflow: hidden; display: block; padding-bottom: 10px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap textarea{max-width: 543px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap p{font-size: 14px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap .comment{border: 1px solid #e7e7e7;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap .comment:focus{border-color: red;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-wrap img{max-width: 500px; height: auto;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-wrap{overflow: hidden;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap{width: 50px; height: 100%; float: left;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .challenge-guide a{color: #827b7b;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .challenge-guide a span:hover, .select-challenge-wrap .challenge-guide a span:focus{border-color: #ff7171; background-color: white; color: #ff7171; font-weight: 500;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .challenge-guide a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge-title{padding-bottom: 5px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge-title span{font-size: 16px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge ul{margin: 0; padding-left: 0; list-style: none; width: 150px;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge .dropdown{border: 1px solid #e7e7e7;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge .dropdown .choice-challenge span{color: #338fed; font-weight: bold;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge ul>li>a{color: #827b7b; line-height: 20px; position: relative; padding-top: 15px; padding-bottom: 15px; display: block; text-align: center;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .dropdown-menu>li{border-bottom: 1px solid #e7e7e7;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .dropdown-menu>li>a{padding: 8px 20px; color: #827b7b;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .select-challenge .dropdown .dropdown-menu{width: 150px; border-radius: 0; box-shadow: none; left: -1px; background-clip: unset; padding: 0; margin-top: 0;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .trash-wrap{height: 50px; text-align: center; padding: 0;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .trash-wrap div{background-color: #e7e7e7; width: 100%; height: 100%; box-shadow: none; cursor: pointer;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .trash-wrap div:hover{background-color: #CFCFCF;}
#old-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .select-challenge-wrap .trash-wrap i{color:white; font-size:20px; outline:none; padding-top: 15px;}
#old-upload-page-wrap .upload-container .upload-wrap #final-btn-wrap{text-align: right;}
#old-upload-page-wrap .upload-container .upload-wrap #final-btn-wrap button{width: 173px; font-size: 16px;}

@media screen and (min-width: 1711px) {
  #new-upload-page-wrap #upload-preview-container{max-width: 1042px;}
  #new-upload-page-wrap .upload-container .upload-wrap{max-width: 1700px;}
}
@media screen and (max-width: 1710px) {
  #new-upload-page-wrap #upload-preview-container{max-width: 837px;}
  #new-upload-page-wrap .upload-container .upload-wrap{max-width: 1490px;}
}
@media screen and (max-width: 1510px) {
  #new-upload-page-wrap #upload-preview-container{max-width: 632px;}
  #new-upload-page-wrap .upload-container .upload-wrap{max-width: 1285px;}
}
@media screen and (max-width: 1300px) {
  #new-upload-page-wrap #upload-preview-container{max-width: 485px; text-align: center;}
  #new-upload-page-wrap .upload-container .upload-wrap{max-width: 1135px;}
}
#new-upload-page-wrap{background-color: #f3f0f0;}
#new-upload-page-wrap .upload-container{float: right; width: 100%; background: #f3f0f0; padding-top: 60px; display: table; min-height: 100%;}
#new-upload-page-wrap .upload-container .upload-wrap{width: 100%; min-width: 1150px; margin: 0 auto; display: table; padding-bottom: 10px; color: #1a1a1a;}
#new-upload-page-wrap #upload-preview-container{width: 100%; min-height: 701px; background-color: white; float: left; border: 1px solid #d5d5d5; margin-right: 5px; padding: 0px 10px;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap{position: relative; width: 100%; padding: 20px 10px;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap #multi-choice{border: 1px solid #d5d5d5; width: 110px; float: left; text-align: center; padding: 8px 0; font-size: 15px; cursor: pointer;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap #all-choice{color: gray; border: 1px solid #d5d5d5; width: 110px; border-left: none; float: left; text-align: center; padding: 8px 0; font-size: 15px; cursor: pointer;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap .all-choice.active{color: #827b7b !important;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap .all-choice.active{color: #827b7b !important;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap #choice-cancel{color: #827b7b; border: 1px solid #d5d5d5; width: 110px; border-left: none; float: left; text-align: center; padding: 8px 0; font-size: 15px; cursor: pointer;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap .choice-cancel.active{color: #827b7b !important;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap #choice-delete{border: 1px solid #d5d5d5; width: 110px; border-left: none; float: left; text-align: center; padding: 8px 0; font-size: 15px; cursor: pointer;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap #choice-delete i{padding-right: 5px;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap .btn-choice:hover{background-color: #f5f5f5;}
#new-upload-page-wrap #upload-preview-container #preview-menus-wrap .multi-choice.active{font-weight: 500; color: white; background-color: #338fed; }
#new-upload-page-wrap #upload-preview-container #preview-images-container .preview-image{display: inline-block; width: 180px; height: 120px; margin: 15px 10px; overflow: hidden; background-color: #e5e5e5; text-align: center; border: 2px solid white;}
#new-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap{position: relative; width: 100%; height: 100%; cursor: pointer;}
#new-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .image-checkbox{position: absolute; top: 3px; left: 25px; margin-top: 0px; display: none;}
#new-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .image-checkbox.active{display: block !important;}
#new-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .image-checkbox.noactive{display: none !important;}
#new-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap img{height: 120px;}
#new-upload-page-wrap #upload-tag-container{width: 640px; min-height: 701px; background-color: white; float: right; border: 1px solid #d5d5d5; margin-left: 5px; padding: 15px;}
#new-upload-page-wrap #upload-tag-container #default-ut ul li{padding: 15px 0px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap{width: 390px; height: 669px; float: left; border-right: 1px solid #e7e7e7; padding-right: 15px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap p{font-size: 14px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap a{display: inline-block; padding-left: 10px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap a,#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .comment-wrap a{color: #827b7b;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap a span,#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .comment-wrap a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px; font-weight: 400;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap a span{display: table-cell; vertical-align: middle; padding: 2px 5px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap a span:hover,
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap a span:focus,
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .comment-wrap a span:hover,
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .comment-wrap a span:focus{border-color: #ff7171; background-color: white; color: #ff7171; font-weight: 500;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .tags{max-width: 603px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .upload-wrap-btn #upload-ok-btn{margin-right: 10px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox .checkbox-title{padding-right: 10px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox a{color: #827b7b !important;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px; position: absolute; top: 2px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox{margin-top: 0;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox a span:hover,
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .checkbox a span:focus{border-color: #ff7171; background-color: white; color: #ff7171 !important; font-weight: 500;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox{font-size: 14px; padding-bottom: 15px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap{position: relative; overflow: hidden; display: none; padding-bottom: 10px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap textarea{max-width: 543px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap p{font-size: 14px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap .comment{border: 1px solid #e7e7e7;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .agree-checkbox .comment-wrap .comment:focus{border-color: red;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput{min-height: 175px;border-radius: 3px;background: white; width: 100%; z-index: 1; border-color: #e7e7e7;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput input{width: 200px;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput .tag{border: 1px solid #e7e7e7; border-radius: 5px; color: #afafaf; padding: 0 5px; margin: 1px; background-color: white; font-size: 14px; font-weight: 400; line-height: 1.9;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .bootstrap-tagsinput .tag.highlight{border-color:#ff7171; color:#ff7171;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention{position: relative; z-index: 2; color: #afafaf;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap .tag_attention span{color: #333333;}
#new-upload-page-wrap #upload-tag-container .upload-tag-wrap .upload-form-wrap .tag-wrap{border-top: 1px solid #d5d5d5;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container{width: 218px; height: 100%; float: right;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form {position: relative;z-index: 100;cursor: default;width: 100%;min-height: 180px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form .cb { clear: both; }
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form .button {display: inline-block;height: 30px;margin: 15px 0;font-family: sans-serif;font-size: 14px;color: #777;text-decoration: none;text-transform: uppercase;text-align: center;line-height: 30px;background: #ffffff;background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);background: linear-gradient(top, #ffffff 0%, #f6f6f6 100%);}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form .button:hover {background: #f3f0f0;background: -webkit-linear-gradient(top, #f3f0f0 0%, #eaeaea 100%);background: -moz-linear-gradient(top, #f3f0f0 0%, #eaeaea 100%);background: -o-linear-gradient(top, #f3f0f0 0%, #eaeaea 100%);background: -ms-linear-gradient(top, #f3f0f0 0%, #eaeaea 100%);background: linear-gradient(top, #f3f0f0 0%, #eaeaea 100%);}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form #pickfiles {width: 100%; border-radius: 5px; border: 2px solid #e7e7e7; display: inline-block; margin-bottom: 10px; margin-top: 5px; color: #827b7b; text-align: center; padding: 4px 0;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form #pickfiles:hover,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form #pickfiles:active{border-color: #ebebeb; background-color: #ebebeb;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form #uploadfiles {width: 100px; float: right; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form .addedFile {position: relative; display: block; overflow: hidden; word-break: break-all; margin-bottom: 5px; padding: 0 25px 0 5px; height: 30px;
  font-family: sans-serif; font-size: 12px; line-height: 30px; color: #646464; background: #f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files .upload-form a.removeFile {position: absolute; display: block; width: 10px; height: 10px; top: 10px; right: 10px; background: url(/img/remove-file.png);}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .agreement-files #filelist{background-color: white; height: 100px; overflow-y: scroll; border: 1px solid #d5d5d5;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap{width: 100%; float: left; padding-left: 15px;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .upload-info-titles a,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .upload-info-titles a{color: #827b7b;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .upload-info-titles a span:hover,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .upload-info-titles a span:focus,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .upload-info-titles a span:hover,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .upload-info-titles a span:focus{border-color: #ff7171; background-color: white; color: #ff7171; font-weight: 500;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .upload-info-titles a span,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .upload-info-titles a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .upload-info-titles,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .upload-info-titles{padding-bottom: 5px;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .upload-info-titles span,
#new-upload-page-wrap #upload-tag-container #agreement-files-container .agreement-files-wrap .upload-info-titles span{font-size: 15px;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .select-challenge ul{margin: 0; padding-left: 0; list-style: none;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .select-challenge .dropdown{border: 1px solid #e7e7e7;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .select-challenge .dropdown .choice-challenge span{color: #338fed; font-weight: bold;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .select-challenge ul>li>a{color: #827b7b; line-height: 20px; position: relative; padding-top: 15px; padding-bottom: 15px; display: block; text-align: center;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .dropdown-menu>li{border-bottom: 1px solid #e7e7e7;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .dropdown-menu>li>a{padding: 8px 20px; color: #827b7b;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .select-challenge .dropdown .dropdown-menu{width: 203px; border-radius: 0; box-shadow: none; left: -1px; background-clip: unset; padding: 0; margin-top: 0;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .trash-wrap{height: 330px; text-align: center; padding: 0;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .trash-wrap div{background-color: #e7e7e7; width: 100%; height: 100%; box-shadow: none; cursor: pointer;}
#new-upload-page-wrap #upload-tag-container #agreement-files-container .select-challenge-wrap .trash-wrap i{color:white; font-size:20px; outline:none; padding-top: 145px;}
#new-upload-page-wrap .tag-editor .highlight .tag-editor-tag, #new-upload-page-wrap .tag-editor .highlight .tag-editor-delete,
#old-upload-page-wrap .tag-editor .highlight .tag-editor-tag, #old-upload-page-wrap .tag-editor .highlight .tag-editor-delete{color: #c65353; background: #ffc082;}

#new-upload-page-wrap .tag-editor .highlight .tag-editor-delete i:before,
#old-upload-page-wrap .tag-editor .highlight .tag-editor-delete i:before{color: #c65353;}
#integrated-upload-page-wrap .tag-editor .highlight .tag-editor-delete i:before{color: #338fed;}
#integrated-upload-page-wrap .tag-editor .highlight .tag-editor-tag, #integrated-upload-page-wrap .tag-editor .highlight .tag-editor-delete{color: #338fed; background: white;}

#integrated-upload-page-wrap .upload-nav-wrap .scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative;}
#integrated-upload-page-wrap .upload-nav-wrap .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
#integrated-upload-page-wrap .upload-nav-wrap .scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0; width: 0;}
#integrated-upload-page-wrap .upload-nav-wrap .scroll-element {display: none;}
#integrated-upload-page-wrap .upload-nav-wrap .scroll-element, .upload-nav-wrap .scroll-element div {box-sizing: content-box;}
#integrated-upload-page-wrap .upload-nav-wrap .scroll-element.scroll-x.scroll-scrollx_visible,
#integrated-upload-page-wrap .upload-nav-wrap .scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
#integrated-upload-page-wrap .upload-nav-wrap .scroll-element .scroll-bar,
#integrated-upload-page-wrap .upload-nav-wrap .scroll-element .scroll-arrow {cursor: default;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element,
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element div {border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-y {height: 100%;right: 2px;top: 0;width: 8px;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-element_outer,
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-element_track,
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-bar {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-element_track,
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);opacity: 0.4;}
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
#integrated-upload-page-wrap .upload-nav-wrap .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
#integrated-upload-page-wrap .upload-nav-wrap .image-checkbox{position: absolute; top: 3px; right: 3px; margin-top: 0px; z-index: 1; display: none;}
#integrated-upload-page-wrap .upload-nav-wrap .image-checkbox.active{display: block !important;}
#integrated-upload-page-wrap .upload-nav-wrap .image-checkbox.noactive{display: none !important;}
#integrated-upload-page-wrap .upload-nav-wrap .checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px; }
#integrated-upload-page-wrap .upload-nav-wrap .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #338fed;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
#integrated-upload-page-wrap .upload-nav-wrap .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: -1px;
  top: -3px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 17px;
  color: #338fed; }
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"],
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"]:focus + label::before,
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"]:checked + label::after,
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"]:indeterminate + label::after,
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"]:disabled,
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"]:disabled + label,
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"]:disabled + label {
  opacity: 0.65; }
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="checkbox"]:disabled + label::before,
#integrated-upload-page-wrap .upload-nav-wrap .checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }
#integrated-upload-page-wrap .upload-container .upload-nav-wrap{position: fixed; top: 0; left: 0; width: 355px; height: 100%; background-color: white; padding-top: 60px; padding-bottom: 70px; border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav{position: relative; height: 100%; overflow-y: auto;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-menu-wrap{position: relative; width: 100%; padding: 10px 20px; padding-top: 20px;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-menu-wrap .multi-btns{border: 1px solid #d5d5d5; width: 78px; float: left; text-align: center; padding: 8px 0; font-size: 15px; cursor: pointer;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-menu-wrap .multi-btns:hover{background-color: #338fed; color: #ffffff;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-menu-wrap .multi-choice.active{background-color: #338fed; color: #ffffff;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap{padding: 0 10px; overflow: hidden;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb{position: relative; width: 150px; height: 104px; overflow: hidden; margin: 8px; float:left; border: 2px solid #FFFFFF; cursor: pointer; background-color: #f3f0f0;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb .nav-number{position: absolute; top: 0; left: 0; width: 25px; height: 25px; line-height: 25px; text-align: center; color: white; z-index: 10; background-color: #827b7b;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb .thumb-image{height: 104px; text-align: center; position: absolute; bottom: -108%; top: -108%; left: -108%; right: -108%; margin: auto;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb .usage-text{position: absolute; bottom: 3px; right: 3px; width: 45px; height: 25px; border: 2px solid #338fed;  text-align: center;  z-index: 10; font-weight: 500; display: none;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb .usage-text.both_rights{background-color: #338fed; color: white;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb .usage-text.editorial{background-color: white; color: #338fed;}
#integrated-upload-page-wrap .upload-container .upload-nav-wrap .upload-nav .nav-thumb-wrap .nav-thumb .select-div{width: 100%; height: 100%; background-color: rgba(0,0,0,0); position: absolute; top: 0; left: 0; z-index: 1000;}
#integrated-upload-page-wrap{background-color: #f3f0f0; height: 100%;}
#integrated-upload-page-wrap .upload-container{width: calc(100% - 355px) !important; float: right; width: 100%; background: #f3f0f0; display: table; min-height: 100%;}
#integrated-upload-page-wrap .upload-container .upload-wrap{max-width: 1366px; margin: 0 auto; display: table; padding-bottom: 60px; color: #444141;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-container{position: relative; margin: 15px 0;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-container .upload-tag-wrap-numbering{position: relative; width: 42px; padding: 1px; -webkit-border-radius: 0 13px 0 0;-moz-border-radius: 0 13px 0 0;border-radius: 0 13px 0 0; color: white; text-align: center; background-color: #827b7b;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap{position: relative; width: 1000px; background-color: white; display: flex; padding: 20px; outline: none; border: 2px solid #d5d5d5;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-image{width: 217px; height: 100%; float: left; padding-right: 10px; overflow: hidden;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-image img{width: 100%;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-ment-wrap{width: 415px; height: 100%; float: left; padding-left: 10px; padding-right: 20px; border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap .upload-container .upload-wrap #default-ut{position: relative; z-index: 1000; padding: 30px; text-align: center; margin-top: 70px; background-color: white; display: none;}
#integrated-upload-page-wrap .upload-container .upload-wrap #default-ut #explain-wrap{text-align: center; vertical-align: middle; width: 610px; margin: 0 auto;}
#integrated-upload-page-wrap .upload-container .upload-wrap #default-ut #explain-wrap li{padding: 3px 0;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .usage-btn{width: 188px; text-align: center; border: 1px solid #d5d5d5; color: #827b7b; font-size: 15px; padding: 5px 0; cursor: pointer;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .usage-btn:hover{background-color: #f3f0f0;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .commercial-btn{float: left;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .editorial-btn{float: right;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .usage-btn.active{background-color: #827b7b; border-color: #827b7b; color: white;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .usage-choice-btn-wrap{overflow: hidden; padding-bottom: 23px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .comment-wrap{overflow: hidden; padding-bottom: 23px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .comment-wrap .comment{width: 100%; height: 155px; resize: none; border: 1px solid #d5d5d5 !important; outline: none; box-shadow: none;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .comment-wrap .image-copyright-info{width: 100%; height: 80px; resize: none; border: 1px solid #d5d5d5 !important; outline: none; box-shadow: none;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap{overflow: hidden;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .left-content{overflow: hidden; width: 178px; float: left; margin-right: 4px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .left-content .choice-file{border: 1px solid #d5d5d5; cursor:pointer; margin-bottom: 3px; font-size: 15px; color: #827b7b; text-align: center; padding: 5px 0;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .left-content .choice-file:hover{background-color: #f3f0f0;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .left-content .download-agreement{border: 1px solid #d5d5d5; margin-top: 4px; font-size: 15px; color: #827b7b; text-align: center; padding: 5px 0; cursor: pointer;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .left-content .download-agreement a{color: #827b7b; padding: 4px 10px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .left-content .download-agreement:hover{background-color: #f3f0f0;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .file-list{width: 200px; background-color: white; height: 70px; overflow-y: scroll; border: 1px solid #d5d5d5; float: left;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .upload-form-wrap .usage-choice-wrap .agreement-files-wrap .file-list .attachment-files{display: none;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap{position: relative; width: 100%; padding-bottom: 21px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .bootstrap-tagsinput{min-height: 175px;background: white; width: 100%; z-index: 1; border-color: #e7e7e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .bootstrap-tagsinput input{width: 200px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .bootstrap-tagsinput .tag{border: 1px solid #e7e7e7; color: #afafaf; padding: 0 5px; margin: 1px; background-color: white; font-size: 14px; font-weight: 400; line-height: 1.9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .bootstrap-tagsinput .tag.highlight{border-color:#ff7171; color:#ff7171;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tag_attention{position: relative; width: 100%; background: none; z-index: 2; color: #afafaf;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tag_attention span{color: #827b7b;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tag_attention a span{display: inline-block; border: 2px solid #e7e7e7; border-radius: 5px; color: #827b7b; font-size: 12px; padding: 4px 8px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tag_attention a span:hover,
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tag_attention a span:focus{border-color: #338fed; background-color: white; color: #338fed;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tag-editor{min-height: 137px; border: 1px solid #d5d5d5; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap p a, .comment-wrap a{color: #827b7b; background-color: #ebebeb;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap p a span, .comment-wrap a span{border: 1px solid #f3f0f0; background-color: #f3f0f0; border-radius: 20px; padding: 0px 5px; font-size: 12px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap p a span:hover,
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap p a span:focus,
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .tag-wrap .tags{max-width: 603px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-wrap img{max-width: 500px; height: auto;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .preview-wrap{overflow: hidden;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .section3-wrap{width: 322px; height: 100%; float: left; padding-left: 20px;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .section3-wrap .tag-recommend-wrap .tag-recommend{position: relative; width: 100%; height: 123px; border: 1px solid #d5d5d5; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 5px 10px; overflow-y: auto;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-wrap .section3-wrap .tag-recommend-wrap .tag-recommend .recommend-keyword{display: inline-block; margin: 4px 2px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 1px 5px; color: #827b7b; cursor: pointer;}
#integrated-upload-page-wrap #final-btn-wrap{text-align: center; position: absolute; bottom: 0; width: 100%; padding: 10px 0; background-color: #444141;}
#integrated-upload-page-wrap #final-btn-wrap button{width: 140px; font-size: 16px; background-color: #338fed; border: 2px solid; border-color: #338fed; border-radius: 5px; color: white; font-weight: 500; padding: 4px 0;}
#integrated-upload-page-wrap #final-btn-wrap button:hover{border-color: #2182e4; background-color: #2182e4;}
#integrated-upload-page-wrap #final-btn-wrap #btn_final_upload{margin-right: 10px;}
#integrated-upload-page-wrap #final-btn-wrap #btn_final_cancel{margin-left: 10px;}
#integrated-upload-page-wrap .p-title{font-size: 16px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #integrated-upload-page-wrap .p-title{font-size: 15px;}
}
#integrated-upload-page-wrap .p-title span{float: right;}
#integrated-upload-page-wrap .p-title .fa_question{border: 1px solid #d5d5d5; border-radius: 20px; padding: 0px 6px; color: #827b7b; cursor: pointer; font-size: 12px; margin-top: 2px;}
#integrated-upload-page-wrap .btn-ellipsis{position: absolute; top: 1px; right: 25px;}
#integrated-upload-page-wrap .btn-ellipsis .fa_ellipsis{border:1px solid #d5d5d5; border-radius: 5px; padding: 0px 2px; color: #827b7b; cursor: pointer; letter-spacing: -4px; padding-right: 6px}
#integrated-upload-page-wrap .btn-ellipsis .fa_ellipsis:hover{border: 1px solid #827b7b;}
#integrated-upload-page-wrap .p-title .fa_question:hover{border: 1px solid #827b7b;}
#integrated-upload-page-wrap .tag-wrap .ellipsis{width: 120px; color: rgb(130, 123, 123); text-align: center; border-radius: 0px; box-shadow: none; background-clip: unset; padding: 0px; margin: 0px; position: absolute; top: 18px; right: -104px; z-index: 1000; background-color: white; border: 1px solid rgb(213, 213, 213); list-style: none; display: none;}
#integrated-upload-page-wrap .tag-wrap .ellipsis li{border-bottom: 1px solid #e7e7e7; padding: 4px 0; cursor: pointer; color: #d5d5d5;}
#integrated-upload-page-wrap .tag-wrap .ellipsis li.active{color: #827b7b;}
#integrated-upload-page-wrap .tag-wrap .ellipsis li.active:hover{background-color: #f3f0f0;}
#integrated-upload-page-wrap #multi-container{display: none; position: fixed; width: calc(100% - 355px); min-width: 1011px; z-index: 9; border-bottom: 1px solid #d5d5d5; background-color: white; padding: 10px; overflow-x: scroll;}
#integrated-upload-page-wrap #multi-container.active{display: block;}
#integrated-upload-page-wrap #multi-container .tag-editor{height: 90px; border: none !important;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap{position: relative; width: 1045px; background-color: white; display: flex; margin: 0 auto; outline: none;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table{border: 1px solid #d5d5d5;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table > thead > tr{border: 1px solid #d5d5d5; background-color: #f3f0f0;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table > thead > tr > td{text-align: center; padding: 5px 0;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table thead tr td:nth-child(1){width: 255px; border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table thead tr td:nth-child(2){width: 143px; border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table thead tr td:nth-child(3){width: 325px; border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table thead tr td:nth-child(4){width: 213px; border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table thead tr td:nth-child(5){width: 270px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table thead .fa_question{border: 1px solid #d5d5d5; border-radius: 20px; padding: 0px 6px; color: #827b7b; background: white; margin-left: 4px; cursor: pointer; font-size: 12px; margin-top: 3px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .btn-multi-usage{width: 100%; text-align: center; border: 1px solid #d5d5d5; color: #827b7b; font-size: 14px; padding: 7px 0; cursor: pointer;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .btn-multi-usage:hover{background-color: #f3f0f0;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .btn-multi-usage.active{background-color: #827b7b; border-color: #827b7b; color: white;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #btn-multi-commercial{margin-bottom: 6px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table tbody tr td:nth-child(1){border-right: 1px solid #d5d5d5; padding: 5px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table tbody tr td:nth-child(2){border-right: 1px solid #d5d5d5; padding: 5px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table tbody tr td:nth-child(3){border-right: 1px solid #d5d5d5; padding: 5px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap table tbody tr td:nth-child(4){border-right: 1px solid #d5d5d5;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .comment,
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .image-copyright-info{width: 100%; height: 75px; outline: none; border: none; resize: none;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap{overflow: hidden;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap .left-content{overflow: hidden; width: 72px; float: left;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap .left-content .choice-file{font-size: 15px; color: #827b7b; text-align: center; padding: 7px 0; cursor: not-allowed;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap .left-content .download-agreement{border-top: 1px solid #d5d5d5; font-size: 15px; color: #827b7b; text-align: center; padding: 5px 0; cursor: not-allowed;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap .left-content .download-agreement:hover{}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap .left-content .download-agreement a{color: #827b7b;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .agreement-files-wrap .file-list{width: 140px; background-color: white; height: 90px; overflow-y: scroll; border-left: 1px solid #d5d5d5; border-right: none; float: left;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap .tag_attention{position: relative; width: 270px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #multi-apply{position: relative; float: right; width: 42px; margin-left: 5px;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #multi-apply .btn-multi-apply{width: 100%; height: 100%; border: 2px solid #d5d5d5; color: #d5d5d5; font-weight: 500; padding: 8px 0; border-radius: 5px; background-color: white; outline: none; box-shadow: none;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #multi-apply .btn-multi-apply.active{border: 2px solid #338fed; color: #338fed;}
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #multi-apply .btn-multi-apply.active:active,
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #multi-apply .btn-multi-apply.active:hover,
#integrated-upload-page-wrap #multi-container .multi-edit-wrap #multi-apply .btn-multi-apply.active:focus{
  border: 2px solid #338fed;
  color: white;
  background-color: #338fed;
}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-container.active .upload-tag-wrap{border: 2px solid #338fed !important;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-container.active .upload-tag-wrap-numbering{background-color: #338fed !important;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-container.active.red .upload-tag-wrap{border: 2px solid #ff7171 !important;}
#integrated-upload-page-wrap .upload-container .upload-wrap .upload-tag-container.active.red .upload-tag-wrap-numbering{background-color: #ff7171 !important;}
#integrated-upload-page-wrap .upload-nav-wrap .nav-thumb-wrap .nav-thumb.active{border: 2px solid #338fed !important;}
#integrated-upload-page-wrap .upload-nav-wrap .nav-thumb-wrap .nav-thumb.active .nav-number{background-color: #338fed !important;}
#integrated-upload-page-wrap .upload-nav-wrap .nav-thumb-wrap .nav-thumb.active.red{border: 2px solid #ff7171 !important;}
#integrated-upload-page-wrap .upload-nav-wrap .nav-thumb-wrap .nav-thumb.active.red .nav-number{background-color: #ff7171 !important;}
#integrated-upload-page-wrap div {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#integrated-upload-page-wrap .tag-editor-tag, #integrated-upload-page-wrap .tag-editor-delete{background-color: white; color: #827b7b;}
#integrated-upload-page-wrap .tag-editor-tag-wrap{border: 1px solid; border-color: #d5d5d5; border-radius: 5px;}
#integrated-upload-page-wrap .highlight .tag-editor-tag-wrap{border-color: #338fed;}
#integrated-upload-page-wrap .tag-editor .tag-editor-delete i:before{color: #827b7b;}
#integrated-upload-page-wrap .tag-editor .highlight .tag-editor-delete i:before{color: #338fed;}
#integrated-upload-page-wrap .MultiFile-label{text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; background-color: #d5d5d5; margin: 2px 0; padding-left: 5px;}
#integrated-upload-page-wrap .MultiFile-label a{color: #827b7b;}
#integrated-upload-page-wrap #warning-ment{position: relative; background-color: #ff7171; color: white; font-size: 14px; padding: 5px; margin-top: 25px; margin-bottom: 15px; text-align: center;}
#integrated-upload-page-wrap #word-dictionary-wrap button{border: 1px solid #d5d5d5; border-radius: 5px; background-color: white; outline: none; color: #444141;}
#integrated-upload-page-wrap .video-guide-btns{width: 120px; color: rgb(130, 123, 123); text-align: center; border-radius: 5px; box-shadow: none; background-clip: unset; padding: 0px; margin: 0px; position: absolute; top: 40px; right: 0px; z-index: 1000; background-color: white; border: 1px solid rgb(213, 213, 213); list-style: none; display: none;}
#integrated-upload-page-wrap .video-guide-btns li{border-bottom: 1px solid #e7e7e7; padding: 4px 0; cursor: pointer; color: #827b7b;}
#integrated-upload-page-wrap .video-guide-btns li:hover{background-color: #f3f0f0;}
#integrated-upload-page-wrap .video-guide-btns li a{color: #827b7b;}

@media screen and (min-width: 1711px) {
  #contest-upload-page-wrap #upload-preview-container{max-width: 100%;}
  #contest-upload-page-wrap .upload-container .upload-wrap{max-width: 1636px;}
}
@media screen and (max-width: 1710px) {
  #contest-upload-page-wrap #upload-preview-container{max-width: 100%;}
  #contest-upload-page-wrap .upload-container .upload-wrap{max-width: 1314px;}
}
@media screen and (max-width: 1510px) {
  #contest-upload-page-wrap #upload-preview-container{max-width: 100%;}
  #contest-upload-page-wrap .upload-container .upload-wrap{max-width: 990px;}
}
@media screen and (max-width: 1300px) {
  #contest-upload-page-wrap #upload-preview-container{max-width: 100%; text-align: center;}
  #contest-upload-page-wrap .upload-container .upload-wrap{max-width: 1135px;}
}
#contest-upload-page-wrap{background-color: #f3f0f0;}
#contest-upload-page-wrap .upload-container{float: right; width: 100%; background: #f3f0f0; padding-top: 30px; display: table; min-height: 100%;}
#contest-upload-page-wrap .upload-container .upload-wrap{width: 100%; margin: 0 auto; display: table; padding-bottom: 10px; color: #1a1a1a;}
#contest-upload-page-wrap #upload-preview-container{width: 100%; background-color: white; float: left; border: 1px solid #d5d5d5; margin-right: 5px; padding: 0px 10px;}
#contest-upload-page-wrap #upload-preview-container #preview-images-container .preview-image{position: relative; display: inline-block; height: 240px; margin: 15px 10px; overflow: hidden; background-color: #e5e5e5; text-align: center; border: 2px solid white;}
#contest-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap{position: relative; width: 100%; height: 100%;}
#contest-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .image-checkbox{position: absolute; top: 3px; left: 25px; margin-top: 0px; display: none;}
#contest-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .image-checkbox.active{display: block !important;}
#contest-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .image-checkbox.noactive{display: none !important;}
#contest-upload-page-wrap #upload-preview-container #preview-images-container .preview-image .preview-image-wrap .preview-thumb{height: 100%;}



#both-rights-confirm .modal-dialog{width: 565px; margin: 0 auto;}
#both-rights-confirm{top: 5%;}
#both-rights-confirm .modal-content .modal-body{padding: 30px;}
#both-rights-confirm .modal-content .modal-body,
#both-rights-confirm .modal-content .modal-body .ment{text-align: left;}
#both-rights-confirm .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#both-rights-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#both-rights-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#both-rights-confirm .ment a{color: #ff7171;}
#both-rights-confirm .ment a:hover,
#both-rights-confirm .ment a:focus{color: #FF5E00;}

#editorial-confirm .modal-dialog{width: 565px; margin: 0 auto;}
#editorial-confirm{top: 5%;}
#editorial-confirm .modal-content .modal-body{padding: 30px;}
#editorial-confirm .modal-content .modal-body,
#editorial-confirm .modal-content .modal-body .ment{text-align: left;}
#editorial-confirm .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#editorial-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#editorial-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#editorial-confirm .ment a{color: #ff7171;}
#editorial-confirm .ment a:hover,
#editorial-confirm .ment a:focus{color: #FF5E00;}

#warning-ment-confirm .modal-dialog{width: 640px; margin: 0 auto;}
#warning-ment-confirm{top: 5%; padding-bottom: 20px;}
#warning-ment-confirm .modal-content .modal-body{padding: 10px 0px 40px 0px; height: 800px; overflow-y: scroll;}
#warning-ment-confirm .modal-content .modal-body,
#warning-ment-confirm .modal-content .modal-body .ment{text-align: left;}
#warning-ment-confirm .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#warning-ment-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#warning-ment-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#warning-ment-confirm .ment a{color: #ff7171;}
#warning-ment-confirm .ment a:hover,
#warning-ment-confirm .ment a:focus{color: #FF5E00;}

#upload-finished-popup.modal{z-index: 10000; top: 17%;}
#upload-finished-popup .modal-dialog{width: 460px;}
#upload-finished-popup .modal-body{text-align: center; padding: 35px 15px;}
#upload-finished-popup .ment{color: #444141; font-size: 16px;}
#upload-finished-popup .btns{padding-top: 30px;}
#upload-finished-popup .btns .transparent-btn2{width: 120px; margin: 0 5px;}

#confirm-upload-popup.modal{z-index: 10000; top: 17%;}
#confirm-upload-popup .modal-dialog{width: 590px;}
#confirm-upload-popup .modal-body{text-align: center; padding: 35px 15px;}
#confirm-upload-popup .ment{color: #444141; font-size: 16px;}
#confirm-upload-popup .btns{padding-top: 30px;}
#confirm-upload-popup .btns .transparent-btn2{width: 120px; margin: 0 5px;}

#first-upload-finished-popup.modal{z-index: 10000; top: 17%;}
#first-upload-finished-popup .modal-dialog{width: 460px;}
#first-upload-finished-popup .modal-body{text-align: center; padding: 35px 15px;}
#first-upload-finished-popup .ment{color: #444141; font-size: 16px;}
#first-upload-finished-popup .btns{padding-top: 30px;}
#first-upload-finished-popup .btns .transparent-btn2{width: 120px; margin: 0 5px;}

#multi-apply-popup.modal{z-index: 10000; top: 17%;}
#multi-apply-popup .modal-dialog{width: 540px;}
#multi-apply-popup .modal-body{text-align: center; padding: 35px 15px;}
#multi-apply-popup .ment{color: #444141; font-size: 16px;}
#multi-apply-popup .btns{padding-top: 30px;}
#multi-apply-popup .btns .transparent-btn2{width: 120px; margin: 0 5px;}

#contest-finished-popup.modal{z-index: 10000; top: 17%;}
#contest-finished-popup .modal-dialog{width: 455px;}
#contest-finished-popup .modal-body{text-align: center; padding: 35px 15px;}
#contest-finished-popup .ment{color: #444141; font-size: 16px;}
#contest-finished-popup .btns{padding-top: 30px;}
#contest-finished-popup .btns .transparent-btn2{width: 120px; margin: 0 5px;}

#nia-contest-member-info .modal-dialog{width: 640px; margin: 0 auto;}
#nia-contest-member-info{top: 5%; padding-bottom: 20px;}
#nia-contest-member-info .modal-content .modal-body{padding: 40px; height: 800px; overflow-y: scroll;}
#nia-contest-member-info .modal-content .modal-body,
#nia-contest-member-info .modal-content .modal-body .ment{text-align: left;}
#nia-contest-member-info .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#nia-contest-member-info .modal-content .modal-body p{margin-bottom: 5px;}
#nia-contest-member-info .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#nia-contest-member-info .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#nia-contest-member-info .ment a{color: #ff7171;}
#nia-contest-member-info .ment a:hover,
#nia-contest-member-info .ment a:focus{color: #FF5E00;}

#nia-contest-notice .modal-dialog{width: 680px; margin: 0 auto;}
#nia-contest-notice{top: 5%; padding-bottom: 20px;}
#nia-contest-notice .modal-content .modal-body{padding: 40px; height: auto; overflow-y: scroll;}
#nia-contest-notice .modal-content .modal-body,
#nia-contest-notice .modal-content .modal-body .ment{text-align: left;}
#nia-contest-notice .modal-content .modal-body .ment p{color: black; font-size: 13px;}
#nia-contest-notice .modal-content .modal-body p{margin-bottom: 5px;}
#nia-contest-notice .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#nia-contest-notice .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#nia-contest-notice .ment a{color: #ff7171;}
#nia-contest-notice .ment a:hover,
#nia-contest-notice .ment a:focus{color: #FF5E00;}

.contest-notice .modal-dialog{width: 680px; margin: 0 auto;}
.contest-notice{top: 5%; padding-bottom: 20px;}
.contest-notice .modal-content .modal-body{padding: 40px; height: auto; overflow-y: scroll;}
.contest-notice .modal-content .modal-body,
.contest-notice .modal-content .modal-body .ment{text-align: left;}
.contest-notice .modal-content .modal-body .ment p{color: black; font-size: 13px;}
.contest-notice .modal-content .modal-body p{margin-bottom: 5px;}
.contest-notice .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
.contest-notice .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
.contest-notice .ment a{color: #ff7171;}
.contest-notice .ment a:hover,
.contest-notice .ment a:focus{color: #FF5E00;}

#account-info-collection-guide .modal-dialog{width: 680px; margin: 0 auto;}
#account-info-collection-guide{top: 5%; padding-bottom: 20px;}
#account-info-collection-guide .modal-content .modal-body{padding: 40px; height: auto; overflow-y: auto;}
#account-info-collection-guide .modal-content .modal-body,
#account-info-collection-guide .modal-content .modal-body .ment{text-align: left;}
#account-info-collection-guide .modal-content .modal-body .ment p{color: black; font-size: 13px;}
#account-info-collection-guide .modal-content .modal-body p{margin-bottom: 5px;}
#account-info-collection-guide .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#account-info-collection-guide .modal-content .modal-body .btns .transparent-btn2{margin: 3px;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*
010 메인페이지 섹션
==============================================================================================*/
.section-heading{
  line-height: 1.3;
  margin-top: 0;
  font-weight: 300;
}
#section1, #apply_section1{
  background-color:#f3f0f0;
  color: #827b7b;
}
#section1 .col-lg-4, #apply_section1 .col-lg-4{
  padding: 0 22px;
}
#section1 .glyphicon, #apply_section1 .glyphicon{
  font-size: 90px;
}
#section1 .container, #section4 .container{width: 1170px;}

.section-div{
  padding: 100px 0;
}

#main_gallery{
  padding: 50px 0;
}
.look_round{
  width: 200px;
  text-align: center;
  font-size: 18px;
}
.btn_theme_list{
  width: 120px;
  text-align: center;
  font-size: 15px;
}
.title-line{padding-bottom:30px; margin: 0 5px;}
.title-line p{font-size:25px; font-weight:500; width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7; line-height: 0.1em; margin: 10px 0 20px;}
.title-line span{background: #fff; padding: 0 100px; color: #444141;}

#section4{ padding-top: 30px; padding-bottom: 0px; }
#section4 #price-title{ text-align: center;}
#section4 .main-price-container{padding-top: 40px;}
#section4 #price-tag-table{width:100%;}
#section4 #price-tag-table tr{border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
#section4 #price-tag-table td{text-align: center; font-size: 16px; padding: 40px 0;}
#section4 #price-tag-table .payment_money{color: #707070;}
#section4 #price-tag-table .arrow{color: #338fed;}
#section4 #price-tag-table .charge_money{color: #338fed; font-weight: 500;}
#section4 #price-tag-table .space{width: 30px;}
#section4 .price-tag-explain-wrap{text-align: center; padding-top: 50px;}
#section4 .price-tag-explain-wrap p{font-size: 22px;}
#section4 .price-tag-explain-wrap .go-to-payment{width: 200px; font-size: 18px; margin-top: 50px; margin-bottom: 70px;}
#section4 .go-to-promotion-wrap{background-color: #f3f0f0; padding-top: 60px; padding-bottom: 50px; margin-top: 50px;}
#section4 .go-to-promotion-wrap p{font-size: 30px;}
#section4 .go-to-promotion-wrap .go-to-promotion{width: 200px; font-size: 18px;margin-top: 30px; margin-bottom: 14px;}

#theme{padding-top: 70px; padding-bottom: 30px;}
#theme .left-side-gradient{
  width: 90px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: rgba(0,0,0,.2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* Standard syntax */
}
#theme .right-side-gradient{
  width: 90px;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  background: rgba(0,0,0,.2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* Standard syntax */
}
#theme #content-slider1 li{
  text-align: center; color: #FFF; width: 300px; height: 190px; overflow: hidden;
}
#theme .content-slider-wrap .lSAction .lSPrev{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_back.svg?1234'); left: 45px;}
#theme .content-slider-wrap .lSAction .lSNext{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_forward.svg?1234'); right: 45px;}
#theme .content-slider-wrap .lSAction > a{width: 80px; height: 80px; border-radius: 45px; background-color: black; opacity: 0.4; top: 40%;}
#theme .content-slider-wrap .lSAction > a:hover{opacity: 0.6;}
#theme #theme-section{width: 100%; margin: 0 auto; text-align: center;}
#theme #theme-section #content-slider1 li{text-align: center; color: #FFF; width: 300px; height: 190px; overflow: hidden;}
#theme #theme-section #content-slider1 li .div1{ display: inline-block; position: relative; width: 100%; height: 100%; background-size: cover !important; text-align: center;}
#theme #theme-section #content-slider1 li img:hover{
  -webkit-transform:scale(1.1); /*  크롬 */
  -moz-transform:scale(1.1); /* FireFox */
  -o-transform:scale(1.1); /* Opera */
  transform:scale(1.1);
  transition: transform .35s;
  -o-transition: transform .35s;
  -moz-transition: transform .35s;
  -webkit-transition: transform .35s;
}
#theme #theme-section #content-slider1 li .div2{display: table; width: 100%; height: 100%; position: absolute; z-index: 11;}
#theme #theme-section #content-slider1 li .div3{display: table-cell; vertical-align: middle; padding: 20px; color: white;}
#theme #theme-section #content-slider1 li .div3 span{font-weight: 300;}
#theme #theme-section #content-slider1 li .dark-div{width: 100%; height: 100%; display: block; position: absolute; z-index: 10; left: 0; background: rgba(0,0,0,.4); transition: all .2s ease-in;}
#theme #theme-section #content-slider1 li img{width: 370px;}
#theme-section #theme-title{padding-bottom: 30px; margin: 0 5px;}
#theme-section #theme-title p { width:100%; text-align:center; border-bottom: 1px solid #d5d5d5; line-height:0.1em; margin:10px 0 20px; }
#theme-section #theme-title p{font-size: 25px; font-weight: 500;}
#theme-section #theme-title p span { background:#fff; padding:0 100px; color: #444141;}

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 51%; left: 50%; width: 652px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;overflow-y:auto; max-height: 500px;}
.layer2{}
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px; text-align: left;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.layer a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px; margin-left: 10px;}
.layer a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}
header.apply {
  height: 650px;
  min-height: unset;
}
header.apply .header-content {
  position: absolute;
  top: 53%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 50px;
}
header.apply .header-content .header-content-inner {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
header.apply .header-content .header-content-inner h1 {
  font-size: 44px;
}
header.apply .header-content .header-content-inner p {
  font-size: 18px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#apply_section1 .container{width: 1170px;}
#apply_section2 .each-guide-wrap{width: 300px; height: 330px; background-color: white; display: inline-block; position: relative; border-radius: 10px; border: 1px solid #e7e7e7;}
#apply_section2 .each-guide-wrap .guide-image-wrap{position: relative; border-radius: 10px; width: 280px; height: 170px; margin: 8px; margin-bottom: 0; background-size: cover !important; z-index: 11;}
#apply_section2 .each-guide-wrap .guide-image-wrap .text1-wrap{display: table; width: 100%; height: 100%; position: absolute; z-index: 11;}
#apply_section2 .each-guide-wrap .guide-image-wrap .text2-wrap{display: table-cell; vertical-align: middle; padding: 20px; color: white; text-align: center;}
#apply_section2 .each-guide-wrap .guide-image-wrap .text2-wrap p{font-size: 18px; margin-bottom: 0;}
#apply_section2 .each-guide-wrap .guide-image-wrap .dark-div{border-radius: 10px; width: 100%; height: 100%; display: block; position: absolute; z-index: 10; left: 0; background-color: rgba(0,0,0,.2); transition: all .2s ease-in;}
#apply_section2 .each-guide-wrap .guide-info-wrap{text-align: center; display: table; width: 100%; height: 140px;}
#apply_section2 .each-guide-wrap .guide-info-wrap .guide-info{display: table-cell; vertical-align: middle;}
#apply_section2 .each-guide-wrap .guide-info-wrap .guide-info p{color: black; margin-bottom: 3px;}
#apply_section2 .container{width: 1170px;}

#main_banner{display: none;}
#main_banner #calendar_banner{height: 50px; background-color: #444141; min-width: 1100px; display: block;}
#main_banner #calendar_banner .calendar-banner-wrap{overflow: hidden; text-align: center; padding-top: 12px;}
#main_banner #calendar_banner .calendar-banner-wrap .wh{font-size: 16px;}
#main_banner #calendar_banner .calendar-banner-wrap .transparent-btn3{width: auto; font-size: 16px; padding: 2px 7px; margin-left: 20px; margin-top: -3px;}

#category-container{background-color: #f3f0f0;}
#category-container #category-wrap{text-align: center;}
#category-container #category-wrap ul{list-style: none; padding-left: 0; margin-bottom: 0; display: flex; justify-content: center;}
#category-container #category-wrap ul > li{float: left; margin: 0px 45px; padding: 10px 0px; font-size: 16px; cursor: pointer; border-bottom: 3px solid transparent;}
#category-container #category-wrap ul > li:hover{border-color: #444141;}
#category-container #category-wrap ul > li a{color: #444141;}

/*
011 footer
==============================================================================================*/
footer .container{width: 100%;}
footer .mypage-footer{display: none;}
footer{
  background-color: #444141;
  position: relative;
  padding: 30px;
  font-weight: 300;
  font-size: 13px;
  display: table;
  width: 100%;
}
footer .row:nth-child(2){
  padding-top: 10px;
}
footer .row:nth-child(3){
  padding-bottom: 20px;
  padding-top: 20px;
}
@media (max-width: 730px) and (min-width: 450px){
  .br{
    display: block;
  }
}
@media (max-width: 450px){
  .br{
    display: block;
  }
}
footer .container{
  padding: 20px 0;
}
footer .clause a{
  color: white;
  padding: 0 10px;
}
footer .clause a:hover{
  text-decoration: underline;
}
footer .sns>a{
  padding: 0 5px;
}
.talk_banner_div{
  z-index: 1000 !important;
}
/*
012 업로드 리스트
==============================================================================================*/
.my-upload-list-container{
  width: 100%;
  padding-top: 60px;
  display: table;
  min-height: 100%;
}
.my-upload-list-container .my-upload-list-wrap{
  width:100%;
  max-width: 1500px;
  display: table;
  margin: 0 auto;
}
.my-upload-list-container .my-image-each-wrap{
  position: relative;
  border: 1px solid #ddd;
  margin:5px;
  padding: 9px;
  float: left;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px;
  background-color: #fff;
}
.my-upload-list-container .my-image-wrap img{
  width: 270px;
  min-height: 180px;
  height: auto;
  text-align: center;
}
.my-image.opacity{
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.my-upload-list-container .my-image-footer{
  position: relative;
}
.my-upload-list-container .image-chaption{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 160px;
  text-align: center;
  padding-top: 4px;
  font-size: 14px;
  color: #777;
  margin: 5px auto;
}
.my-upload-list-container .icon-wrap{
  margin-top: 15px;
  text-align: left;
  display: none;
  position: absolute;
  top: 5px;
  right: 15px;
}
.new-upload-btn{
  padding: 10px 20px;
  font-weight: 300;
  margin: 10px 0;
}
.new-upload-btn:hover{
  color: white;
  border-color: #338fed;
  background-color: #338fed;
}
.nolist{
  color: #1a1a1a;
  padding-top: 5%;
  height: 87vh;
}
.nolist p{
  font-size: 22px;
  font-weight: bold;
}
.nolist p:nth-child(1){
  line-height: 1.6;
}
.my-upload-list-container .icon-wrap button{
  background: none;
  border: none;
  padding: 0 2px;
}
.my-upload-list-container .icon-wrap button:hover{
  background: inherit;
  border: none;
}
.my-image-each-wrap:hover{
  /*box-shadow: 3px 3px 5px 0 #333;*/
  /*background-color: #e6e6e6;*/
}
.my-image-wrap{
  width: 270px;
  height: 180px;
  overflow: hidden;
  border-radius: 10px;
  background-color: black;
}

.modal-body textarea{
  width: 100%;
  min-width:100%;
  max-width:100%;
}
.modal{
  padding-right: 0;
  top: 15%;
}

/*
013 가이드
==============================================================================================*/
.guide-wrap h3{
  margin-top:40px;
  margin-bottom: 18px;
}
.guide-wrap{
  padding-bottom: 50px;
  line-height: 1.7;
}
#sidebar-menu ul{
  list-style-type: none;
  padding: 0;
}
#static-content{
  float: left;
  padding-right: 50px;
}
#sidebar-menu{
  float: right;
  padding-left: 20px;
  position: sticky;
  position: -webkit-sticky;
  top: 70px;
}
#sidebar-menu .docs-sidebar{
  max-height: calc(100vh - 100px);
  overflow: auto;
}
#static-content h1:before{
  display: block;
  content: " ";
  margin-top: -70px;
  height: 70px;
  visibility: hidden;
}
#static-content h3:before{
  display: block;
  content: " ";
  margin-top: -85px;
  height: 85px;
  visibility: hidden;
}
.docs-sidebar .nav>li>a{
  color: #827b7b;
  border-left: 2px solid transparent;
  padding: 4px 20px;
  font-size: 18px;
  font-weight: 500;
}
.docs-sidebar .nav li{
  padding: 5px 0;
}
.docs-sidebar .nav .nav li{
  padding: 0;
}
#static-content .page-header{
  margin: 0;
  margin-bottom: 30px;
}
#static-content h1, #static-content h3{
  font-weight: 400;
}

#static-content .guide-section{
  padding: 40px 0;
}
#static-content .guide-section:first-child{
  padding-top: 0;
}

/* nested links */
.docs-sidebar .nav .nav>li>a {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 15px;
  font-weight: 400;
}
.docs-sidebar .nav .section{
  padding: 5px 0 !important;
}
.docs-sidebar .nav .section>a{
  font-size: 18px !important;
  font-weight: 500 !important;
  padding-left: 0px;
}
/* active & hover links */
.docs-sidebar .nav>.active>a,
.docs-sidebar .nav>li>a:hover,
.docs-sidebar .nav>li>a:focus {
  color: #444141;
  text-decoration: none;
  background-color: transparent;
}
/* all active links */
.docs-sidebar .nav>.active>a,
.docs-sidebar .nav>.active:hover>a,
.docs-sidebar .nav>.active:focus>a {
  font-weight: 700;
}
/* nested active links */
.docs-sidebar .nav .nav>.active>a,
.docs-sidebar .nav .nav>.active:hover>a,
.docs-sidebar .nav .nav>.active:focus>a {
  font-weight: 500;
}
.guide-top-title-wrap{
  position: relative;
  height: 230px;
  width: 100%;
  background: #f3f0f0;
  margin-bottom: 30px;
  color: #338fed;
}
.guide-top-title-wrap .container{
  padding: 50px 30px;
}
.guide-top-title-wrap p:first-child{
  font-size: 50px;
  font-weight: 300;
}
.first-ul{
  font-size: 16px;
}
.h1-p{
  padding-top: 10px;
}
.guide_link{
  color: #338fed !important;
  text-decoration: underline;
  font-weight: bold !important;
}
.guide_link:hover, .guide_link:focus{
  color: #337ab7 !important;
  text-decoration: underline;
}
.guide-top-title-wrap h3{
  margin-top: 10px;
  font-weight: 400;
  color: #827b7b;
}
.guide-sub-title{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 20px;
}
.guide-important-text{
  background-color: #f3f0f0;
  color: #ff7171;
  font-weight: 600;
  padding: 15px;
}
.video-guide-wrap{
  padding: 10px 0px 20px 0px;
}
.btn-video-guide{
  background: #FFFFFF; border: 1px solid #D5D5D5; border-radius: 5px; color: #444141; padding: 5px 13px; font-size: 14px;
}
.btn-video-guide:hover,
.btn-video-guide:active,
.btn-video-guide:focus{
  color: unset;

}
.btn-video-guide img{width:22px; margin-bottom: 3px; margin-right: 2px;}

header.tutorial-header #tutorial-wrap {width: 858px; margin: 0 auto;}
header.tutorial-header #tutorial-wrap #step-wrap{width: 600px; margin: 0 auto; margin-bottom: 20px;}
header.tutorial-header #tutorial-wrap #step-wrap img{width: 600px;}
header.tutorial-header #tutorial-wrap .carousel-inner img{width: 800px;}
header.tutorial-header #tutorial-wrap .carousel-inner{width: 800px; margin: 0 auto;}
header.tutorial-header #tutorial-wrap .carousel .left.carousel-control{background-image: none; left: -100px;}
header.tutorial-header #tutorial-wrap .carousel .right.carousel-control{background-image: none; right: -100px;}
header.tutorial-header #tutorial-wrap #btn-wrap{width: 800px; height: 61px; margin: 0 auto; padding-top: 10px;}
header.tutorial-header #tutorial-wrap #btn-wrap span{font-size: 17px; color: white;}
header.tutorial-header #tutorial-wrap #btn-wrap #next-step, #tutorial-wrap #btn-wrap #go-upload{width: 800px; background-color: rgba(0,0,0,0.3); border-radius: 5px; padding: 10px 0; font-size: 17px; color: white; display: none;}
header.tutorial-header #tutorial-wrap #btn-wrap #next-step:hover, #tutorial-wrap #btn-wrap #go-upload:hover{background-color: #338fed; border-color: #338fed;}
header.tutorial-header #tutorial-wrap #mobile-btn-wrap{display: none;}
header.tutorial-header .bg-filter{background-color: rgba(0, 0, 0, 0.60);}
header.tutorial-header  .header-content{top: 52%;}
header.tutorial-header {min-height: 950px;}
.btn-ex-more-wrap{
  width: 100%; text-align: center;
}
.btn-ex-more{
  padding: 8px 0px;
  width: 250px;
  background-color: #338fed;
  color: white;
  font-size: 16px;
}
.ex-more-modal{top: 5% !important;}
.ex-more-modal .modal-dialog{width: 750px; margin: 0 auto;}
.ex-more-modal .modal-header{border-bottom: none; padding-bottom: 0px;}
.ex-more-modal .modal-body{text-align: center;}
.ex-more-modal .modal-body .modal-title{font-size: 24px; font-weight: 500; padding-bottom: 30px;}
.ex-more-modal .modal-body .img-wrap{padding-bottom: 50px;}
.ex-more-modal .modal-body .img-wrap p{font-size: 24px;}
/*
014 faq & 공지사항
==============================================================================================*/
.faq-wrap .tab-wrap a{
  font-size: 23px;
  padding: 0 20px;
}
.faq-wrap a{
  color: #444141;
}
.tab-wrap a{color:#444141;}
.tab-wrap a.active{color:#338fed;}
.faq-wrap a:hover, .faq-wrap a:focus{
  color: #338fed;
}
.faq-wrap .panel-title{
  font-size: 20px;
}
.faq-wrap .panel-body{
  font-size: 17px;
  line-height: 1.7;
  padding:30px;
  padding-right: 200px;
}
.faq-wrap .panel-group .panel{
  margin: 10px 20px;
}
.faq-wrap .panel-default>.panel-heading{
  background-color: inherit;
}

.notice-wrap .tab-wrap a{
  font-size: 23px;
  padding: 0 20px;
}
.notice-wrap a{
  color: #444141;
}
.notice-wrap a:hover, .notice-wrap a:focus{
  color: #338fed;
}
.notice-wrap .panel-title{
  font-size: 20px;
  font-weight: 400;
}
.notice-wrap .panel-body{
  font-size: 17px;
  line-height: 1.8;
  padding:30px;
  padding-right: 200px;
}
.notice-wrap .panel-group .panel{
  margin: 10px 0;
}
.notice-wrap .panel-default>.panel-heading{
  background-color: inherit;
}
.panel-heading [data-toggle="collapse"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\e072"; /* "play" icon */
  float: right;
  color: #ff7171;
  font-size: 18px;
  line-height: 22px;
  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #B1B1B1;
}
/*
015 약관
==============================================================================================*/
.clause-wrap{
  padding-bottom: 50px;
  line-height: 1.7;
}
.clause-top-title-wrap{
  position: relative;
  height: 230px;
  width: 100%;
  background: #338fed;
  margin-bottom: 30px;
  color: white;
}
.clause-top-title-wrap .container{
  padding: 50px 30px;
}
.clause-top-title-wrap p:first-child{
  font-size: 50px;
  color: white;
}

/*
016 작가신청
==============================================================================================*/
.uploader-request-container{
  display: none;
}
.uploader-request-container .form-signin {
  max-width: 800px;
  display:block;
  background-color: rgba(0,0,0,0.3);
  border: 2px solid rgba(255,255,255,0.6);
  margin: 0 auto;
  padding: 15px 0;
}
.uploader-request-container .form-signin .request-btn{
  width: 100%;
  background-color: rgba(0,0,0,0.3);
  border-radius: 5px;
  padding: 10px 0;
  margin-top: 15px;
  font-size: 17px;
}
/*
017 마이페이지
==============================================================================================*/
.border-b{border-bottom: 1px solid #d5d5d5;}

/*마이페이지 내용*/
.mypage-content{ width: 100%; min-width: 1077px; min-height: 100vh; padding-left: 267px; background-color: #f3f0f0; padding-bottom: 40px; }
.mypage-content .mypage-banner{ width: 100%; margin-bottom: 30px; }
.mypage-content .mypage-banner #mypage-title{ font-size: 35px; text-align: center; color: #827b7b; padding-top: 50px; font-weight: 300;}
.mypage-content #mypage-content-wrap .info-row{ padding: 13px 0; }
.mypage-content #mypage-content-wrap .info-row .input-txt{border: 1px solid #e7e7e7; padding: 2px 15px;}
.mypage-content #mypage-content-wrap .info-row.warning-ment-wrap{text-align: center; padding: 25px; margin-top: 25px; font-size: 15px; font-weight: 500; color: #ff7171; background-color: #F3F0F0;}
.mypage-content #mypage-content-wrap #profile-wrap{position: absolute; top: -70px; left: 50%; transform: translateX(-50%);}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image-reset{display: inline-block; position: absolute; left: 104px; top: 0px; z-index: 1; cursor: pointer;}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image-reset img:hover{
  filter: brightness(0.8); -moz-filter: brightness(80%);-webkit-filter: brightness(80%); -ms-filter: brightness(80%); -o-filter: brightness(80%);
}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image{
  background-size: cover;
  background-position: center;
  width: 120px; height: 120px; border-radius: 80px; border: 3px solid white; float: left;
  overflow: hidden;
  position: relative;
}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image img{position: absolute; width: 120px; top: -3px; left: -3px;}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image #profit-image-edit-wrap{
  position: absolute; top: -3px; left: -3px; width: 120px; height: 120px; background-color: rgba(0,0,0,.3); opacity: 1;
}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image #profile-image-edit{
  /*position: absolute; top: -3px; left: -3px; width: 120px; height: 120px; text-align: center; color: #fff; background-color: rgba(0,0,0,.3); font-size: 20px; opacity: 1;*/
  text-align: center; color: #fff; font-size: 20px; position: relative; width: 100%; height: 100%; float: left;
}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image #profile-image-edit span{line-height: 120px;}
.mypage-content #mypage-content-wrap #profile-wrap #profile-image #profile-image-edit #profile-image-upload{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}

/*마이페이지 사이드매뉴*/
.sidebar-menu-btn-wrap{display: none;}
.mypage-sidebar{ width: 267px; height: 100%; font-weight: 500; position: fixed; top: 50px; bottom: 0; background-color: white; border-right: 1px solid #e0e0e0; z-index: 100; overflow: auto;}
.mypage-sidebar .nav-sidebar { width: 267px; padding: 40px 0; }
.mypage-sidebar .nav-sidebar .btn-close-sidenav{display: none;}
.mypage-sidebar .nav-sidebar .sub-title{padding: 10px 40px; font-weight: 400; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; background-color: #f5f5f5;}
.mypage-sidebar .nav-sidebar ul li{padding-left: 40px; padding-right: 40px;}
.mypage-sidebar .nav-sidebar ul>li>a{padding: 10px 40px;}
.mypage-sidebar .nav-sidebar ul li .event_banner{padding: 10px 20px !important;}
.mypage-sidebar .nav-sidebar ul li:first-child{padding: 0px 40px;}
.mypage-sidebar .nav-sidebar ul li::after{content: ''; clear: both; display: block;}
.mypage-sidebar .nav-sidebar #member-info #point-container{padding: 15px 40px;}
.mypage-sidebar .nav-sidebar #member-info #point-container .point-wrap{width: 100%; position: relative; display: table;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-point-wrap .btn-point{width: 100%; padding: 6px 12px;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-point-wrap{padding-top: 10px;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-message-wrap{padding-top: 7px;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-message-wrap .btn-message{transition: 0.3s; display: flex; text-align: center; justify-content: center; width: 100%; padding: 6px 12px; border: 2px solid #827b7b; color: #827b7b; font-size: 14px;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-message-wrap .btn-message #message-icon{display:inline-block; margin-right: 7px; width: 14px; height: auto; margin-top: 1px;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-message-wrap .btn-message:hover{background-color: #827b7b; color: white;}
.mypage-sidebar .nav-sidebar #member-info #point-container #btn-message-wrap .btn-message:hover svg path{fill: #ffffff !important;}
.mypage-sidebar .nav-sidebar #member-info .btn-menu-wrap{list-style: none; margin: 0 -40px; /*padding:5px 0;*/}
.mypage-sidebar .nav-sidebar #member-info .btn-menu-wrap li{padding: 0;}
.mypage-sidebar .nav-sidebar .btn-menu-wrap a {color: #444141; font-weight: 400; -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear; }
.mypage-sidebar .nav-sidebar .btn-menu-wrap a:hover{color: #338FED; background-color: white;}
.mypage-sidebar .nav-sidebar .btn-menu-wrap .active a { color: #338fed; background-color: #D8EBFF; }
.mypage-sidebar .nav-sidebar .text-overflow a, .nav-sidebar .text-overflow .media-body { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/*마이페이지-결제하기*/
#payment-container{ width: 730px; color: #444141; }
#payment-container #price-container{ display: table; margin: 0 auto; padding: 0 20px;}
#payment-container #price-partnership{ font-size: 14px; text-align: right; padding-top: 5px; margin: 0 20px; color: #827b7b; }
#payment-container #price-partnership a{ color: #338fed; border-bottom: 1px solid #338fed; }
#payment-container #payment-info-wrap{ padding-top: 30px; margin: 0 20px; }
#payment-container #payment-info-wrap .info-row{border-bottom: 1px solid #d5d5d5;}
#payment-container #payment-info-wrap #payment-method{ margin: 0 auto; overflow: hidden; }
#payment-container #payment-info-wrap #payment-method .input-txt{ width: 320px; padding: 2px 15px 3px; }
#payment-container #payment-info-wrap #account-number .input-txt{ width: 320px; }
#payment-container #payment-info-wrap #promotion-number .input-txt{ width: 385px; }
#payment-container #payment-info-wrap .payment-label{ font-size: 20px; color: #827b7b; }
#payment-container #payment-info-wrap .input-txt{ font-size: 14px; margin: 2px 0;  }
#payment-container #payment-info-wrap #deposit-etc{ overflow: hidden; }
#payment-container #payment-info-wrap #deposit-etc .ment{ color: #ff7171; font-size: 13px; }
#payment-container #payment-info-wrap #deposit-etc .deposit-wrap{ overflow: hidden; width: 100%; }
#payment-container #payment-info-wrap #deposit-etc .deposit-wrap .deposit-name-wrap{ float: left; }
#payment-container #payment-info-wrap #deposit-etc .deposit-wrap .deposit-name-wrap .payment-label{ padding-right: 30px; }
#payment-container #payment-info-wrap #deposit-etc .deposit-wrap .deposit-name-wrap #deposit-name{width: 200px;}
#payment-container #payment-info-wrap #deposit-etc .deposit-wrap .bank-name-wrap .input-txt{ width: 234px; padding: 2px 15px 3px; }
#payment-container #payment-info-wrap #deposit-etc .deposit-wrap .bank-name-wrap{ float: right; width: 320px; }
#payment-container #payment-info-wrap #payment-amount .money{ font-size: 20px; color: #338fed; }
#payment-container #payment-info-wrap #payment-tax .tax-money{ font-size: 20px; }
#payment-container #payment-btn-wrap{ padding-top: 20px; margin: 0 20px; }
#payment-container #payment-btn-wrap #btn-payment{ width: 220px; font-size: 18px; font-weight: 400 !important; padding: 6px 12px;}
#payment-ok .modal-dialog{width: 400px; margin: 0 auto;}
#payment-complete .modal-dialog{width: 800px; margin: 0 auto;}
#payment-ok .modal-content .modal-body,
#payment-complete .modal-content .modal-body{padding: 50px 30px;}
#payment-ok .modal-content .modal-body .ment{text-align: center;}
#payment-ok .modal-content .modal-body .ment p{color: #827b7b; font-size: 22px;}
#payment-ok .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#payment-ok .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#payment-complete .modal-content .modal-body .ment{text-align: center;}
#payment-complete .modal-content .modal-body .ment h3{text-align: center; margin: 0; font-size: 24px;}
#payment-complete .modal-content .modal-body .ment ul{padding: 0; margin: 0; padding-top: 30px; text-align: left; display: inline-block;}
#payment-complete .modal-content .modal-body .ment ul li{color: #827b7b; font-size: 17px; list-style: none; line-height: 25px;}
#payment-complete .modal-content .modal-body .ment ul li:before{content: '•'; padding-right: 10px;}
#payment-complete .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#payment-complete .modal-content .modal-body .transparent-btn2{width: 140px; margin: 3px;}
#partnership .modal-dialog{width: 510px; margin: 0 auto;}
#partnership{color: black;}
#partnership .modal-body{padding: 20px 30px;}
#partnership .modal-body .modal-close{text-align: center; padding-top: 20px;}
#partnership .modal-body .modal-close .transparent-btn2{width: 180px;}

#price-choice-wrap{width: 100%; margin: auto;}
#price-choice-wrap .price-row{width: 100%; margin: auto;}
#price-choice-wrap .price-row .price-content{border: 2px solid #e7e7e7; background-color: white; margin: 5px; width: 213px; height: 116px; display: inline; float: left;}
#price-choice-wrap .price-row:nth-child(1) .price-content{margin-top: 0;}
#price-choice-wrap .price-row:nth-child(1) .price-content:nth-child(1){border: 2px solid #338fed;}
#price-choice-wrap .price-row:nth-child(3) .price-content{margin-bottom: 0;}
#price-choice-wrap .price-row .price-content .radio{margin-top: 0; margin-bottom: 0;}
#price-choice-wrap .price-row .price-content .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 12px; top: 12px; border: 1px solid #d5d5d5; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
#price-choice-wrap .price-row .price-content .radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 16px; top: 16px; border-radius: 50%; background-color: #338fed; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
#price-choice-wrap .price-row .price-content .radio input[type="radio"] { opacity: 0; }
#price-choice-wrap .price-row .price-content .radio input[type="radio"]:focus + label::before { border: 1px solid #338fed; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: none;}
#price-choice-wrap .price-row .price-content .radio input[type="radio"]:checked + label::after { border: 1px solid #338fed; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); outline: none;}
#price-choice-wrap .price-row .price-content .radio input[type="radio"]:checked + label::before{border: 1px solid #338fed;}
#price-choice-wrap .price-row .price-content .radio .payment-radio{top: 5px; left: 12px; margin-left: 0;}
#price-choice-wrap .price-row .price-content .radio .label-wrap{position: relative; display: table; width: 100%; height: 116px; padding-left: 0;}
#price-choice-wrap .price-row .price-content .radio .label-wrap .label-div{width: 100%; text-align: center; display: table-cell; vertical-align: middle; font-weight: 500;}
#price-choice-wrap .price-row .price-content .radio .label-wrap .label-div p{font-size: 16px; margin-bottom: 4px;}

#payment-method-container{margin: 0 20px;}
#payment-method-container .payment-label p{font-size: 20px; color: #827b7b;}
#payment-method-container .payment-method-row{width: 100%; display: table; border: 1px solid #e7e7e7; background-color: white;}
#payment-method-container .payment-method-row hr{border: none; border-left: 1px solid #e7e7e7; height: 60px; width: 1px;}
#payment-method-container .payment-method-row .payment-type{display: table; width: 118px; height: 100px; float: left; margin: auto; text-align: center;}
#payment-method-container .payment-method-row .payment-type span{font-size: 16px; color: #827b7b; font-weight: 500;}
#payment-method-container .payment-method-row .payment-method{display: table; width: 135px; height: 100px; float: left; margin: auto;}
#payment-method-container .payment-method-row .payment-method.first-line,
#payment-method-container .payment-method-row .payment-method.second-line{height: 80px;}
#payment-method-container .payment-method-row .payment-method .radio{margin-top: 0; margin-bottom: 0;}
#payment-method-container .payment-method-row .payment-method .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 58px; top: 55px; border: 1px solid #d5d5d5; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
#payment-method-container .payment-method-row .payment-method .radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 62px; top: 59px; border-radius: 50%; background-color: #338fed; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
#payment-method-container .payment-method-row .payment-method.first-line .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 58px; top: 50px; border: 1px solid #d5d5d5; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
#payment-method-container .payment-method-row .payment-method.first-line .radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 62px; top: 54px; border-radius: 50%; background-color: #338fed; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
#payment-method-container .payment-method-row .payment-method.second-line .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 58px; top: 42px; border: 1px solid #d5d5d5; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
#payment-method-container .payment-method-row .payment-method.second-line .radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 62px; top: 46px; border-radius: 50%; background-color: #338fed; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
#payment-method-container .payment-method-row .payment-method .radio input[type="radio"] { opacity: 0; }
#payment-method-container .payment-method-row .payment-method .radio input[type="radio"]:focus + label::before { border: 1px solid #338fed; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: none;}
#payment-method-container .payment-method-row .payment-method .radio input[type="radio"]:checked + label::after { border: 1px solid #338fed; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); outline: none;}
#payment-method-container .payment-method-row .payment-method .radio input[type="radio"]:checked + label::before{border: 1px solid #338fed;}
#payment-method-container .payment-method-row .payment-method .radio .label-wrap{position: relative; display: table; height: 100px; width: 100%; padding-left: 0;}
#payment-method-container .payment-method-row .payment-method .radio .label-wrap .label-div{width: 100%; text-align: center; display: table-cell; vertical-align: middle; font-weight: 500;}
hr.aa{height: 50px; width: 0px; border-right: 0px; color: black;}

/*내정보관리*/
#my-account-info-container{
  margin-top: 30px;
  padding-top: 30px;
}
.mypage-info-container{position: relative; width: 550px; background-color: white; padding: 30px 45px; padding-top: 50px; border-radius: 10px;}
.mypage-info-container .mypage-info-wrap .info-row label{font-size: 18px; color: #444141; font-weight: 400; margin-bottom: 0; display: inline-block; vertical-align: middle;}
.mypage-info-container .mypage-info-wrap .info-row a:focus, .mypage-info-container .info-row a:hover{
  color: #338fed;
  font-weight: 500;
}
.mypage-info-container .mypage-info-wrap .info-row .info{font-size: 18px; color: #444141; display: inline-block; vertical-align: middle; margin: 0; padding-top: 2px;}
.mypage-info-container .mypage-info-wrap .info-row .input-txt{width:40%; font-size: 17px; color: #444141; text-align: right;}
.mypage-info-container .mypage-info-wrap .info-row .bracket{font-size: 17px; color: #B0B0B0;}
.mypage-info-container .mypage-info-wrap .info-row #id_profile{ width: 570px; max-width: 570px; font-size: 14px; color: #827b7b; text-align: left; border: 1px solid #e7e7e7; padding: 5px; margin-top: 10px; }
.mypage-info-container #pw-wrap{display: none;}
.mypage-info-container .mypage-info-wrap .info-row #pw-change,
.mypage-info-container .mypage-info-wrap .info-row #pw-change-cancel{color: white; font-weight: 400; float: right; border: 1px solid #ff7171; background-color: #ff7171;}

.mypage-info-container .myinfo-btn-wrap{overflow: hidden; padding-bottom: 50px; padding-top: 40px;}
.mypage-info-container .myinfo-btn-wrap ul{list-style: none; padding: 0;}
.mypage-info-container .myinfo-btn-wrap .edit{width: 50%; padding-right: 10px; float: left;}
.mypage-info-container .myinfo-btn-wrap .cancel{width: 50%; padding-left: 10px; float: left;}
.mypage-info-container .myinfo-btn-wrap .btn{width: 100%; padding: 6px 12px; font-size: 16px;}
/*@media (min-width: 768px){*/
#retire-confirm .modal-dialog{width: 750px; margin: 0 auto;}
/*}*/
#retire-confirm .modal-content .modal-body{padding: 30px;}
#retire-confirm .modal-content .modal-body,
#retire-confirm .modal-content .modal-body .ment{text-align: left;}
#retire-confirm .modal-content .modal-body .ment p{color: black; font-size: 16px;}
#retire-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 20px;}
#retire-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}

#reset-account-info-confirm .modal-dialog{width: 500px; margin: 0 auto;}
#reset-account-info-confirm .modal-content .modal-body{padding: 30px;}
#reset-account-info-confirm .modal-content .modal-body,
#reset-account-info-confirm .modal-content .modal-body .ment{text-align: left;}
#reset-account-info-confirm .modal-content .modal-body .ment p{color: black; font-size: 16px;}
#reset-account-info-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 20px;}
#reset-account-info-confirm .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}

/*좋아요공통*/
@media (min-width: 1532px){
  #favorite-container{width: 1220px;}
}
@media (max-width: 1531px) and (min-width: 1249px){
  #favorite-container{width: 947px;}
}
@media (max-width: 1248px){
  #favorite-container{width: 700px;}
  #favorite-container #favorite-list{text-align: center !important;}
}
#favorite-container{padding: 0 50px;}
#favorite-container #favorite-switch{width: 600px; margin: 0 auto; overflow: hidden;}
#favorite-container #favorite-switch ul{list-style: none; padding: 0;}
#favorite-container #favorite-switch li{width: 50%; float: left;}
#favorite-container #favorite-switch a{width: 100%; background-color: white; color: #444141; border-color: #ddd; font-size: 16px; font-weight: 400;}
#favorite-container #favorite-switch a.active{background-color: #444141; border-color: #444141; color: white;}
#favorite-container #favorite-switch a:hover, #favorite-container #favorite-switch a:focus{border-color: #444141;}
#favorite-container #favorite-switch a.active:hover{}
#favorite-container #favorite-switch .btn-fa-photo a{border-radius: 5px 0 0 5px; box-shadow: none;}
#favorite-container #favorite-switch .btn-fa-photographer a{border-radius: 0 5px 5px 0; box-shadow: none;}
#favorite-container #favorite-list{text-align: left;}
#favorite-container #paging{text-align: center; padding-top: 50px;}
/*사진좋아요*/
#favorite-container #favorite-list .favorite-photo-each-wrap{background-color: white; border: 1px solid #ddd; margin: 5px; padding: 9px; clear: both; border-radius: 10px; display: inline-block; position: relative;}
#favorite-container #favorite-list .favorite-photo-each-wrap .icon-wrap{margin-top: 15px; text-align: left; position: absolute; top: 1px; right: 15px; display: none;}
#favorite-container #favorite-list .favorite-photo-each-wrap .icon-wrap .btn-like-delete{background:none; border: none;}
#favorite-container #favorite-list .favorite-photo-each-wrap .favorite-photo-wrap{width: 250px; height: 180px; overflow: hidden; border-radius: 10px; position: relative;}
#favorite-container #favorite-list .favorite-photo-each-wrap .favorite-photo-wrap .fa-photo{text-align: center; position: absolute; bottom: -108%; top: -108%; left: -108%; right: -108%; margin: auto; min-width: 100%;}

/*업로드내역*/
@media (min-width: 1532px){
  #upload-list-container{width: 1220px; padding: 0 50px;}
}
@media (max-width: 1531px) and (min-width: 1249px){
  #upload-list-container{width: 947px; padding: 0 0;}
}
@media (max-width: 1248px){
  #upload-list-container{width: 700px;}
  #upload-list-container #upload-list-container{text-align: center !important;}
}

#upload-list-container #upload-list{text-align: left;}
#upload-list-container #paging{text-align: center; padding-top: 50px;}
#upload-list-container #upload-list .upload-photo-each-wrap{background-color: white; border: 1px solid #ddd; margin: 5px; padding: 9px; clear: both; border-radius: 10px; display: inline-block; position: relative;}
#upload-list-container #upload-list .upload-photo-each-wrap.active{background-color: #e6e6e6;}
#upload-list-container #upload-list .upload-photo-each-wrap .icon-wrap{margin-top: 15px; text-align: left; position: absolute; top: 1px; right: 15px; display: block; z-index: 10;}
#upload-list-container #upload-list .upload-photo-each-wrap .icon-wrap button{background:none; border: none; padding: 0 2px;}
#upload-list-container #upload-list .upload-photo-each-wrap .icon-wrap button img:hover{filter: brightness(0.8); -moz-filter: brightness(80%);-webkit-filter: brightness(80%); -ms-filter: brightness(80%); -o-filter: brightness(80%);}
#upload-list-container #upload-list .upload-photo-each-wrap .icon-wrap .btn-like-delete{background:none; border: none;}
#upload-list-container #upload-list .upload-photo-each-wrap .upload-photo-wrap{width: 250px; height: 180px; overflow: hidden; border-radius: 10px; position: relative;
  background: linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef);
  background-position: 0px 0px,10px 10px;
  background-color: #fff;
  -webkit-background-size: 21px 21px;
  background-size: 21px 21px;
}
#upload-list-container #upload-list .upload-photo-each-wrap .upload-photo-wrap .upload-photo{text-align: center; position: absolute; bottom: -108%; top: -108%; left: -108%; right: -108%; margin: auto; min-width: 100%;}
#upload-list-container #upload-list .upload-photo-each-wrap .upload-photo-footer{position: relative;}
#upload-list-container #upload-list .upload-photo-each-wrap .upload-photo-footer .photo-state{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; text-align: center; padding-top: 4px; font-size: 14px; color: #777; margin: 5px auto; font-weight: 500;}
#upload-list-container #upload-list-question{
  margin: 0 10px;
}
#upload-list-container .list-condition{text-align: center; padding: 10px 0; overflow:hidden;}
#upload-list-container .list-condition .box-wrap{width: 150px; text-align: center; background-color: white; float: left; margin: 0 5px; border: 2px solid #ffffff; border-radius: 10px;}
#upload-list-container .list-condition .box-wrap.active{border: 2px solid #338fed;}
#upload-list-container .list-condition .box-wrap .display-inline-block{padding: 20px; width: 100%; border-bottom: 3px solid rgba(255,255,255,0);}
#upload-list-container .list-condition .box-wrap .box-image-wrap{display: inline-block; vertical-align: middle; padding-right: 10px;}
#upload-list-container .list-condition .box-wrap .box-span-wrap{display: inline-block; vertical-align: middle; font-size: 16px; text-align: center; font-weight: 600;}
#upload-list-container .list-condition .box-wrap.active .box-span-wrap{color: #338fed;}
#upload-list-container .list-condition .box-wrap .box-span-wrap .state{font-weight: 500; color: #827b7b;}
#upload-list-container .list-condition .box-wrap.active .box-span-wrap .state{color: #338fed;}
.upload-photo-each-wrap .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #338fed;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.upload-photo-each-wrap .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: -1px;
  top: -3px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 17px;
  color: #338fed; }
.upload-photo-each-wrap .checkbox input[type="checkbox"]:checked + label::after,
.upload-photo-each-wrap .checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
.upload-photo-each-wrap input[type="checkbox"].styled:checked + label:after,
.upload-photo-each-wrap input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }

#agree-question .modal-dialog{width: 741px; margin: 0 auto;}
#agree-question{color: black;}
#agree-question .modal-body{padding: 30px 30px;}
#agree-question .modal-body p{font-size: 16px;}
#agree-question .modal-body .modal-close{text-align: center; padding-top: 20px;}
#agree-question .modal-body .modal-close .transparent-btn2{width: 180px;}

#upload-list-popup .modal-dialog{width: 520px; margin: 0 auto;}
#upload-list-popup{color: black;}
#upload-list-popup .modal-body{padding: 30px 30px;}
#upload-list-popup .modal-body p{font-size: 16px; margin-bottom: 5px;}
#upload-list-popup .modal-body .ment{text-align: center;}
#upload-list-popup .modal-body .modal-close{text-align: center; padding-top: 20px;}
#upload-list-popup .modal-body .modal-close .transparent-btn2{width: 180px;}

#profit-list-popup .modal-dialog{width: 535px; margin: 0 auto;}
#profit-list-popup{color: black;}
#profit-list-popup .modal-body{padding: 30px 30px;}
#profit-list-popup .modal-body p{font-size: 16px; margin-bottom: 5px;}
#profit-list-popup .modal-body .ment{text-align: center;}
#profit-list-popup .modal-body .modal-close{text-align: center; padding-top: 20px;}
#profit-list-popup .modal-body .modal-close .transparent-btn2{width: 180px;}

/*결제내역,구매내역,사용내역,출금내역,수익내역 공통*/
#mypage-content-wrap table>thead>tr>th{border-bottom: 0; background-color: #d6d6d6; font-weight: 500; text-align: center;}
#mypage-content-wrap table>tbody>tr>td{border-top: 0;}
#mypage-content-wrap .table-list{border: 1px solid #d5d5d5; color: #808080; font-size: 15px;}
#mypage-content-wrap .table-list .each-tr-list{background-color: white;}
#mypage-content-wrap .table-list .each-tr-list:hover{background-color: #f5f5f5;}
#mypage-content-wrap .table-list .each-tr-list td{padding: 40px 0; border-bottom: 1px solid #d5d5d5; vertical-align: middle;}
#mypage-content-wrap .table-list .each-tr-list:last-child td{border-bottom: 0;}
#mypage-content-wrap .table-list .each-tr-list .spacer{width: 5px; border-bottom: 0; background-color: white !important;}
#mypage-content-wrap .table-list .each-tr-list .no-list{font-size: 20px; padding:70px !important;}

/*구매내역*/
@media (min-width: 992px){
  #purchase-list-container.container{width: 750px;}
}
@media (min-width: 1200px){
  #purchase-list-container.container{width: 970px;}
}
#purchase-list-container #purchase-list .purchase-list-table .purchase-state{font-weight: 500;}
#purchase-list-container #purchase-list .purchase-list-table .each-tr-list{cursor: pointer;}
#purchase-list-container #purchase-list .purchase-list-table .each-tr-list td{vertical-align: middle; padding: 20px 0;}
/*결제내역*/
@media (min-width: 992px){
  #payment-list-container.container{width: 750px;}
}
@media (min-width: 1200px){
  #payment-list-container.container{width: 970px;}
}
#payment-list-container .payment-list-table .trade-number{width: 22%;}
#payment-list-container #payment-list .payment-list-table .payment-state{font-weight: 500;}
#payment-list-container .each-tr-list{cursor: pointer;}


/*@media (min-width: 768px){*/
#payment_info .modal-dialog{width: 450px; margin: 0 auto;}
/*}*/
#payment_info{color: black;}
#payment_info .modal-body{padding: 20px 95px;}
#payment_info .modal-body .modal-close{text-align: center; padding-top: 20px;}
#payment_info .modal-body .modal-close .transparent-btn2{width: 180px;}
#payment_info #payment_info_detail p{margin-bottom: 5px;}

/*@media (min-width: 768px){*/
#api-image-list .modal-dialog{width: 650px; margin: 0 auto;}
/*}*/
#api-image-list{color: #808080; top: 50px; height: 100vh;}
#api-image-list .modal-body{padding: 15px;}
#api-image-list .modal-body .payment_info_wrap{max-height: calc(100vh - 200px); overflow:auto;}
#api-image-list .modal-body .modal-close{text-align: center; padding-top: 20px;}
#api-image-list .modal-body .modal-close .transparent-btn2{width: 180px;}
#api-image-list #api-image-list-detail p{margin-bottom: 5px;}
#api-image-list table>thead>tr>th{border-bottom: 0; background-color: #d6d6d6; font-weight: 500; text-align: center;}
#api-image-list .each-tr-list td{vertical-align: middle; padding: 20px 0; border-bottom: 1px solid #d5d5d5;}


/*사용내역*/
@media (min-width: 992px){
  #usage-list-container.container{width: 750px;}
}
@media (min-width: 1200px){
  #usage-list-container.container{width: 970px;}
}
#usage-list-container #usage-list .usage-list-table .usage-state{font-weight: 500;}
#usage-list-container .usage-list-table .trade-number{width: 27%;}
#usage-list-container .usage-list-table .trade-date{width: 25%;}

/*수익 및 출금 내역*/
#profit-list-container.container{width: 100%;}
@media (min-width: 1445px){
  #profit-list-container.container{width: 1170px;}
}
#profit-list{overflow-x: auto;}
#profit-list-container #profit-list .profit-list-table .each-tr-list td{vertical-align: middle; padding: 20px 0;}
#profit-list-container #profit-list .profit-list-table .each-tr-list.withdraw{background-color: rgba(230,230,230, .1)}
#profit-list-container #profit-list .profit-list-table .profit-state{font-weight: 500;}
#profit-list-container #profit-list .profit-list-table thead .small_thumbnail{min-width: 180px;}
#profit-list-container #profit-list .profit-list-table thead .file_type{min-width: 60px;}
#profit-list-container #profit-list .profit-list-table thead .trade_number{min-width: 200px;}
#profit-list-container #profit-list .profit-list-table thead .trade_date{min-width: 120px;}
#profit-list-container #profit-list .profit-list-table thead .unit_price{min-width: 90px;}
#profit-list-container #profit-list .profit-list-table thead .reward_percent{min-width: 100px;}
#profit-list-container #profit-list .profit-list-table thead .trade_money{min-width: 120px;}
#profit-list-container #profit-list .profit-list-table thead .remaining_money{min-width: 130px;}
#profit-list-container #profit-list .profit-list-table thead .state{min-width: 70px;}

/*마이페이지 푸터*/
#mypage-body footer{ width: 100%; padding: 0; padding-left: 285px; background-color: #f3f0f0; z-index: 1; display: block; min-width: 1077px; color: gray !important; }
#mypage-body footer .container{ width: 720px; }
#mypage-body footer a{ color: #827b7b; }
#mypage-body footer .footer-top-line{ width: 650px; height: 1px; border-top: 1px solid #ddd; margin: 0 auto; }
#mypage-body footer .original-footer{display: none;}
#mypage-body footer .mypage-footer{display: block;}

/*수익금 선택 페이지*/
#point-choice-container{width: 805px; margin: 0 auto; padding-top: 140px;}
#point-choice-container #point-choice-wrap{overflow: hidden;}
#point-choice-container #point-choice-wrap .point-container{position: relative; width: 365px; height: 450px; background-color: white; float: left; text-align: center; padding: 15px;}
#point-choice-container #point-choice-wrap #withdraw-container{margin-right: 42px; }
#point-choice-container #point-choice-wrap .point-container .img-wrap{padding-bottom: 25px;}
#point-choice-container #point-choice-wrap .point-container .header-title{font-weight: bold; font-size: 20px;}
#point-choice-container #point-choice-wrap .point-container .explain{font-size: 16px; text-align: left; padding: 20px 20px; margin: 0 auto;}
#point-choice-container #point-choice-wrap .point-container .btn-wrap{padding: 15px 20px;}
#point-choice-container #point-choice-wrap .point-container .btn-wrap .btn{width: 100%; padding: 10px 0; font-weight: bold; font-size: 19px; border: 2px solid; transition: all 0.08s linear; border-radius: 5px;}
#point-choice-container #point-choice-wrap .point-container .btn-wrap .transform-btn{color: #ff7171; border-color: #ff7171;}
#point-choice-container #point-choice-wrap .point-container .btn-wrap .transform-btn:hover{color: white; background-color: #ff7171;}
#point-choice-container #point-choice-wrap .point-container .btn-wrap .withdraw-btn{color: #338fed; border-color: #338fed;}
#point-choice-container #point-choice-wrap .point-container .btn-wrap .withdraw-btn:hover{background-color: #338fed; color: white;}

/*알림함*/
#noti-history-container{width: 800px; margin: 0 auto;}
#noti-history-container .menu-wrap .tab-menu-wrap{width: 100%; overflow:hidden;}
#noti-history-container .menu-wrap .tab-menu-wrap ul{float: left; list-style: none; overflow: hidden; margin-top: 10px; margin-bottom:0; padding-left: 0;}
#noti-history-container .menu-wrap .tab-menu-wrap ul li:first-child a {
  z-index: 3;
  color: #ffffff;
  background: #827b7b;
  border: 1px solid #827b7b;
  border-bottom: 0;
}
#noti-history-container .menu-wrap .tab-menu-wrap ul li:last-child{
  margin-left: -10px;
}
#noti-history-container .menu-wrap .tab-menu-wrap ul li:last-child a {
  z-index: 1;
  color: #ffffff;
  background: #444141;
  border: 1px solid #444141;
  border-bottom: 0;
}
#noti-history-container .menu-wrap .tab-menu-wrap .group:before,
#noti-history-container .menu-wrap .tab-menu-wrap .group:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
#noti-history-container .menu-wrap .tab-menu-wrap .group:after {
  clear: both;
}
#noti-history-container .menu-wrap .tab-menu-wrap .tab-menu{width: 115px; float: left;}
#noti-history-container .menu-wrap .tab-menu-wrap .tab-menu a{
  /*background-color: #c5bcbc; color: white; line-height: 20px; position: relative; padding-top: 9px; padding-bottom: 9px; display: block; height: 100%; text-align: center;*/
  position: relative;
  display: block;
  margin-top: 17px;
  font-size: 14px;
  padding: 8px 0 5px 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: padding 0.2s ease, margin 0.2s ease;
  -moz-transition: padding 0.2s ease, margin 0.2s ease;
  -o-transition: padding 0.2s ease, margin 0.2s ease;
  -ms-transition: padding 0.2s ease, margin 0.2s ease;
  transition: padding 0.2s ease, margin 0.2s ease;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
#noti-history-container .menu-wrap .tab-menu-wrap .tab-menu a:hover{
  margin: 15px 0 0 0;
  padding: 10px 0 5px 0;
}
#noti-history-container .menu-wrap .tab-menu-wrap .tab-menu.active a{
  margin-top: 10px;
  padding: 10px 0 10px 0;
  background: #ffffff;
  color: #444141;
  z-index: 4;
  outline: none;
  border-color: #444141;
}
#noti-history-container #noti-history-wrap{overflow: hidden; background-color: white; border: 1px solid #e0e0e0; border-top: none;}
#noti-history-container #noti-history-wrap .more{font-size: 16px; padding: 14px 15px; text-align: center; cursor: pointer;}
#noti-history-container #noti-history-wrap .noti-header{padding: 15px 45px; color: #444141; font-size: 24px;}
#noti-history-container #noti-history-wrap .notifications-wrap{padding-top: 10px;}
#noti-history-container #noti-history-wrap .notifications-wrap .noti{padding: 15px 20px; margin: 0px 25px; font-size: 16px; color: #827b7b; border-bottom: 1px solid #e0e0e0;}
#noti-history-container #noti-history-wrap .notifications-wrap .noti .date{color: #c5bcbc;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti{display:flex; height: 114px; align-items: center;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .thumbnail-wrap{display: flex; justify-content: center; width: 100px;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .thumbnail-wrap img{max-width: 100px;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .profile-wrap{display: flex; justify-content: center; width: 110px;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .profile-wrap .image-wrap{background-size: cover; background-position: center; width: 40px; height: 40px; border-radius: 80px; border: 2px solid #F3F0F0; overflow: hidden; position: relative;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .profile-wrap .image-wrap img{position: absolute; top: -2px; left: -2px; width: 40px;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .comment-wrap{display: flex; flex-direction: column;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .comment-wrap .comment{margin-bottom: 6px;}
#noti-history-container #noti-history-wrap .notifications-wrap .social-noti .comment-wrap .date{font-size: 12px; color: #c5bcbc;}

/*출금신청*/
#withdraw-list-container.container{width: 100%;}
@media (min-width: 1445px){
  #withdraw-list-container.container{width: 100%; padding: 0 30px;}
}
#withdraw-list{overflow-x: auto;}
#withdraw-list .withdraw-list-table td{vertical-align: middle; padding: 10px 0 !important;}
#withdraw-request-container{width: 720px;}
#withdraw-request-container .comment li{margin: 3px 0;}
#withdraw-request-container #select-bank{width: 232px;padding: 1px 15px 1px !important;}
#withdraw-request-container .input-txt.form-control:focus{-webkit-box-shadow:none; box-shadow: none;}
#withdraw-request-container .input-txt.form-control{height: auto; border-radius: 0;}
#withdraw-request-container #withdraw-name{font-size: 16px; margin: 2px 0;}

@media (min-width: 768px){
  #withdraw-confirm .modal-dialog{width: 430px;}
  #withdraw-result .modal-dialog{width: 450px;}
  #withdraw-info .modal-dialog{width: 640px;}
  #corporate-withdraw-info .modal-dialog{width: 640px;}
}
#withdraw-confirm .modal-content .modal-body{padding: 30px 15px;}
#withdraw-confirm .modal-content .modal-body,
#withdraw-confirm .modal-content .modal-body .ment{text-align: center;}
#withdraw-confirm .modal-content .modal-body .ment p{color: black; font-size: 22px;}
#withdraw-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 10px;}
#withdraw-confirm .modal-content .modal-body .btns .black-btn{width: 140px; margin: 3px;}

#withdraw-result .modal-content .modal-body{padding: 30px 15px;}
#withdraw-result .modal-content .modal-body,
#withdraw-result .modal-content .modal-body .ment{text-align: center;}
#withdraw-result .modal-content .modal-body .ment p{color: black; font-size: 22px;}
#withdraw-result .modal-content .modal-body .btns{text-align: center; padding-top: 10px;}
#withdraw-result .modal-content .modal-body .btns .black-btn{width: 140px; margin: 3px;}

#withdraw-info{top: 0% !important;}
#withdraw-info .modal-content .modal-body{padding: 55px 50px; padding-top: 10px;}
#withdraw-info .modal-content .modal-body,
#withdraw-info .modal-content .modal-body .ment{text-align: center;}
#withdraw-info .modal-content .modal-body .btns{text-align: center; padding-top: 10px;}
#withdraw-info .modal-content .modal-body .btns .black-btn{width: 140px; margin: 3px;}
#withdraw-info .title{border-bottom: 1px solid #d5d5d5; width: 100%; font-size: 20px; font-weight: bold; text-align: left; padding-bottom: 5px; margin-bottom: 25px;}
#withdraw-info .info-row{padding: 6px 0; font-size: 18px; color: #444141;}
#withdraw-info .info-row .sub-label{width: 200px; float: left; text-align: right;}
#withdraw-info .info-row .calculated-amount{width: 320px; float: right; text-align: right;}
#withdraw-info .info-row .info{width: 320px; float: right; text-align: right;}
#withdraw-info .info-row .withdraw-request{font-weight: 600;}
#withdraw-info #withdraw-sign-number-wrap #jumin1{font-size: 18px; margin: 2px 0; padding: 4px 21px !important; text-align: center; width: 190px; margin-right: 10px;}
#withdraw-info #withdraw-sign-number-wrap #jumin2{font-size: 18px; margin: 2px 0; padding: 4px 21px !important; text-align: center; width: 190px; margin-left: 10px;}
#withdraw-info .input-txt{ font-size: 18px; margin: 2px 0; text-align: right; padding: 4px 21px !important; width: 320px;}
#withdraw-info .unit { position: absolute; display: block; right: 5px; top: 13px; z-index: 9; font-size: 16px; }
#withdraw-info #withdraw-account-info-wrap .withdraw-request-label{margin-bottom: 0; font-size: 18px;}
#withdraw-info .authentication.active{padding: 6px 0;}
.save-info-form .info-row{padding:6px 0 !important;}
.save-info-form .info-row .rmmt{margin-top: 0 !important;}
.save-info-form .auth-explain{padding-bottom: 6px;}

#corporate-withdraw-info{top: 0% !important;}
#corporate-withdraw-info .modal-content .modal-body{padding: 55px 50px; padding-top: 10px;}
#corporate-withdraw-info .modal-content .modal-body,
#corporate-withdraw-info .modal-content .modal-body .ment{text-align: center;}
#corporate-withdraw-info .modal-content .modal-body .btns{text-align: center; padding-top: 10px;}
#corporate-withdraw-info .modal-content .modal-body .btns .black-btn{width: 140px; margin: 3px;}
#corporate-withdraw-info .title{border-bottom: 1px solid #d5d5d5; width: 100%; font-size: 20px; font-weight: bold; text-align: left; padding-bottom: 5px; margin-bottom: 25px;}
#corporate-withdraw-info .info-row{padding: 6px 0; font-size: 18px; color: #444141;}
#corporate-withdraw-info .info-row .sub-label{width: 200px; float: left; text-align: right;}
#corporate-withdraw-info .info-row .calculated-amount{width: 320px; float: right; text-align: right;}
#corporate-withdraw-info .info-row .info{width: 320px; float: right; text-align: right;}
#corporate-withdraw-info .info-row .withdraw-request{font-weight: 600;}
#corporate-withdraw-info .input-txt{ font-size: 18px; margin: 2px 0; text-align: right; padding: 4px 21px !important; width: 320px;}
#corporate-withdraw-info .unit { position: absolute; display: block; right: 5px; top: 13px; z-index: 9; font-size: 16px; }
#corporate-withdraw-info #withdraw-account-info-wrap .withdraw-request-label{margin-bottom: 0; font-size: 18px;}
#corporate-withdraw-info .authentication.active{padding: 6px 0;}
.input-txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px;
  color: #c4c4c4;
}
.input-txt::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
  color: #c4c4c4;
}
.input-txt:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
  color: #c4c4c4;
}
.input-txt:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
  color: #c4c4c4;
}

/*검색어 알림설정*/
#keyword-notification-request-container{width: 580px;}
#keyword-notification-request-container .explanation-wrap p{font-size: 14px; margin-bottom: 5px; color: #827b7b; text-align: center;}
#keyword-notification-request-container .keyword-notification-request-wrap{position: relative; padding-top: 35px; padding-bottom: 35px;}
#keyword-notification-request-container .keyword-notification-request-wrap #request-keyword{height: 45px; margin: 2px 0; text-align: left; font-size: 16px; padding: 4px 20px; width: 388px;}
#keyword-notification-request-container .keyword-notification-request-wrap #btn-keyword-notification-request{background-color: #444141; padding: 10px 30px; color: white; border-radius: 0; outline: none; vertical-align: top; margin-top: 2px; font-size: 16px;}
#keyword-notification-request-container .notification-keyword-list-container{background-color: white; border-radius: 10px; width: 100%; min-height: 422px; padding: 22px;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap{}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .keyword-count-wrap{padding-bottom: 20px; font-size: 16px;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .keyword-list-wrap .each-wrap{width: 100%; border: 1px solid #e0e0e0; border-radius: 10px; padding: 21px 30px; overflow: hidden; font-size: 16px; margin-bottom: 20px;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .keyword-list-wrap .each-wrap .keyword{font-weight: 500;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .keyword-list-wrap .each-wrap .btn-delete-keyword{outline:none; background: none; border: none;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .no-keyword-wrap{text-align: center; padding-top: 80px;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .no-keyword-wrap img{padding-bottom: 20px; width: 100px;}
#keyword-notification-request-container .notification-keyword-list-container .notification-keyword-list-wrap .no-keyword-wrap p{margin-bottom: 5px; color: #827b7b;}

/*작가 수익금 전환*/
#transform-request-container{width: 680px;}
#transform-request-container #transform-request-wrap{margin: 0 20px;}
#transform-request-container #transform-request-wrap .info-row{padding: 10px 0; border-bottom: 1px solid #d5d5d5; font-size: 20px; color: #827b7b;}
#transform-request-container #transform-request-wrap .info-row .transform-request{font-weight: 600;}
#transform-request-container .input-txt{ font-size: 14px; margin: 2px 0; text-align: right; padding: 2px 21px !important;}
#transform-request-container #select-bank{width: 232px;padding: 1px 15px 1px !important;}
#transform-request-container .input-txt.form-control:focus{-webkit-box-shadow:none; box-shadow: none;}
#transform-request-container .input-txt.form-control{height: auto; border-radius: 0;}
#transform-request-container #transform-name{font-size: 16px; margin: 2px 0;}
#btn-transform-request{width: 220px; font-size: 18px; font-weight: 400 !important; padding: 6px 12px;}
#btn-transform-request:hover{background-color: #338fed; border-color: #338fed;}
#transform-request-container .unit { position: absolute; display: block; right: 5px; top: 13px; z-index: 9; font-size: 16px; }

@media (min-width: 768px){
  #transform-confirm .modal-dialog{width: 430px;}
  #transform-result .modal-dialog{width: 450px;}
}
#transform-confirm .modal-content .modal-body{padding: 30px 15px;}
#transform-confirm .modal-content .modal-body,
#transform-confirm .modal-content .modal-body .ment{text-align: center;}
#transform-confirm .modal-content .modal-body .ment p{color: black; font-size: 22px;}
#transform-confirm .modal-content .modal-body .btns{text-align: center; padding-top: 10px;}
#transform-confirm .modal-content .modal-body .btns .black-btn{width: 140px; margin: 3px;}

#transform-result .modal-content .modal-body{padding: 30px 15px;}
#transform-result .modal-content .modal-body,
#transform-result .modal-content .modal-body .ment{text-align: center;}
#transform-result .modal-content .modal-body .ment p{color: black; font-size: 22px;}
#transform-result .modal-content .modal-body .btns{text-align: center; padding-top: 10px;}
#transform-result .modal-content .modal-body .btns .black-btn{width: 140px; margin: 3px;}

/*
018 upload_detail(업로드상세페이지)
==============================================================================================*/
/*07 photo상세페이지와 동일*/
.upload-detail-page-wrap .photo-image-wrap{border-bottom: 0 !important;}
.upload-detail-page-wrap .photo-detail-container{padding-top: 30px;}
.upload-detail-page-wrap .photo-detail-container .photo-detail-wrap .photo-info-wrap .photo-info .photo-details{font-size: 14px;}

/*
019 challenge_intro(도전테마 인트로)
==============================================================================================*/
#challenge-intro{width: 100%; height: 100%; min-height: 950px; background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url(https://cdn.crowdpic.net/images/challenge/challenge_main2.jpg); background-size: cover; background-position: center; }
#challenge-intro #challenge-title-wrap{width: 100%; text-align: center; color: white; position: relative; padding-top: 200px;}
#challenge-intro #challenge-title-wrap h1{font-size: 44px;}
#challenge-intro #challenge-title-wrap p{font-size: 18px; margin-bottom: 5px;}
#challenge-intro #challenges-wrap{width: 100%; text-align: center; position: relative; padding-top: 50px;}
#challenge-intro #challenges-wrap .each-challenge-wrap{background-color: white; display: inline-block; position: relative; border-radius: 10px; height: 370px; margin: 6px; color: black; box-shadow: 4px 4px 4px rgba(0,0,0,.1);}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-image-wrap{position: relative; border-radius: 10px; width: 247px; height: 170px; margin: 8px; margin-bottom: 0; background-size: cover !important; z-index: 11;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-image-wrap .theme-wrap{display: table; width: 100%; height: 100%; position: absolute; z-index: 11;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-image-wrap .theme-wrap .theme-info{display: table-cell; vertical-align: middle; padding: 20px; color: white;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-image-wrap .theme-wrap .theme-info p{font-size: 18px; margin-bottom: 0; font-weight: 500;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-image-wrap .dark-div{border-radius: 10px; width: 100%; height: 100%; display: block; position: absolute; z-index: 10; left: 0; background-color: rgba(0,0,0,.2); transition: all .2s ease-in;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-info-wrap{text-align: center; display: table; width: 100%; height: 140px;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-info-wrap .challenge-info{display: table-cell; vertical-align: middle;}
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-info-wrap .challenge-info p{margin-bottom: 3px; font-weight: 500;}
/*#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-info-wrap .challenge-info p:first-child{margin-bottom: 12px;}*/
#challenge-intro #challenges-wrap .each-challenge-wrap .challenge-period{text-align: center; padding-bottom: 5px; padding-top: 13px; border-top: 1px solid #d5d5d5; margin: 0 15px; font-weight: 500;}

/*
020 challenge_upload(도전테마 업로드)
==============================================================================================*/
#challenge-upload-wrap{background-color: #f3f0f0; width: 100%;}
#challenge-upload-wrap #challenge-upload-container{width: 100%; max-width:1300px; padding: 60px 0px; height: auto; margin: 0 auto; overflow: auto;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation{width: 51%; height: 100%; float: left; padding: 0 50px; border-right: 1px solid #d5d5d5;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation h3:nth-child(1){margin-top: 0; margin-bottom: 20px;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation .challenge-guide-ment{font-size: 16px; margin-bottom: 30px;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation ul{padding-left: 18px;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation ul li{font-size: 16px; line-height: 23px;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation ul li span{font-size: 16px;}
#challenge-upload-wrap #challenge-upload-container #challenge-upload{width: 49%; height: 100%; float: right; text-align: left; padding: 0 50px;}
#challenge-upload-wrap #challenge-upload-container #challenge-upload h2{margin-top: 0; font-weight: bold;}
#challenge-upload-wrap #challenge-upload-container #challenge-upload .quality-guide{padding-top: 20px;}
#challenge-upload-wrap #challenge-upload-container #upload-tag-wrap{width: 600px; margin: 0 auto;}
#challenge-upload-wrap #challenge-upload-container #challenge-explanation a:hover,
#challenge-upload-wrap #challenge-upload-container #challenge-explanation a:focus{color: #F29661;}

/*
021 메인 롤링배너
==============================================================================================*/
#banner {position:absolute;width:300px;height: 421px; right: 8%; top: 22%; visibility: visible;}
#banner .img, #banner .view_num, #banner .p {display:none;}
#banner .img{width:300px;height:399px;margin-bottom:0px;}
#banner ul{position:relative; list-style:none;}
#banner li{float:left;}

#banner li.li1{display:block;position:absolute;top:0;left:0;}
#banner li.li2{display:none;position:absolute;top:0;left:0;}
#banner li.li3{display:none;position:absolute;top:0;left:0;}
#banner li.li4{display:none;position:absolute;top:0;left:0;}
#banner li.li5{display:none;position:absolute;top:0;left:0;}
#banner li.li6{display:none;position:absolute;top:0;left:0;}
#banner li.li7{display:none;position:absolute;top:0;left:0;}

#banner ul.view_num {position:absolute;bottom:20px;left: 60px;}
#banner ul.view_num li
{display:block;width:12px;height:20px;line-height:20px;margin-right:5px;padding-left:6px;}
#banner ul.view_num li a{width: 9px;height: 9px;display: inline-block;text-indent: -999em;vertical-align: middle; border-radius:15px;background-color: #d5d5d5;}
#banner ul.view_num li.first a{background-color: #ff7171;}

#banner ul.play li{padding-right:5px;}

#banner .banner-close{position: relative; width: 100%; height: 22px; background-color: white;}
#banner .banner-close #pop-close{color: black; font-size: 12px; font-family: '돋움'; float: right; padding-right: 20px; margin-top: 4px;}
#banner .banner-close #check-pop-close{margin-left:5px; margin-top: 5px; width: 13px; height: 13px; margin-right: 1px; vertical-align: middle; float: left;}
#banner .banner-close #label-pop-close{font-weight: 400; display: block; text-align: left; padding-left: 20px; font-family:'돋움'; font-size: 12px; float: left; cursor: pointer;margin-bottom: 0; margin-top: 4px;}

/*
022 테마 리스트
==============================================================================================*/
#theme-list-wrap{width: 100%; min-height: 100%; background-color: #f3f0f0;}
#theme-list-wrap #theme-list-container{position: relative; overflow: hidden; margin: 0 auto; padding-top: 50px; max-width: 1260px;}
#theme-list-wrap #theme-wrap{text-align: left; padding-bottom: 100px; max-width: 1036px; width: calc(100% - 200px); float: right;}
#theme-list-wrap #theme-wrap .theme-container{display: inline-block; position: relative; border-radius: 10px; width: 330px; height: 170px; margin: 6px; background-size: cover !important; text-align: center;}
#theme-list-wrap #theme-wrap .theme-container .challenge_icon_white{position: absolute; top: 10px; left: 10px; z-index: 11; width: 32px;}
#theme-list-wrap #theme-wrap .theme-container .theme-info-wrap{display: table; width: 100%; height: 100%; position: absolute; z-index: 11;}
#theme-list-wrap #theme-wrap .theme-container .theme-info-wrap .theme-info{display: table-cell; vertical-align: middle; padding: 20px; color: white;}
#theme-list-wrap #theme-wrap .theme-container .theme-info-wrap .theme-info .theme_name{font-size: 18px; margin-bottom: 0; font-weight: 500;}
#theme-list-wrap #theme-wrap .theme-container .theme-info-wrap .theme-info .theme_count{font-size: 18px; font-weight: 200;}
#theme-list-wrap #theme-wrap .theme-container .theme-info-wrap .theme-info .theme_count span{font-weight: 500;}
#theme-list-wrap #theme-wrap .theme-container .dark-div{border-radius: 10px; width: 100%; height: 100%; display: block; position: absolute; z-index: 10; left: 0; background-color: rgba(0,0,0,.2); transition: all .2s ease-in;}
#theme-list-wrap #challenge-explain-wrap{margin: 0 auto; padding-top: 60px; padding-bottom: 10px; text-align: right; padding-right: 6px;}
#theme-list-wrap #challenge-explain-wrap .challenge_icon_blue{width: 30px; margin-right: 5px; margin-bottom: 3px;}
#theme-list-wrap #challenge-explain-wrap span{font-size: 15px;}
#theme-list-wrap #challenge-explain-wrap #theme-nav-title-wrap{position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #d5d5d5;}

@media (max-width: 1249px){
  #theme-list-wrap #theme-list-container{width: 900px;}
  #theme-list-wrap #theme-wrap{width: 690px;}
}
#theme-nav-wrap{width: 200px; float: left; padding-bottom: 20px; margin-top: 6px;}
#theme-nav-wrap ul>li>a{font-size: 15px; text-align: center; color: black; padding: 15px 0;}
#theme-nav-wrap ul>li>a:hover, #theme-nav-wrap ul>li>a:active, #theme-nav-wrap ul>li>a:focus{background-color: white; color: black;}
#theme-nav-wrap ul>li>a.active{color: white; background-color: #338fed;}
/*
023 작가 포트폴리오
==============================================================================================*/
.scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content {border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0 !important; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0; width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0; width: 0;}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div{border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-inner > .scroll-element div{display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-inner > .scroll-element.scroll-x {bottom: 2px; height: 8px; left: 0; width: 100%;}
.scrollbar-inner > .scroll-element.scroll-y {height: 100%; right: 2px; top: 0; width: 8px;}
.scrollbar-inner > .scroll-element .scroll-element_outer {overflow: hidden;}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4;}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }


#photo-list-page .mod{display: none;}
#photo-list-page #content-container{position:relative; z-index: 1; padding: 0; margin-left: auto; margin-right: auto; width: 100%; height: 100%;}
#photo-list-page #content-container #content-container2{position: relative;}
#photo-list-page #content-container #content-container2 #content-wrap{position: relative; z-index: inherit; -webkit-box-align: start; display: -webkit-box; display: flex; padding: 20px 15px 50px 30px; align-items: flex-start; margin: 0 auto; height: 100%;}
#content-container #content-wrap #profile-container-wrap{position: relative; width: 360px; transition: .4s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#content-container #content-wrap #profile-container-wrap.sticky{position: sticky; top: 130px;}
#content-container #content-wrap #profile-container-wrap.sticky .sticky-display-none{display: none;}
#content-container #content-wrap #profile-container-wrap #profile-container{position: relative; display: block; width: 360px; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgb(25 25 25 / 10%); flex-shrink: 0; padding-bottom: 50px; -webkit-transition: top 0.5s; transition: top 0.5s;}
#content-container #content-wrap #profile-container-wrap.sticky #profile-container{display: none;}
#content-container #content-wrap #profile-container-wrap.nosticky #profile-container{display: block !important;}
#content-container #content-wrap #profile-container .edit-wrap{position: absolute; cursor: pointer;}
#content-container #content-wrap #profile-container .edit-wrap .btn-edit-wrap{position: relative; width: 24px; height: 24px; background-color: #ff7171; border-radius: 80px; border: 1px solid #ff7171;}
#content-container #content-wrap #profile-container .edit-wrap .btn-edit-wrap img{width: 16px; position: absolute; left: 3px; top: 3px;}
#content-container #content-wrap #profile-container .edit-wrap.edit-nickname{display:inline-block; top: 6px; padding-left: 6px;}
#content-container #content-wrap #profile-container .edit-wrap.edit-share-url{display:inline-block; top: -2px; padding-left: 6px;}
#content-container #content-wrap #profile-container .edit-wrap.edit-sns,
#content-container #content-wrap #profile-container .edit-wrap.edit-profile-contents,
#content-container #content-wrap #profile-container .edit-wrap.edit-creative-tools{top: 5px; right: 2px;}
#content-container #content-wrap #profile-container #profile-edit-ok{position: absolute; top: 20px; right: 2px; background-color: #ff7171; color: white; border-radius: 5px; font-size: 12px; padding: 3px 5px; display: none; cursor: pointer;}
#content-container #content-wrap #profile-container .profile-wrap{position: absolute; top: 85px; left: 50%; transform: translateX(-50%); z-index: 11;}
#content-container #content-wrap #profile-container .profile-wrap .profile{position: relative; background-size: cover; background-position: center; width: 103px; height: 103px; border-radius: 80px; border: 3px solid #f3f0f0; overflow: hidden;}
#content-container #content-wrap #profile-container .profile-wrap .profile img{position: absolute; width: 103px; top: -3px; left: -3px;}
#content-container #content-wrap #profile-container .profile-wrap .edit-pimg-wrap{position: absolute; bottom: 5px; right: 5px; cursor: pointer;}
#content-container #content-wrap #profile-container .profile-wrap .edit-pimg-wrap .btn-edit-wrap{position: relative; width: 24px; height: 24px; background-color: #ff7171; border-radius: 80px; border: 1px solid #ff7171;}
#content-container #content-wrap #profile-container .profile-wrap .edit-pimg-wrap .btn-edit-wrap img{width: 16px; position: absolute; left: 3px; top: 3px;}
#content-container #content-wrap #profile-container .profile-background-image{position: relative; width: 100%; height: 150px; background: #827b7b; overflow: hidden; margin-bottom: 45px; z-index: 10; border-top-left-radius: 5px; border-top-right-radius: 5px; background-repeat: no-repeat; background-position: center center;}
#content-container #content-wrap #profile-container .profile-background-image .bg-img{height: 100%;}
#content-container #content-wrap #profile-container .profile-background-image .share-wrap{position: absolute; bottom: 10px; right: 10px; cursor: pointer;}
#content-container #content-wrap #profile-container .profile-background-image .share-wrap .share-img-wrap{position: relative; width: 35px; height: 35px; background-color: rgba(255,255,255,.1); border-radius: 80px; border: 1px solid #ffffff;}
#content-container #content-wrap #profile-container .profile-background-image .share-wrap .share-img-wrap img{width: 20px; position: absolute; top: 8px; left: 8px;}
#content-container #content-wrap #profile-container .profile-background-image .edit-bgimg-wrap{position: absolute; top: 10px; right: 10px; cursor: pointer;}
#content-container #content-wrap #profile-container .profile-background-image .edit-bgimg-wrap .btn-edit-wrap{position: relative; width: 28px; height: 28px; background-color: #ff7171; border-radius: 80px; border: 1px solid #ffffff;}
#content-container #content-wrap #profile-container .profile-background-image .edit-bgimg-wrap .btn-edit-wrap img{width: 16px; position: absolute; top: 5px; left: 5px;}
#content-container #content-wrap #profile-container .btn-edit-url{position:absolute; bottom: 10px; right: 10px; color: #ffffff; padding: 3px 7px; border: 1px solid #ffffff; background-color: rgba(255,255,255,.1); border-radius: 5px; font-size: 12px; cursor: pointer;}
#content-container #content-wrap #profile-container .btn-edit-url img{position: relative; top: -1px;}
#content-container #content-wrap #profile-container .btn-edit-on{position:absolute; top: 157px; right: 10px; color: #444141; padding: 5px 10px; border: 1px solid #d8d8d8; border-radius: 5px; font-size: 12px; cursor: pointer;}
#content-container #content-wrap #profile-container .btn-edit-off{position:absolute; top: 157px; right: 10px; color: #ffffff; padding: 5px 10px; border: 1px solid #ff7171; background-color: #ff7171; border-radius: 5px; font-size: 12px; cursor: pointer;}
#content-container #content-wrap #profile-container .nickname-wrap{position: relative; font-size: 24px; font-weight: 500; padding-bottom: 3px; text-align: center; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}
#content-container #content-wrap #profile-container .share-url-wrap{position: relative; color: #B9B3B3; font-size: 12px; font-weight: 400; padding-bottom: 23px; text-align: center; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}
#content-container #content-wrap #profile-container #profile-detail-info-container{padding: 0 30px;}
#content-container #content-wrap #profile-container #profile-detail-info-container .sub-title{font-size: 14px; font-weight: 500;}
#content-container #profile-detail-info-container .btn-wrap .btn-follow{background-color: #338fed; font-weight: 500; border: 1px solid #338fed; border-radius: 20px; color: #ffffff; padding: 9px 0px; text-align: center; margin-bottom: 6px; cursor: pointer;}
#content-container #profile-detail-info-container .btn-wrap .btn-follow.following{background-color: #f3f0f0; border-color: #f3f0f0; color: #444141;}
#content-container #profile-detail-info-container .btn-wrap .btn-message{display: flex; align-items: center; justify-content: center; border: 1px solid #338fed; border-radius: 20px; color: #338fed; padding: 9px 0px; text-align: center; cursor: pointer;}
#content-container #profile-detail-info-container .btn-wrap .btn-message svg{margin-right: 7px; width: 14px; height: auto; margin-top: 1px;}
#content-container #profile-detail-info-container .profile-dashboard-wrap{padding: 20px 0px; border-bottom: 1px solid #e7e7e7;}
#content-container #profile-detail-info-container .profile-dashboard-wrap .count-wrap{overflow: hidden; padding: 4px 0px;}
#content-container #profile-detail-info-container .profile-dashboard-wrap .count-wrap span:nth-child(2){font-weight: 500;}
#content-container #profile-detail-info-container .profile-social-wrap{position: relative; padding: 20px 0px; border-bottom: 1px solid #e7e7e7;}
#content-container #profile-detail-info-container .profile-social-wrap .social{padding: 0px 12px;}
#content-container #profile-detail-info-container .profile-social-wrap .social:nth-child(1){padding-left: 0;}
#content-container #profile-detail-info-container .profile-social-wrap .social:last-child{padding-right: 0;}
#content-container #profile-detail-info-container .profile-social-wrap .social .opacity{opacity: 0.3;}
#content-container #profile-detail-info-container .profile-social-wrap .popover{max-width: unset !important;}
#content-container #profile-detail-info-container .profile-social-wrap .popover-content a{color: #338fed;}
#content-container #profile-detail-info-container .profile-contents-wrap{position: relative; padding: 20px 0px; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
#content-container #profile-detail-info-container .profile-contents-wrap .scroll-wrapper{position: relative;}
#content-container #profile-detail-info-container .profile-contents-wrap #profile{overflow-y: scroll; height: 100px; max-height: 100px; font-size: 14px; color: #827b7b; min-height: 30px;}
#content-container #profile-detail-info-container .profile-contents-wrap #profile textarea{display: none; position: relative; width: 100%; height: 100px; border: none; background-color: rgba(213,213,213,.3); resize: none; outline: none;}
#content-container #profile-detail-info-container .profile-contents-wrap #profile .no-profile{text-align: center; line-height: 30px; color: #c9c9c9;}
#content-container #profile-detail-info-container .profile-contents-wrap #profile #profile-contents{margin-right: 10px; word-break: break-all; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}
#content-container #profile-detail-info-container .creative-tools-wrap{position: relative; padding: 20px 0px; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
#content-container #profile-detail-info-container .creative-tools-wrap .creative-tools{padding: 0; margin: 0; list-style-type:none;}
#content-container #profile-detail-info-container .creative-tools-wrap .creative-tools .tool{color: #827b7b; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;}
#content-container #content-wrap #photo-list-container{-webkit-box-flex: 1; flex: 1; margin: 0px 0px 0px 15px; height: 100%;}

.search-photographer-list{height: 100%;}
.search-photographer-list #gallery-container{background-color: white; border-radius: 10px; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.2); -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.2); box-shadow: 0px 2px 6px rgba(0,0,0,.2); min-height: 100%;}
.search-photographer-list #collection-title-wrap .title-container{padding: 19px 15px 5px 15px;}
.search-photographer-list #collection-title-wrap .title-container .title-wrap{border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.search-photographer-list #collection-title-wrap .title-container .title-wrap .title{padding-left: 10px; margin-bottom: 15px; font-weight: 400; font-size: 24px; float: left;}
.search-photographer-list #collection-title-wrap .title-container .title-wrap .btn-go-editor{background-color: #338fed; border: 1px solid #338fed; border-radius: 20px; color: #ffffff; padding: 4px 30px; text-align: center; cursor: pointer;}
.search-photographer-list #share-btn-wrap .btn{padding: 6px 8px; background-color: white; border-radius: 40px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.2); box-shadow: 0px 1px 1px rgba(0,0,0,.2);}
.search-photographer-list #share-btn-wrap .btn:hover{background-color: rgb(225,225,225); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.search-photographer-list #share-btn-wrap .btn img{margin-bottom: 3px;}
#tab-menu-wrap .tab-menu-wrap{padding-left: 90px; overflow: hidden;}
#tab-menu-wrap .tab-menu-wrap ul{float: left; list-style: none; margin-bottom:0; padding-left: 0;}
#tab-menu-wrap .tab-menu-wrap ul li:first-child a {
  z-index: 3;
  color: #ffffff;
  background: #d6cdcd;
  border: 1px solid #d6cdcd;
  border-bottom: 0;
}
#tab-menu-wrap .tab-menu-wrap ul li:nth-child(2){
  margin: 0 -10px;
}
#tab-menu-wrap .tab-menu-wrap ul li:nth-child(2) a {
  z-index: 2;
  color: #ffffff;
  background: #b9b3b3;
  border: 1px solid #b9b3b3;
  border-bottom: 0;
}
#tab-menu-wrap .tab-menu-wrap ul li:last-child a {
  z-index: 1;
  color: #ffffff;
  background: #d6cdcd;
  border: 1px solid #d6cdcd;
  border-bottom: 0;
}
#tab-menu-wrap .tab-menu-wrap .group:before,
#tab-menu-wrap .tab-menu-wrap .group:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
#tab-menu-wrap .tab-menu-wrap .group:after {
  clear: both;
}
#tab-menu-wrap .tab-menu-wrap .tab-menu{width: 115px; float: left;}
#tab-menu-wrap .tab-menu-wrap .tab-menu a{
  /*background-color: #c5bcbc; color: white; line-height: 20px; position: relative; padding-top: 9px; padding-bottom: 9px; display: block; height: 100%; text-align: center;*/
  position: relative;
  display: block;
  margin-top: 7px;
  font-size: 14px;
  padding: 8px 0 5px 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: padding 0.2s ease, margin 0.2s ease;
  -moz-transition: padding 0.2s ease, margin 0.2s ease;
  -o-transition: padding 0.2s ease, margin 0.2s ease;
  -ms-transition: padding 0.2s ease, margin 0.2s ease;
  transition: padding 0.2s ease, margin 0.2s ease;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
#tab-menu-wrap .tab-menu-wrap .tab-menu a:hover{
  margin: 5px 0 0 0;
  padding: 10px 0 5px 0;
}
#tab-menu-wrap .tab-menu-wrap .tab-menu.active a{
  margin-top: 0px;
  padding: 10px 0 10px 0;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #444141;
  z-index: 4;
  outline: none;
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.2); -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.2); box-shadow: 0px 2px 6px rgba(0,0,0,.2);
}
.tab-menu-container{padding-top: 6px; position: relative;}
#fixed-tab-menu-wrap{display: none; overflow: hidden; width: 100%; min-width: 1366px; background-color: rgba(255,255,255,.85); position: fixed; top: 60px; z-index: 10; margin: 0px !important;}
#fixed-tab-menu-wrap .fixed-tab-wrap{margin: 10px 65px; margin-left: 405px; margin-right: 15px; overflow: hidden;}
#tab-menu-wrap .search-filter-btn-wrap{position: absolute; top: 6px; left: 0;}
#tab-menu-wrap .right-info-wrap{position:absolute; right: 0; top:0;}
.tab-menu-container .search_filter_btn.btn-off{border: 2px solid #ff7171; font-weight: 500; margin-right: 15px; border-radius: 5px; float: left; padding: 5px 10px; background-color: #ffffff; color: #ff7171; cursor: pointer; width: 76px; text-align: center; display: none;}
.tab-menu-container .search_filter_btn.btn-on{border: 2px solid #338fed; font-weight: 500; margin-right: 15px; border-radius: 5px; float: left; padding: 5px 10px; background-color: #ffffff; color: #338fed; cursor: pointer; width: 76px; text-align: center;}
.tab-menu-container .search_filter_btn img{margin-bottom: 2px;}
.tab-menu-container #share-btn-wrap{padding-left: 15px;}
.tab-menu-container .filter-count{color: #827b7b; padding: 6px 0; float: right;}
.tab-menu-container .filter-count .loading-counts{font-weight: 600;}


#photo-list-page.photographer-page #filter-container, #photo-list-page.photographer-page .search-filter-header2{display: none;}
#photo-list-page .quality-control i:hover{background-color: #ff7171;}
#photo-list-page footer{display: none;}
#photo-list-page .nav-reaction{transition: margin-left .4s ease-out; margin-left: 0px;}
#photo-list-page .nav-reaction.active{margin-left: 280px;}
#photo-list-page .free-banner-wrap{height: 50px; background-color: #444141; margin-top: 15px;}
#photo-list-page .free-banner-wrap .free-banner-inner-wrap{overflow: hidden; text-align: center; padding-top: 12px;}
#photo-list-page .free-banner-wrap .free-banner-inner-wrap div.wh{font-size: 16px;}
#photo-list-page .free-banner-wrap .free-banner-inner-wrap a{width: auto; font-size: 16px; padding: 2px 7px; margin-left: 20px; margin-top: -3px;}
#photo-list-page .nav-reaction2{transition: margin-left .4s ease-out; margin-left: 0px; height: 100%;}
#photo-list-page .nav-reaction2.active{margin-left: 250px;}
#photo-list-page #search-filter-wrap{position: fixed; top: 60px; transition: left 0.4s ease-out 0s; left: -300px;}
#photo-list-page #search-filter-wrap.active{left: 0px;}

#modal-profile-image, #modal-background-image{top: 0; padding-right: 0px !important;}
#modal-profile-image .modal-dialog, #modal-background-image .modal-dialog{width: 100%; height: 100%; margin: 0; padding: 0;}
#modal-profile-image .modal-content, #modal-background-image .modal-content{height: auto; min-height: 100%; border-radius: 0;}
#modal-profile-image .cr-slider-wrap{width: 500px !important; margin-top: 30px;}
#modal-background-image .cr-slider-wrap{width: 500px !important; margin-top: 30px;}
#modal-profile-image .modal-close, #modal-background-image .modal-close, #modal-edit-nickname .modal-close, #modal-edit-social .modal-close, #modal-edit-device .modal-close, #modal-edit-url .modal-close{text-align: center; padding-top: 30px;}
#modal-profile-image .modal-close a, #modal-background-image .modal-close a, #modal-edit-nickname .modal-close a, #modal-edit-social .modal-close a, #modal-edit-device .modal-close a, #modal-edit-url .modal-close a{width: 120px; margin: 10px;}
#modal-profile-image .rotate-wrap, #modal-background-image .rotate-wrap{text-align: center; padding-top: 10px;}
#modal-profile-image .rotate-wrap button, #modal-background-image .rotate-wrap button{width: 120px; margin: 10px;}

#modal-edit-social .edit-social-wrap .social-each-wrap{margin: 20px 0 0; margin-bottom: 5px;}
#modal-edit-social .edit-social-wrap .social-each-wrap label{text-align: right; display: inline-block; vertical-align: middle; width: 127px; margin: 0 14px 0 0; font-size: 16px;}
#modal-edit-social .edit-social-wrap .social-each-wrap .each-url{vertical-align: middle; width: 340px; padding: 2px 3px; font-size: 16px; outline: none;}
#modal-edit-social .input-group-btn .btn-add, #modal-edit-social .input-group-btn .btn-remove{padding: 4px 10px; border-radius: 0; margin-left: -3px; font-size: 14px; background: #338fed; color: white; outline: none;}
#modal-edit-social hr{border-color: #eee; border-width: 1px; max-width: 500px;}

#modal-edit-device .edit-device-wrap .device-each-wrap{margin: 20px 0 0; margin-bottom: 5px;}
#modal-edit-device .edit-device-wrap .device-each-wrap label{text-align: right; display: inline-block; vertical-align: middle; width: 127px; margin: 0 14px 0 0; font-size: 16px;}
#modal-edit-device .edit-device-wrap .device-each-wrap .each-url{vertical-align: middle; width: 340px; padding: 2px 3px; font-size: 16px; outline: none;}
#modal-edit-device .input-group-btn .btn-add, #modal-edit-device .input-group-btn .btn-remove{padding: 4px 10px; border-radius: 0; margin-left: -3px; font-size: 14px; background: #338fed; color: white; outline: none;}
#modal-edit-device hr{border-color: #eee; border-width: 1px; max-width: 500px;}
#profile-all-wrap .tooltip-inner, #profile-all-wrap .tooltip-arrow{font-size: 14px;}

.no-collection{width: 100%; height: 100%; opacity: unset !important; padding-top: 10%; padding-bottom: 300px;}
.no-collection p{font-size: 24px;}
.no-collection .btn-create-collection{background-color: #338fed; font-weight: 500; border: 1px solid #338fed; border-radius: 20px; color: #ffffff; padding: 9px 80px; text-align: center; margin-bottom: 6px; cursor: pointer; font-size: 16px;}

#grid-wrap #collection-list-wrap{justify-content: center; flex-wrap: wrap; flex-direction: row; display:flex;}
#grid-wrap #collection-list-wrap .create-collection-wrap{width: 270px; height: 254px; border: 1px solid #ebebeb; margin: 10px; clear: both; border-radius: 10px; display: table; position: relative; float: left;}
#grid-wrap #collection-list-wrap .collection-each-wrap{width: 270px; background-color: white; margin: 10px; clear: both; border-radius: 10px; display: inline-block; position: relative;}
#grid-wrap #collection-list-wrap .collection-each-wrap:hover .photo-wrap{-webkit-filter: brightness(0.9); -moz-filter: brightness(0.9); -o-filter: brightness(0.9); -ms-filter: brightness(0.9);}
#grid-wrap #collection-list-wrap .collection-each-wrap .icon-wrap{text-align: left; position: absolute; top: 10px; right: 10px; display: none;}
#grid-wrap #collection-list-wrap .collection-each-wrap .icon-wrap .btn-like-delete{background:none; border: none;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap{width: 100%; height: 254px; overflow: hidden; border: 1px solid #ebebeb; border-radius: 10px; color: black; cursor: pointer;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .fa-photo{width: 250px; min-height: 180px; height: auto; text-align: center;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .info-wrap{position: relative; padding: 10px; padding-bottom: 15px;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .info-wrap .title{color: #444141; font-weight: 500; margin-bottom: 5px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .photo-wrap{overflow: hidden; height: 180px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .photo-wrap .division4{width: 134px; height: 90px; overflow: hidden; display: inline-block; border: 1px solid #efefef; position: relative; float: left;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .photo-wrap .division3{width: 134px; height: 180px; overflow: hidden; display: inline-block; border: 1px solid #efefef; position: relative; float: left; border-top-left-radius: 9px;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .photo-wrap .division2{width: 134px; height: 180px; overflow: hidden; display: inline-block; border: 1px solid #efefef; position: relative; float: left;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .photo-wrap .division1{width: 268px; height: 184px; overflow: hidden; display: inline-block; border: 1px solid #efefef; position: relative; background-color: #f3f0f0; border-top-left-radius: 9px; border-top-right-radius: 9px;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .photo-wrap .division img{position: absolute; bottom: -108%; top: -108%; left: -108%; right: -108%; margin: auto; min-width: 100%; min-height: 100%;}
#grid-wrap #collection-list-wrap .collection-each-wrap .collection-wrap .info-wrap .photo-count{font-size: 12px; color: #827b7b; margin-bottom: 0px;}

#photo-list-page #pic-all-container{display: none;}
#photo-list-page #pic-container{display: flex; height: 735px;}
#photo-list-page #pic-title-wrap .title-container{padding: 19px 15px 0px 15px;}
#photo-list-page #pic-title-wrap .title-container .title-wrap{border-bottom: 1px solid #e0e0e0; overflow: hidden;}
#photo-list-page #pic-title-wrap .title-container .title-wrap .title{padding-left: 10px; margin-bottom: 15px; font-weight: 400; font-size: 24px; float: left;}
#photo-list-page #pic-title-wrap .title-container .title-wrap .btn-go-editor{background-color: #338fed; border: 1px solid #338fed; border-radius: 20px; color: #ffffff; padding: 4px 30px; text-align: center; cursor: pointer; margin-bottom: 19px;}
#photo-list-page #pic-container #pic-wrap{display: flex; flex: 1; padding: 20px;}
#pic-wrap #info-container{display: flex; flex: none; flex-direction: column; width: 470px; padding-right: 20px;}
#pic-wrap #info-container #info-wrap{margin-top: auto; width: 100%;}
#pic-wrap #info-container #info-wrap #title{font-size: 23px; font-weight: 300; padding-bottom: 20px;}
#pic-wrap #info-container #info-wrap #description{color: #827b7b; font-size: 12px; padding-bottom: 40px;}
#pic-wrap #info-container #info-wrap #count-wrap{display:flex; padding-bottom: 22px;}
#pic-wrap #info-container #info-wrap #count-wrap .count{font-size: 19px; color: #827b7b; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
#pic-wrap #info-container #info-wrap #count-wrap .slide-button-wrap{display: flex; margin-left: auto;}
#pic-wrap #info-container #info-wrap #count-wrap .slide-button-wrap .btn-slide{display: flex; align-items: center; justify-content: center; cursor: pointer;}
#pic-wrap #info-container #info-wrap #count-wrap .slide-button-wrap .btn-slide.right svg{transform: rotate(180deg);}
#pic-wrap #info-container #info-wrap #thumbnail-wrap{position: relative;}
#pic-wrap #info-container #info-wrap #thumbnail-wrap .swiper-slide {width: auto; opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); border: 1px solid transparent;}
#pic-wrap #info-container #info-wrap #thumbnail-wrap .swiper-slide-active {opacity: 1; -webkit-filter: initial; filter: initial;}
#pic-wrap #info-container #info-wrap #thumbnail-wrap .swiper-slide img{cursor: pointer; width: auto; height: 85px; object-fit: contain;}

#pic-wrap #pic-image-container{display: flex; align-items: center; justify-content: center; -webkit-box-flex: 1; flex: 1; overflow: auto;}
#pic-wrap #pic-image-container .pic_image{max-width: 100%; max-height: 100%;}

#send-message, #send-message-result{z-index: 100000000;}
#send-message .modal-dialog, #send-message-result .modal-dialog{width: 520px; height: 520px;}
#send-message .modal-content, #send-message-result .modal-content{height: 100%;}
#send-message .modal-body, #send-message-result .modal-body{padding: 25px; height: 100%;}
#send-message .send-message-container, #send-message-result .send-message-container{height: 100%;}
#send-message .message-send-wrap .header{text-align: center;}
#send-message .message-send-wrap .header .image-wrap{position: relative; width: 60px; height: 60px; display: inline-block; margin-bottom: 10px; border: 2px solid #f3f0f0; border-radius: 80px;}
#send-message .message-send-wrap .header .image-wrap img{width: 100%; height: 100%; border-radius: 50px;}
#send-message .message-send-wrap .header .nickname-wrap{font-size: 16px; padding-bottom: 24px;}
#send-message .message-send-wrap .textarea-wrap #msg{
  width: 100%;
  /*resize: none;*/
  line-height: 1.5;
  height: 290px;
  padding: 10px;
  padding-right: 85px;
  margin: 0;
  -webkit-appearance: none;
  border: none;
  border-radius: 5px;
  background-color: #F3F0F0;
  outline: none;
}
#send-message .message-send-wrap .btn-wrap{text-align: right; padding-top: 24px;}
#send-message .message-send-wrap .btn-wrap .btn{width: 100px; outline: none;}
#send-message .message-send-wrap .btn-wrap .btn-cancel{margin-right: 5px;}
#send-message .message-send-wrap .btn-wrap .btn-send{background-color: #338fed; color: #ffffff;}

#send-message-result .message-result-wrap{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row;}
#send-message-result .message-result-wrap .result-wrap{width: 300px; text-align:center;}
#send-message-result .message-result-wrap .image-wrap{position: relative; width: 60px; height: 60px; display: inline-block; margin-bottom: 22px; border: 2px solid #f3f0f0; border-radius: 80px;}
#send-message-result .message-result-wrap .image-wrap img{width: 100%; height: 100%; border-radius: 50px;}
#send-message-result .message-result-wrap .ment{font-size: 16px; font-weight: 500;}
#send-message-result .message-result-wrap .btn-wrap{padding-top: 80px; display: flex;}
#send-message-result .message-result-wrap .btn-wrap .btn{width:50%; font-size: 16px; outline: none;}
#send-message-result .message-result-wrap .btn-wrap .btn-cancel{margin-right: 5px;}
#send-message-result .message-result-wrap .btn-wrap .btn-go-mypage{margin-left: 5px; color: #ffffff; background-color: #338fed;}


/*
024 필터
==============================================================================================*/
#relation-keywords{height: 50px; margin-left: 280px; background-color: white; border-bottom: 1px solid #e7e7e7; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;}
#relation-keywords #history-wrap{position: relative; display: flex;}
#relation-keywords #history-wrap .search-filter-header-wrap{cursor: pointer; display: none;}
#relation-keywords #history-wrap .search-filter-header-wrap .search-filter-header1{position: relative; float: left; border-right: 1px solid #e7e7e7; height: 100%; padding: 15px 28px;}
#relation-keywords #history-wrap .search-filter-header-wrap .search-filter-header1 img{width: 15px; margin-bottom: 3px; margin-right: 10px;}
#relation-keywords #history-wrap .search-filter-header-wrap .search-filter-header1 #all-remove-filter{display: none; color: #338fed;}
#relation-keywords #history-wrap .search-filter-header-wrap .search-filter-header2{position: absolute; top: 9px; right: -17px; -webkit-box-shadow: 0 1px 3px rgba(0,0,30,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,30,.3); box-shadow: 0 1px 3px rgba(0,0,30,.3); width: 32px; height: 32px; text-align: center; border: 1px solid #e7e7e7; border-radius:20px; background-color: #ffffff;}
#relation-keywords #history-wrap .search-filter-header-wrap .search-filter-header2 i{font-size: 20px; color: #444141; margin-top: 5px; margin-bottom: 5px;}
#relation-keywords #history-wrap .search-filter-header-wrap.active .fa-angle-right{transform: rotate(180deg);}
#relation-keywords .right-info-wrap{display: flex; margin-left: auto; padding-right: 30px;}
#relation-keywords .right-info-wrap #share-btn-wrap{padding: 9px 0px 9px 10px;}
#relation-keywords .right-info-wrap #share-btn-wrap a{border: 1px solid #e7e7e7; border-radius: 5px; color: #827b7b; padding: 5px 10px; font-size: 14px;}
#relation-keywords .right-info-wrap #share-btn-wrap a img{width: 12px; margin-bottom: 3px; margin-right: 6px;}
#relation-keywords .right-info-wrap #share-btn-wrap a:hover{background-color: #f6f6f6;}
#relation-keywords .right-info-wrap .filter-count{float: right; color: #827b7b; padding: 15px 0;}
#relation-keywords .right-info-wrap .filter-count .loading-counts{color: #ff7171; font-weight: 600;}

#search-filter-wrap {width: 280px; height: calc(100% - 60px); height: -moz-calc(100% - 60px); height: -webkit-calc(100% - 60px); z-index: 1005; left: 0px; background-color: white; border-right: 1px solid #e7e7e7;}
.search-filter-wrap.pg.fixed{position: fixed; top: 60px;}
.search-filter-wrap.pg.absolute{position: absolute; top: 761px;}
#search-filter-wrap #filter{background-color: white; height: 100%;}
#search-filter-wrap .filter-active{background-color: #827b7b; color: white !important;}
#search-filter-wrap a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block;}
#search-filter-wrap a:hover {color: #f1f1f1;}
#search-filter-wrap .width65{width: 65px;}
#search-filter-wrap .width100{width: 109px;}
#search-filter-wrap .mr8{margin-right: 8px;}
#search-filter-wrap .filter-wrap .fa_question{border: 1px solid #e7e7e7; border-radius: 20px; padding: 0px 6px; color: #827b7b; cursor: pointer; font-size: 12px; margin-top: 2px; float: left; margin-left: 6px;}
#search-filter-wrap .filter-wrap .dropdown-filter{width: 100%; color: #444141; outline: none; display: block; border: none; margin: 0; padding: 0; overflow: visible; background: none; padding: 20px 24px 10px 24px;}
#search-filter-wrap .filter-wrap .dropdown-filter .filter-name{float: left; font-weight: 500;}
#search-filter-wrap .filter-wrap .dropdown-filter .filter-arrow{height: 20px; float: right; line-height: 1; transform: rotate(180deg); transition: all .2s ease;}
#search-filter-wrap .filter-wrap .dropdown-filter.active .filter-arrow{transform: rotate(0deg); transition: all .2s ease;}
#search-filter-wrap .filter-wrap .filter-btn-container{width: 100%; height: auto;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap{overflow: hidden; padding: 0 24px; padding-top: 0px; padding-bottom: 0px; padding-right: 0;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .first-row .btn-type-filter{width: 70px;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .btn-filter{position: relative; float: left; padding: 2px 0; text-align: center; cursor:pointer; border: 1px solid #827b7b; color: #827b7b; border-radius: 7px; -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .btn-filter:hover{background-color: #F3F0F0;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .btn-filter.filter-active:hover{background-color: #827b7b;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .btn-filter .cancel{padding-bottom: 2px; padding-left: 3px;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .first-row{overflow: hidden;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .second-row{overflow: hidden; padding-top: 8px;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .keyword_txt{font-size: 16px; width: 165px; height: 32px; margin-top: 0;}
#search-filter-wrap .filter-wrap .filter-btn-container .filter-btn-wrap .btn-apply{background-color: #827b7b; color: white; border: none; margin: 0; padding: 5px 10px; border: 1px solid #827b7b; overflow: visible; margin-left: 5px;}
#search-filter-wrap .screen-mode-wrap{width:100%; height: 90px; position: absolute; bottom: 0; left: 0; padding: 0px 24px; border-top: 1px solid #E7E7E7;}
#search-filter-wrap .screen-mode-wrap .filter-name-wrap{width: 100%; color: #444141; padding: 20px 24px 10px 0px;}
#search-filter-wrap .screen-mode-wrap .filter-name-wrap .filter-name{font-weight: 500;}
#search-filter-wrap .screen-mode-wrap .radio-label {
  display: inline-flex;
  align-items: center;  /* 세로 가운데 정렬 */
  margin-right: 20px;
  cursor: pointer;
}
#search-filter-wrap .screen-mode-wrap .radio-label span {
  color: #827B7B;
}
#search-filter-wrap .screen-mode-wrap .radio-label input[type="radio"]:checked + span {
  color: #444141;
}

#search-filter-wrap .screen-mode-wrap input[type="radio"] {
  accent-color: #000; /* 라디오 버튼 색상 (브라우저 지원) */
  margin: 0;
  margin-right: 6px;   /* 버튼과 텍스트 간격 */
}
/*
025 multiupload(업로드 step1)
==============================================================================================*/
#upload-step1-wrap{background-color: #f3f0f0; width: 100%;}
#upload-step1-wrap #upload-step1-container{width: 100%; max-width:930px; padding: 20px 0px; height: auto; margin: 0 auto; overflow: auto;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap{width: 930px; margin: 0 auto;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container{}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap{width: 301px; height: 330px; background-color: white; display: inline-block; position: relative; border-radius: 10px; border: 1px solid #e7e7e7;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-image-wrap{position: relative; border-radius: 10px; width: 280px; height: 170px; margin: 8px; margin-bottom: 0; background-size: cover !important; z-index: 11;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-image-wrap .text1-wrap{display: table; width: 100%; height: 100%; position: absolute; z-index: 11;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-image-wrap .text2-wrap{display: table-cell; vertical-align: middle; padding: 20px; color: white; text-align: center;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-image-wrap .text2-wrap p{font-size: 18px; margin-bottom: 0;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-image-wrap .dark-div{border-radius: 10px; width: 100%; height: 100%; display: block; position: absolute; z-index: 10; left: 0; background-color: rgba(0,0,0,.2); transition: all .2s ease-in;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-info-wrap{text-align: center; display: table; width: 100%; height: 140px;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-info-wrap .guide-info{display: table-cell; vertical-align: middle;}
#upload-step1-wrap #upload-step1-container #multiupload-guide-wrap #multiupload-guide-container .each-guide-wrap .guide-info-wrap .guide-info p{color: #444141; margin-bottom: 3px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap{width: 930px; margin: 0 auto;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap .title{font-size: 24px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #uploads-section-container{width: 100%; min-height: 300px; background-color: white; border: 1px solid #e7e7e7; border-radius: 10px; margin-top: 10px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #uploads-section-container #uploads-ment{width: 100%; text-align: center; padding-top: 40px; font-weight: 400;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #uploads-section-container #uploads-ment .head-title{font-size: 26px; padding-bottom: 17px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #uploads-section-container #fileupload-wrap{width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #uploads-section-container #upload-next-step{text-align: center; padding-bottom: 20px; display: none;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #uploads-section-container #upload-next-step .start{width: 120px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template{width: 100%; padding: 10px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files{width: 100%}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload{width: 19.6%; text-align: center; display: inline-block; padding: 20px 12px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload .progress{margin: 0 auto; width: 90%; height: 10px; background-color: white; border-radius: 7px; border: 1px solid #e7e7e7; margin-bottom: 5px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload .cancel{width: 100%; border-radius: 0; outline: none; height: 28px; background: rgb(239, 239, 239);}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload .cancel:hover{background-color: gray;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload .error{height: 40px; margin-bottom: 8px; color: #ff7171;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload .trash{margin-top: 10px;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .files .template-upload .start{display: none;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template .progress-bar-success{background-color: #338fed;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap #files-template hr{width: 878px; border-color: #e7e7e7; max-width: 100%; border-width: 1px; display: none;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap .fileinput-button{border-radius: 36px; margin: 0; padding: 23px 26px; background-color: white; border-color: #C4C4C4;}
#upload-step1-wrap #upload-step1-container #uploads-section-wrap .fileinput-button i{color: #C4C4C4;}


/*
026 upload_choice(업로드 선택 old/new)
==============================================================================================*/
#upload-choice-wrap{width: 100%; height: 100%; padding-top: 50px; display: flex; align-items: center;}
#upload-choice-wrap #upload-choice-container{overflow: auto; margin: 0 auto; padding: 120px 0;}
#upload-choice-wrap #upload-choice-container #old-upload-container{position: relative; width: 337px; height: 420px; background-color: white; float: left; text-align: center; padding-top: 15px; padding-bottom: 15px;}
#upload-choice-wrap #upload-choice-container #old-upload-container .header-title{font-size: 20px; color: #338fed; font-weight: 300; padding-top: 25px; padding-bottom: 25px;}
#upload-choice-wrap #upload-choice-container #old-upload-container .explain{font-size: 15px; color: #333333; line-height: 1.5; padding-left: 15px; padding-right: 15px;}
#upload-choice-wrap #upload-choice-container #old-upload-container .btn{border-radius: 0; width: 280px; padding: 10px 0; font-size: 20px; color: #338fed; border: 2px solid #338fed; font-weight: 400; transition: all 0.08s linear; border-radius: 5px;}
#upload-choice-wrap #upload-choice-container #old-upload-container .btn:hover,
#upload-choice-wrap #upload-choice-container #old-upload-container .btn:focus{border-color: #338fed; background-color: #338fed; color: white;}
#upload-choice-wrap #upload-choice-container #contest-upload-container{position: relative; width: 337px; height: 420px; background-color: white; float: left; text-align: center; padding-top: 15px; padding-bottom: 15px;}
#upload-choice-wrap #upload-choice-container #contest-upload-container .header-title{font-size: 20px; color: #444141; font-weight: 300; padding-top: 25px; padding-bottom: 25px;}
#upload-choice-wrap #upload-choice-container #contest-upload-container .explain{font-size: 15px; color: #444141; line-height: 1.5; padding-left: 15px; padding-right: 15px;}
#upload-choice-wrap #upload-choice-container #contest-upload-container .testversion{font-size: 24px; color: #ff7171; padding-bottom: 50px; font-weight: 400;}
#upload-choice-wrap #upload-choice-container #contest-upload-container .btn{border-radius: 0; width: 280px; padding: 10px 0; font-size: 20px; color: #444141; border: 2px solid #444141; font-weight: 400; transition: all 0.08s linear; border-radius: 5px;}
#upload-choice-wrap #upload-choice-container #contest-upload-container .btn:hover,
#upload-choice-wrap #upload-choice-container #contest-upload-container .btn:focus{border-color: #444141; background-color: #444141; color: white;}

#upload-popup .modal-dialog{width: 480px; margin: 0 auto;}
#upload-popup{top: 7%;}
#upload-popup .modal-content .modal-body{padding: 30px;}
#upload-popup .modal-content .modal-body,
#upload-popup .modal-content .modal-body .ment{text-align: center; font-size: 16px; color:#444141;}
#upload-popup .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#upload-popup .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#upload-popup .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#upload-popup .ment a{color: #ff7171;}
#upload-popup .ment a:hover,
#upload-popup .ment a:focus{color: #FF5E00;}

#first-upload-popup .modal-dialog{width: 480px; margin: 0 auto;}
#first-upload-popup{top: 7%;}
#first-upload-popup .modal-content .modal-body{padding: 30px;}
#first-upload-popup .modal-content .modal-body,
#first-upload-popup .modal-content .modal-body .ment{text-align: center; font-size: 16px; color:#444141;}
#first-upload-popup .modal-content .modal-body .ment p{color: black; font-size: 14px;}
#first-upload-popup .modal-content .modal-body .btns{text-align: center; padding-top: 30px;}
#first-upload-popup .modal-content .modal-body .btns .transparent-btn2{width: 140px; margin: 3px;}
#first-upload-popup .ment a{color: #ff7171;}
#first-upload-popup .ment a:hover,
#first-upload-popup .ment a:focus{color: #FF5E00;}

/*
027 contest(콘테스트)
==============================================================================================*/
/*#contest-list-container{width: 1110px; overflow: auto; margin: 0 auto;}*/
#contest-list-container .contest-list-title-wrap{text-align: left; margin-bottom: 30px; background-color: #f3f0f0; background-image: linear-gradient(to right, #f3f0f0 , #ffe7e7);}
#contest-list-container .contest-list-title-wrap .contest-list-title-inner-wrap{width: 1110px; margin: 0 auto;}
#contest-list-container .contest-list-title-wrap .main-title{font-size: 44px; color: #827b7b; padding-top: 50px;}
#contest-list-container .contest-list-title-wrap .main-explain{color: #827b7b; font-size: 16px; font-weight: 400;}
#contest-list-container .contest-list-title-wrap .main-explain p{margin-bottom: 3px;}
#contest-list-container .contest-list-title-wrap .main-explain a{color: #338fed; font-weight: 500; text-decoration: underline;}
#contest-list-container .contest-list-title-wrap .contest-list-tap-wrap{width: 100%; height: 40px;}
#contest-list-container .contest-list-title-wrap .contest-list-tap-wrap ul{float: left; margin: 0; padding-left: 0; list-style: none; height: 100%;}
#contest-list-container .contest-list-title-wrap .contest-list-tap-wrap .contest-list-tap{height: 100%; position: relative; float: left; display: block;}
#contest-list-container .contest-list-title-wrap .contest-list-tap-wrap .contest-list-tap a{background-color: #827b7b; color: white; line-height: 20px; position: relative; padding-top: 9px; padding-bottom: 9px; display: block; width: 145px; height: 100%; text-align: center;}
#contest-list-container .contest-list-title-wrap .contest-list-tap-wrap .contest-list-tap.active a{background-color: white; color: #444141; border-top: 3px solid #444141; padding-top: 6px;}
#contest-list-container .contest-list-title-wrap .contest-list-tap-wrap #new-contest-open{width: 145px; height: 100%; float: right; border-radius: 0; background-color: #338fed; color: white;}
#contest-list-container .contest-item-wrap{position: relative; width: 340px; height: 407px; background-color: white; float: left; margin: 15px 15px; border: 1px solid #e0e0e0;}
#contest-list-container .contest-item-wrap .contest-thumb{overflow:hidden; width: 100%; height: 150px;}
#contest-list-container .contest-item-wrap .contest-thumb img{width: 340px; max-width: 100%;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
#contest-list-container .contest-item-wrap:hover .contest-thumb img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
#contest-list-container .contest-item-wrap:hover .history-back img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
#contest-list-container .contest-item-wrap .contest-info{margin: 15px; height: 226px;}
#contest-list-container .contest-item-wrap .contest-info hr{width: 100%; border-color: #e0e0e0; border-width: 1px; max-width: 100%; margin-top: 15px; margin-bottom: 6px;}
#contest-list-container .contest-item-wrap .contest-info .contest-title{font-size: 16px; font-weight: 300; color: #444141; height: 44px; overflow: hidden;}
#contest-list-container .contest-item-wrap .contest-info .total-reward{font-size: 16px; color: #827b7b; font-weight: 400; padding-top: 15px;}
#contest-list-container .contest-item-wrap .contest-info .total-reward span{font-weight: 600;}
#contest-list-container .contest-item-wrap .contest-info .purchase-reward{font-size: 16px; color: #827b7b; font-weight: 400; padding-top: 3px; padding-bottom: 3px;}
#contest-list-container .contest-item-wrap .contest-info .purchase-reward span{font-weight: 600;}
#contest-list-container .contest-item-wrap .contest-info .period{font-size: 16px; color: #827b7b; overflow: hidden;}
#contest-list-container .contest-item-wrap .contest-info .period .end-date{width: 50%; float: left; font-weight: 400;}
#contest-list-container .contest-item-wrap .contest-info .period .end-date span{font-weight: 600;}
#contest-list-container .contest-item-wrap .contest-info .period .d-day{font-weight: 600; width: 50%; float: left; text-align: right;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress{font-size: 14px; color: #827b7b; font-weight: 400;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress .goal-count{font-size: 13px; color: #827b7b; font-weight: 400;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress .goal-count span{font-weight: 600;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress .goal-progress{padding-top: 5px;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress .goal-progress .progress{margin-bottom: 0; height: 6px;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress .goal-progress .progress .progress-bar2{background-color: #338fed;}
#contest-list-container .contest-item-wrap .contest-info .contest-progress .goal-progress .progress .progress-bar1{background-color: #ff7171;}
#contest-list-container .contest-item-wrap .finished-contest{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.4); top: 0; left: 0; text-align: center; padding-top: 78px;}
#contest-list-container .contest-item-wrap .finished-contest p{font-size: 23px; font-weight: 500;}
#contest-list-container .contest-views-count{text-align: right; padding-right: 15px; padding-top: 20px; width: 1110px; margin: 0 auto; overflow: hidden;}
#contest-list-container .contest-views-count #select-view-cnt{width: 120px;}
#contest-list-container .contest-list-wrap{position: relative; overflow:hidden; padding-bottom: 30px;}
#contest-list-container .contest-list-wrap .contest-list{width: 1110px; margin: 0 auto;}
#contest-list-container .no-contest{padding-top: 50px; text-align: center; font-size: 30px;}


#contest-detail-container{width: 1080px; overflow: auto; margin: 0 auto; background-color: white; margin-bottom: 50px; line-height: 1.8;}
#contest-detail-container .contest-tab-wrap{background-color: #f3f0f0; position: relative; width: 100%; overflow: hidden; padding-top: 20px;}
#contest-detail-container .contest-tab-wrap .contest-tabs{float: left;}
#contest-detail-container .contest-tab-wrap .contest-tabs ul.tabs{margin: 0px; padding: 0px; list-style: none;}
#contest-detail-container .contest-tab-wrap .contest-tabs ul.tabs li{background: #827b7b; color: white; float:left; cursor: pointer; width: 110px; height: 40px; text-align: center;}
#contest-detail-container .contest-tab-wrap .contest-tabs ul.tabs li a{display: block; padding: 10px 0px;}
#contest-detail-container .contest-tab-wrap .contest-tabs ul.tabs li.current{background: white; color: #827b7b;}
#contest-detail-container .contest-tab-wrap .contest-tabs ul.tabs li.current a{color: #827b7b;}
#contest-detail-container .contest-contents-wrap{margin: 25px 22px 40px 22px;}
#contest-detail-container .contest-contents-wrap .image-upload.empty{background-color: inherit; border: 2px solid #e0e0e0; border-radius: 5px; color: #e0e0e0; font-weight: 500;}
#contest-detail-container .contest-contents-wrap .image-upload.empty:hover,
#contest-detail-container .contest-contents-wrap .image-upload.empty:active,
#contest-detail-container .contest-contents-wrap .image-upload.empty:focus{background-color: inherit !important; border: 2px solid #e0e0e0 !important; border-radius: 5px; color: #e0e0e0 !important; font-weight: 500;}
#contest-detail-container .contest-contents-wrap hr{width: 100%; border-color: #e0e0e0; border-width: 1px; max-width: 100%; margin-top: 30px; margin-bottom: 30px;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap{position: relative;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-title{font-size: 20px; font-weight: 500; color: #444141;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button{position: absolute; top: 0; right: 0;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button a{width: 100px; padding: 5px 0; margin: 0 3px;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button .pdf-summary.empty{background-color: inherit; border: 2px solid #e0e0e0; border-radius: 5px; color: #e0e0e0; font-weight: 500;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button .image-upload.empty{background-color: inherit; border: 2px solid #e0e0e0; border-radius: 5px; color: #e0e0e0; font-weight: 500;}
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button .image-upload.empty:hover,
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button .image-upload.empty:active,
#contest-detail-container .contest-contents-wrap .contest-title-wrap .contest-button .image-upload.empty:focus{background-color: inherit !important; border: 2px solid #e0e0e0 !important; border-radius: 5px; color: #e0e0e0 !important; font-weight: 500;}
#contest-detail-container .contest-contents-wrap .contest-explain{font-size: 16px; font-weight: 400; color: #827b7b; padding-top: 50px;}
#contest-detail-container .contest-contents-wrap .contest-explain p{margin-bottom: 0 !important;}
#contest-detail-container .contest-contents-wrap .period{font-size: 16px; color: #827b7b; overflow: hidden;}
#contest-detail-container .contest-contents-wrap .period .end-date{float: left; font-weight: 400;}
#contest-detail-container .contest-contents-wrap .period .end-date span{font-weight: 600;}
#contest-detail-container .contest-contents-wrap .period .d-day{font-weight: 600; float: left; text-align: right; padding-left: 30px;}
#contest-detail-container .contest-contents-wrap .total-reward{font-size: 16px; color: #827b7b; font-weight: 400; padding-top: 10px;}
#contest-detail-container .contest-contents-wrap .total-reward span{font-weight: 600;}
#contest-detail-container .contest-contents-wrap .purchase-reward{font-size: 16px; color: #827b7b; font-weight: 400; padding-top: 10px;}
#contest-detail-container .contest-contents-wrap .purchase-reward span{font-weight: 600;}
#contest-detail-container .contest-contents-wrap .goal-count,
#contest-detail-container .contest-contents-wrap .uploaded-count{font-size: 16px; color: #827b7b; font-weight: 400; padding-top: 10px;}
#contest-detail-container .contest-contents-wrap .goal-count span,
#contest-detail-container .contest-contents-wrap .uploaded-count span{font-weight: 600;}
#contest-detail-container .contest-contents-wrap .contest-precautions ul{margin-left: -10px;}
#contest-detail-container .contest-contents-wrap .contest-example-wrap,
#contest-detail-container .contest-contents-wrap .contest-precautions,
#contest-detail-container .contest-contents-wrap .contest-question{font-size: 16px; color: #827b7b; font-weight: 400;}
#contest-detail-container .contest-contents-wrap .contest-example-wrap .example-title,
#contest-detail-container .contest-contents-wrap .contest-precautions .precautions-title,
#contest-detail-container .contest-contents-wrap .contest-question .question-title{font-size: 16px; color: #827b7b; font-weight: 400; padding-bottom: 20px;}
#contest-detail-container .contest-tab-wrap .contest-link{position: absolute; right: 0; top: 23px; border: 1px solid #d5d5d5; background-color: white; border-radius: 5px; cursor: pointer; color: #827b7b; padding: 5px 14px; font-size: 14px}
#contest-detail-container .contest-tab-wrap .contest-link:hover{background-color: #f6f6f6;}
#contest-detail-container .contest-tab-wrap .contest-link img{width: 12px; margin-bottom: 3px; margin-right: 6px;}
#contest-detail-container .go-contest-list{text-align: center;}
#contest-detail-container .go-contest-list a{width: 100px; text-align: center; font-size: 15px; padding: 5px 0;}
#contest-detail-container .contest-contents-wrap .contest-question a,
#contest-detail-container .contest-contents-wrap .contest-explain a{color: #827b7b;}
#contest-detail-container .contest-contents-wrap .contest-question a:hover,
#contest-detail-container .contest-contents-wrap .contest-explain a:hover{color: #444141;}
#contest-detail-container .contest-contents-wrap #leftArrow{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_back.svg?1234'); left: 45px;}
#contest-detail-container .contest-contents-wrap #rightArrow{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_forward.svg?1234'); right: 45px;}
#contest-detail-container .contest-contents-wrap .move-arrow{width: 80px; height: 80px; border-radius: 45px; background-color: black; opacity: 0.6; top: 40%;}

#contest-detail-container .contest-entry-wrap{margin: 25px 22px 40px 22px;}
#contest-detail-container .contest-entry-wrap .no-contest{padding-top: 50px; text-align: center; font-size: 26px; font-weight: 300;}
#contest-detail-container .contest-entry-wrap hr{width: 100%; border-color: #e0e0e0; border-width: 1px; max-width: 100%; margin-top: 30px; margin-bottom: 30px;}
#contest-detail-container .contest-entry-wrap .entry-filter-wrap{position:relative; margin-left: 10px; margin-right: 10px; overflow: hidden;}
#contest-detail-container .contest-entry-wrap .entry-filter-wrap .my-contest-images{position: relative; height: 34px; float:left; font-weight: 400; color: #444141; padding-top: 8px;}
#contest-detail-container .contest-entry-wrap .entry-filter-wrap .contest-button{float: right;}
#contest-detail-container .contest-entry-wrap .entry-filter-wrap .contest-button a{width: 100px; padding: 5px 0;}
#contest-detail-container .contest-entry-wrap .contest-entrys{position:relative; width: 100%; overflow:hidden; padding-top: 10px; padding-bottom: 30px;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap{position: relative; width: 325px; border: 1px solid #e0e0e0; float:left;
  margin: 10px;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .thumb-img{border-bottom: 1px solid #e0e0e0; height: 200px; overflow: hidden; text-align: center;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .img-info{position: relative; overflow: hidden; font-size: 16px; color: #827b7b; margin: 10px;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .img-info .nickname{width: 50%; float: left;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .img-info .status{width: 50%; float :right;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .img-info .status{width: 50%; float :right; text-align: right;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .img-info .btn-feedback{position: absolute; top: 0; right: 0;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .img-info .btn-feedback button{padding: 2px 5px; font-size: 14px; margin-bottom: 6px;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .btn-wrap .btn-tag{background-color: #ff7171; outline: none; color: white; border-color: #ff7171; float: right; width: 63%;}
#contest-detail-container .contest-entry-wrap .contest-entrys .contest-each-wrap .btn-wrap .btn-enlargement{background-color: #338fed; outline: none; color: white; border-color: #338fed; float: left; width: 35%;}
#contest-detail-container.contest-entry .go-contest-list{padding-top: 0; padding-bottom: 40px;}
#contest-detail-container .my-contest-images .image-checkbox{z-index: 1; position: absolute; top: 10px; left: 21px; margin-top: 0px;}
#contest-detail-container .my-contest-images .image-checkbox .images-checkbox{opacity: 0; z-index: 1; cursor: pointer;}
#contest-detail-container .my-contest-images .image-checkbox label{display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; color: #444141;}
#contest-detail-container .my-contest-images .checkbox label{width: 145px;}
#contest-detail-container .my-contest-images .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid #338fed;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
#contest-detail-container .my-contest-images .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: -1px;
  top: -5px;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 17px;
  color: #338fed; }
#contest-detail-container .my-contest-images .checkbox input[type="checkbox"]:checked + label::after,
#contest-detail-container .my-contest-images .checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";}
#contest-detail-container .my-contest-images input[type="checkbox"].styled:checked + label:after,
#contest-detail-container .my-contest-images input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }

/*@media (min-width: 768px){*/
#contest-question .modal-dialog{width: 425px; margin: 0 auto;}
/*}*/
#contest-question{color: black;}
#contest-question .modal-body{padding: 30px 30px;}
#contest-question .modal-body p{font-size: 16px;}
#contest-question .modal-body .modal-close{text-align: center; padding-top: 20px;}
#contest-question .modal-body .modal-close .transparent-btn2{width: 180px;}


/*@media (min-width: 768px){*/
#new-contest-open .modal-dialog{width: 367px; margin: 0 auto;}
/*}*/
#new-contest-open{color: black;}
#new-contest-open .modal-body{padding: 30px 30px;}
#new-contest-open .modal-body p{font-size: 16px;}
#new-contest-open .modal-body .modal-close{text-align: center; padding-top: 20px;}
#new-contest-open .modal-body .modal-close .transparent-btn2{width: 180px;}

/*@media (min-width: 768px){*/
#precautions-popup .modal-dialog{width: 500px; margin: 0 auto;}
/*}*/
#precautions-popup{color: black;}
#precautions-popup .modal-body{padding: 30px 30px;}
#precautions-popup .modal-body p{font-size: 16px;}
#precautions-popup .modal-body .modal-close{text-align: center; padding-top: 20px;}
#precautions-popup .modal-body .modal-close .transparent-btn2{width: 180px;}

/*@media (min-width: 768px){*/
#precautions-popup2 .modal-dialog{width: 630px; margin: 0 auto;}
/*}*/
#precautions-popup2{color: black;}
#precautions-popup2 .modal-body{padding: 30px 30px; color: #ff7171;}
#precautions-popup2 .modal-body p{font-size: 16px;}
#precautions-popup2 .modal-body .modal-close{text-align: center; padding-top: 20px;}
#precautions-popup2 .modal-body .modal-close .transparent-btn2{width: 180px;}

/*@media (min-width: 768px){*/
#before-upload-popup .modal-dialog{width: 630px; margin: 0 auto;}
/*}*/
#before-upload-popup{color: black;}
#before-upload-popup .modal-body{padding: 30px 30px;}
#before-upload-popup .modal-body p{font-size: 16px;}
#before-upload-popup .modal-body .modal-close{text-align: center; padding-top: 20px;}
#before-upload-popup .modal-body .modal-close .transparent-btn2{width: 180px;}

/*
028 dashboard
==============================================================================================*/
.menu-container{text-align: left; margin-bottom: 60px;}
.menu-container .menu-wrap{width: 1110px; margin: 0 auto; overflow: hidden;}
.menu-container .menu-wrap .menu-btn-wrap{height: 100%; float: right;}
.menu-container .menu-wrap .menu-btn-wrap .image-upload-btn{width: 125px; font-weight: 500; background-color: white; border-radius: 5px; border: 2px solid #338fed; color: #338fed; margin-top: 15px; margin-right: 3px;}
.menu-container .menu-wrap .menu-btn-wrap .image-upload-btn:hover{background: #338fed; color: white;}
.menu-container .menu-wrap .menu-btn-wrap .my-page-btn{width: 125px; font-weight: 500; background-color: white; border-radius: 5px; border: 2px solid #ff7171; color: #ff7171; margin-top: 15px; margin-left: 3px;}
.menu-container .menu-wrap .menu-btn-wrap .my-page-btn:hover{background: #ff7171; color: white;}
.menu-container .tab-menu-wrap{width: 100%; overflow:hidden;}
.menu-container .tab-menu-wrap ul{float: left; list-style: none; overflow: hidden; margin-top: 10px; margin-bottom:0; padding-left: 0;}
.menu-container .tab-menu-wrap ul li:first-child a {
  z-index: 3;
  color: #ffffff;
  background: #827b7b;
  border: 1px solid #827b7b;
  border-bottom: 0;
}
.menu-container .tab-menu-wrap ul li:nth-child(2){
  margin: 0 -10px;
}
.menu-container .tab-menu-wrap ul li:nth-child(2) a {
  z-index: 2;
  color: #ffffff;
  background: #444141;
  border: 1px solid #444141;
  border-bottom: 0;
}
.menu-container .tab-menu-wrap ul li:last-child a {
  z-index: 1;
  color: #ffffff;
  background: #c5bcbc;
  border: 1px solid #c5bcbc;
  border-bottom: 0;
}
.menu-container .tab-menu-wrap .group:before,
.menu-container .tab-menu-wrap .group:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.menu-container .tab-menu-wrap .group:after {
  clear: both;
}
.menu-container .tab-menu-wrap .tab-menu{width: 115px; float: left;}
.menu-container .tab-menu-wrap .tab-menu a{
  /*background-color: #c5bcbc; color: white; line-height: 20px; position: relative; padding-top: 9px; padding-bottom: 9px; display: block; height: 100%; text-align: center;*/
  position: relative;
  display: block;
  margin-top: 17px;
  font-size: 14px;
  padding: 8px 0 5px 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: padding 0.2s ease, margin 0.2s ease;
  -moz-transition: padding 0.2s ease, margin 0.2s ease;
  -o-transition: padding 0.2s ease, margin 0.2s ease;
  -ms-transition: padding 0.2s ease, margin 0.2s ease;
  transition: padding 0.2s ease, margin 0.2s ease;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.menu-container .tab-menu-wrap .tab-menu a:hover{
  margin: 15px 0 0 0;
  padding: 10px 0 5px 0;
}
.menu-container .tab-menu-wrap .tab-menu.active a{
  margin-top: 10px;
  padding: 10px 0 10px 0;
  background: #ffffff;
  color: #444141;
  z-index: 4;
  outline: none;
  border-color: #444141;
}
#dashboard-container #figures-container{width: 1110px; overflow: hidden; margin: 0 auto;}
#dashboard-container #figures-container #current-figures-container{position: relative; overflow: hidden; width: 100%; height: 177px;}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap{width: 840px; height: 100%; float: left; overflow: hidden; border: 1px solid #e0e0e0; padding: 14px 0px; border-radius: 5px;}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 813px; margin-top: 14px; margin-bottom: 12px;}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap .count-status-wrap{
  width: 194px; height: 100px; display: inline-block; text-align: center; margin: 0 5px; border: 1px solid #e0e0e0; border-radius: 5px;
}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap .count-status-wrap .count-status{
  width: 100%; text-align: left; padding: 18px 22px;
}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap .count-status-wrap .count-status .count-title{
  font-size: 16px; margin-bottom: 6px;
}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap .count-status-wrap .count-status .count{
  font-size: 24px; margin-bottom: 0; text-align: right;
}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap #approve-count-wrap{margin-left: 12px;}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap #upload-list-btn-wrap{text-align: right; padding-bottom: 4px; margin-right: 14px;}
#dashboard-container #figures-container #current-figures-container #screening-status-wrap .upload-list-btn{color: #338fed; font-weight: 600;}
#dashboard-container #figures-container #current-figures-container #point-status-wrap{width: 259px; height: 100%; float: right; background-color: #338fed; overflow: hidden; padding: 0px 24px; border-radius: 5px; }
#dashboard-container #figures-container #current-figures-container #point-status-wrap #point-status{padding-top: 31px; padding-bottom: 13px; width: 100%; font-size: 16px; text-align: left; font-weight: 600; color: white;}
#dashboard-container #figures-container #current-figures-container #point-status-wrap #point-status #title{font-weight: 500;}
#dashboard-container #figures-container #current-figures-container #point-status-wrap #point-status #point{font-size: 30px; font-weight: 500; padding-top: 8px; text-align: right;}
#dashboard-container #figures-container #current-figures-container #point-status-wrap hr{width: 100%; border-width: 1px; border-color: #fff; max-width: 100%; margin-top: 14px; margin-bottom: 10px;}
#dashboard-container #figures-container #current-figures-container #point-status-wrap #withdraw-btn-wrap{text-align: right; padding-bottom: 4px;}
#dashboard-container #figures-container #current-figures-container #point-status-wrap #withdraw-btn-wrap a{color: #ffffff; font-weight: 500;}
#dashboard-container #chart-container{padding-bottom: 40px;}
#dashboard-container #chart-container #chart-filter{border-bottom: 1px solid #e0e0e0; overflow: hidden; padding: 15px 0px;}
#dashboard-container #chart-container #chart-wrap{padding-top: 15px; overflow: hidden;}
#dashboard-container #chart-container #chart-wrap #chart-figures{width: 258px; height: 325px; border: 1px solid #e0e0e0; border-radius: 5px; float: right; padding: 24px; overflow: hidden;}
#dashboard-container #chart-container #chart-wrap #chart-figures hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 100%; margin-top: 14px; margin-bottom: 14px;}
#dashboard-container #chart-container #chart-wrap #chart-figures .cut{font-size: 45px; color: #338fed; text-align: right; padding-bottom: 20px;}
#dashboard-container #chart-container #chart-wrap #chart-figures .won{font-size: 45px; color: #338fed; text-align: right;}
#dashboard-container #cumulative-figures-container .title{font-size: 16px; font-weight: bold; margin-bottom: 0;}
#dashboard-container #cumulative-figures-container .col-sm-6{padding: 0;}
#dashboard-container #cumulative-figures-container hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 100%; margin-top: 7px; margin-bottom: 14px;}
#dashboard-container #cumulative-figures-container #cumulative-figures-wrap{overflow: hidden;}
#dashboard-container #cumulative-figures-container #cumulative-figures-wrap #cumulative-point-wrap{float: left; padding-right: 10px;}
#dashboard-container #cumulative-figures-container #cumulative-figures-wrap #cumulative-point-wrap .cumulative-box{width: 410px;}
#dashboard-container #cumulative-figures-container #cumulative-figures-wrap #cumulative-download-wrap{float:left; padding-left: 10px; padding-right: 18px; border-right: 1px solid #e0e0e0;}
#dashboard-container #cumulative-figures-container #cumulative-figures-wrap #cumulative-download-wrap .cumulative-box{width: 410px;}
#dashboard-container #cumulative-figures-container #cumulative-figures-wrap #cumulative-favorite-wrap{float: right; width: 232px;}

#dashboard-container #cumulative-figures-container #cumulative-view{width: 232px; margin-right: 0;}
#dashboard-container #cumulative-figures-container .cumulative-box{border: 1px solid #e0e0e0; border-radius: 5px; padding: 15px 23px; overflow: hidden;}
#dashboard-container #cumulative-figures-container .cumulative-box .col-sm-6{font-size: 16px; font-weight: 500;}
#dashboard-container #cumulative-figures-container .cumulative-box .title{font-weight: 400;}
#dashboard-container #cumulative-figures-container .cumulative-box .cnt{font-size: 16px; font-weight: 500;}

#dashboard-container .banner{width: 100%;}
#dashboard-container #sold-images-status-container{padding-bottom: 100px;}
#dashboard-container #sold-images-status-container #menu-wrap{overflow: hidden; padding-bottom: 25px;}
#dashboard-container #sold-images-status-container #menu-wrap .menu{border: 1px solid #e0e0e0; background-color: white; border-radius: 21px; margin-right: 15px; width: 160px; text-align: center; padding: 10px 0px; float:left; cursor: pointer;}
#dashboard-container #sold-images-status-container #menu-wrap .menu.active{border-color: #338fed; color: #338fed; font-weight: 500;}
#dashboard-container #sold-images-status-container .title{font-size: 16px; font-weight: bold; margin-bottom: 0; margin-right: 20px;}
#dashboard-container #sold-images-status-container .field{border: 1px solid #444141; padding: 0 20px; border-radius: 20px; margin: 0 3px; cursor: pointer;}
#dashboard-container #sold-images-status-container .field.active{background-color: #444141; color: white;}
#dashboard-container #sold-images-status-container .field:hover{background-color: #444141; color: white;}
#dashboard-container #sold-images-status-container .profit-list{float: right; color: #338fed; font-size: 16px; font-weight: 600;}
#dashboard-container #sold-images-status-container hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 100%; margin-top: 7px; margin-bottom: 14px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap{overflow: hidden; margin: 0 -9px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap.no-sell{width: 100%; text-align: center; margin: 0; background-color: #f3f0f0; padding: 50px; padding-top: 40px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap.no-sell .go-insight{background-color: #338fed; color: white; font-size: 16px; padding: 10px 20px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap.no-sell .img-wrap{padding-bottom: 20px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap{
  position: relative; border-radius: 5px; float: left; margin: 9px;
}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .sold-image-wrap{
  width: 264px;
  height: 164px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  -webkit-background-size: 21px 21px;
  background-size: 21px 21px;
  text-align: center;
}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .sold-image-wrap .sold-image{
  text-align: center;
  margin: auto;
}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .inner-div-wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  opacity: 0;
  -webkit-transition: .2s ease-in-out opacity;
  -moz-transition: .2s ease-in-out opacity;
  -o-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
  color: white;
  border-radius: 5px;
  z-index: 11;
}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .dark-div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  z-index: 10;
  border-radius: 5px;
}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .inner-div-wrap:hover {
  opacity: 1;
}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .inner-div-wrap .inner-div{position: absolute; bottom: 10px; left: 15px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .inner-div-wrap .inner-div .favorite{margin-bottom: 3px; margin-left: 2px; margin-right: 2px;}
#dashboard-container #sold-images-status-container #sold-images-status-wrap .each-wrap .inner-div-wrap .inner-div .favorite-icon-img{margin-bottom: 3px; margin-left: 2px; margin-right: 2px;}
#dashboard-container #popular-images-status-container{padding-bottom: 100px;}
#dashboard-container #popular-images-status-container #menu-wrap{overflow: hidden; padding-bottom: 25px;}
#dashboard-container #popular-images-status-container #menu-wrap .menu{border: 1px solid #e0e0e0; background-color: white; border-radius: 21px; margin-right: 15px; width: 160px; text-align: center; padding: 10px 0px; float:left; cursor: pointer;}
#dashboard-container #popular-images-status-container #menu-wrap .menu.active{border-color: #338fed; color: #338fed; font-weight: 500;}
#dashboard-container #popular-images-status-container .title{font-size: 16px; font-weight: bold; margin-bottom: 0; margin-right: 20px;}
#dashboard-container #popular-images-status-container .profit-list{float: right; color: #338fed; font-size: 16px; font-weight: 600;}
#dashboard-container #popular-images-status-container hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 100%; margin-top: 7px; margin-bottom: 14px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap{overflow: hidden; margin: 0 -9px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap.no-sell{width: 100%; text-align: center; margin: 0; background-color: #f3f0f0; padding: 50px; padding-top: 40px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap.no-sell .go-insight{background-color: #338fed; color: white; font-size: 16px; padding: 10px 20px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap.no-sell .img-wrap{padding-bottom: 20px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap{
  position: relative; border-radius: 5px; float: left; margin: 9px;
}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .popular-image-wrap{
  width: 264px;
  height: 164px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  -webkit-background-size: 21px 21px;
  background-size: 21px 21px;
  text-align: center;
}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .popular-image-wrap .popular-image{
  text-align: center;
  margin: auto;
}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .inner-div-wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  opacity: 0;
  -webkit-transition: .2s ease-in-out opacity;
  -moz-transition: .2s ease-in-out opacity;
  -o-transition: .2s ease-in-out opacity;
  transition: .2s ease-in-out opacity;
  color: white;
  border-radius: 5px;
  z-index: 11;
}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .dark-div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  z-index: 10;
  border-radius: 5px;
}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .inner-div-wrap:hover {
  opacity: 1;
}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .inner-div-wrap .inner-div{position: absolute; bottom: 10px; left: 15px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .inner-div-wrap .inner-div .favorite{margin-bottom: 3px; margin-left: 2px; margin-right: 2px;}
#dashboard-container #popular-images-status-container #popular-images-status-wrap .each-wrap .inner-div-wrap .inner-div .favorite-icon-img{margin-bottom: 3px; margin-left: 2px; margin-right: 2px;}

#dashboard-container .header-wrap{margin-bottom: 30px; background-color: #f3f0f0; background-image: linear-gradient(to right, #f3f0f0, #ffe7e7);}
#dashboard-container .header-wrap .header{width: 1110px; margin: 0 auto;}
#dashboard-container .header-wrap .header .header-div{margin: 0 15px;}
#dashboard-container #insight-container{width: 100%; overflow: hidden; margin: 0 auto;}
#dashboard-container #insight-container .menu-wrap{overflow: hidden; background: #fff; color: #827b7b; font-size: 14px; font-weight: 400; text-align: center; padding-top: 10px; padding-bottom: 13px;}
#dashboard-container #insight-container .menu-wrap .menu{border: 1px solid #444141; background-color: white; border-radius: 21px; margin-right: 10px; width: 83px; text-align: center; padding: 1px 0px; display: inline-block; cursor: pointer;}
#dashboard-container #insight-container .menu-wrap .menu.active{color: white; background-color: #444141; font-weight: 400;}
#dashboard-container #insight-container .section-menu-wrap{overflow: hidden; background: #fff; text-align: center; padding-top: 10px; padding-bottom: 13px;}
#dashboard-container #insight-container .section-menu-wrap .section{border: 1px solid #F3F0F0; background-color: #F3F0F0; border-radius: 21px; width: 220px; text-align: center; padding: 4px 0px; float: left; cursor: pointer;}
#dashboard-container #insight-container .section-menu-wrap .section:nth-child(1){border-bottom-right-radius: 0; border-top-right-radius: 0;}
#dashboard-container #insight-container .section-menu-wrap .section:nth-child(2){border-radius: 0; margin: 0px 2px;}
#dashboard-container #insight-container .section-menu-wrap .section:nth-child(3){border-bottom-left-radius: 0; border-top-left-radius: 0;}
#dashboard-container #insight-container .section-menu-wrap .section.active{border-color: #444141; color: #444141; background-color: white; font-weight: 400;}
#dashboard-container #insight-container #recent-trends-container{position: relative; overflow: hidden; width: 100%; padding: 80px 0px;}
#dashboard-container #insight-container #recent-trends-container #grid-wrap{width:100%; margin: 0 auto; overflow: hidden; display: none;}
#dashboard-container #insight-container #recent-trends-container .recent-trends-title-wrap{padding-bottom: 30px; margin: 0 5px;}
#dashboard-container #insight-container #recent-trends-container .recent-trends-title-wrap .title{width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7; line-height: 0.8em; margin: 10px 0 10px;}
#dashboard-container #insight-container #recent-trends-container .recent-trends-title-wrap .title span{background: #fff; padding: 0 100px; color: #444141; font-size: 25px; font-weight: 500;}
#dashboard-container #insight-container #recent-trends-container .recent-trends-title-wrap .sub-title{background: #fff; padding: 0 100px; color: #827b7b; font-size: 14px; font-weight: 400; text-align: center;}

#dashboard-container #insight-container .content-slider-wrap{position: relative; width: 100%; max-width: 2560px; margin: 0 auto;}
#dashboard-container #insight-container .left-side-gradient{
  width: 90px;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: rgba(0,0,0,.2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,.2) , rgba(0,0,0,0)); /* Standard syntax */
}
#dashboard-container #insight-container .right-side-gradient{
  width: 90px;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  background: rgba(0,0,0,.2); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.2)); /* Standard syntax */
}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li{text-align: center; color: #FFF; width: 406px; height: 247px; overflow: hidden;}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li .div1{ display: inline-block; position: relative; width: 406px; height: 247px; background-size: cover !important; text-align: center;}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li img:hover{
  -webkit-transform:scale(1.1); /*  크롬 */
  -moz-transform:scale(1.1); /* FireFox */
  -o-transform:scale(1.1); /* Opera */
  transform:scale(1.1);
  transition: transform .35s;
  -o-transition: transform .35s;
  -moz-transition: transform .35s;
  -webkit-transition: transform .35s;
}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li .div2{display: table; width: 100%; height: 100%; position: absolute; z-index: 11;}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li .div3{display: table-cell; vertical-align: middle; padding: 20px; color: white;}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li .div3 span{font-weight: 300;}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li .dark-div{width: 100%; height: 100%; display: block; position: absolute; z-index: 10; left: 0; background: rgba(0,0,0,.2); transition: all .2s ease-in;}
#dashboard-container #insight-container .content-slider-wrap #content-slider1 li img{width: 370px;}
#dashboard-container #insight-container .content-slider-wrap #content-slider2 li img{width: 300px;}
#dashboard-container #insight-container .content-slider-wrap #content-slider2 li img:hover{
  -webkit-transform:scale(1.1); /*  크롬 */
  -moz-transform:scale(1.1); /* FireFox */
  -o-transform:scale(1.1); /* Opera */
  transform:scale(1.1);
  transition: transform .35s;
  -o-transition: transform .35s;
  -moz-transition: transform .35s;
  -webkit-transition: transform .35s;
}
#dashboard-container #insight-container .content-slider-wrap #content-slider2 li{border-radius: 5px; cursor: pointer; width: 300px; height: 300px; overflow: hidden;}
#dashboard-container #insight-container .content-slider-wrap .content-slider h3{margin: 0; font-weight: 500;}

#dashboard-container #insight-container #recent-trends-container .content-slider-wrap .lSAction .lSPrev{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_back.svg?1234'); left: 45px;}
#dashboard-container #insight-container #recent-trends-container .content-slider-wrap .lSAction .lSNext{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_forward.svg?1234'); right: 45px;}
#dashboard-container #insight-container #recent-trends-container .content-slider-wrap .lSAction > a{width: 80px; height: 80px; border-radius: 45px; background-color: black; opacity: 0.4; top: 40%;}
#dashboard-container #insight-container #recent-trends-container .content-slider-wrap .lSAction > a:hover{opacity: 0.6;}

#dashboard-container #insight-container #tip-contents-container .content-slider-wrap .lSAction .lSPrev{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_back.svg?1234'); left: 45px;}
#dashboard-container #insight-container #tip-contents-container .content-slider-wrap .lSAction .lSNext{background-image: url('https://cdn.crowdpic.net/images/etc/arrow_forward.svg?1234'); right: 45px;}
#dashboard-container #insight-container #tip-contents-container .content-slider-wrap .lSAction > a{width: 80px; height: 80px; border-radius: 45px; background-color: black; opacity: 0.4; top: 40%;}
#dashboard-container #insight-container #tip-contents-container .content-slider-wrap .lSAction > a:hover{opacity: 0.6;}

#dashboard-container #insight-container #photographer-ranking-container{width: 100%; overflow: hidden; margin: 0 auto; padding: 80px 0px;}
#dashboard-container #insight-container #photographer-ranking-container .photographer-ranking-title-wrap{padding-bottom: 30px;}
#dashboard-container #insight-container #photographer-ranking-container .photographer-ranking-title-wrap .title{width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7; line-height: 0.8em; margin: 10px 0 10px;}
#dashboard-container #insight-container #photographer-ranking-container .photographer-ranking-title-wrap .title span{background: #fff; padding: 0 100px; color: #444141; font-size: 25px; font-weight: 500;}
#dashboard-container #insight-container #photographer-ranking-container .photographer-ranking-title-wrap .sub_title{background: #fff; padding: 0 100px; text-align: center; color: #827b7b; font-size: 14px; font-weight: 400;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap{width: 1110px; overflow: hidden; border-radius: 20px; margin: 0 auto; background-color: #fff; padding: 90px; text-align: center;
  -webkit-box-shadow: 3px 3px 8px #BDBDBD; -moz-box-shadow: 3px 3px 8px #BDBDBD; box-shadow: 3px 3px 8px #BDBDBD;
}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap .col-sm-4{padding: 0; width: 33.33333333%; float: left;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table{width: 100%;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr{border-bottom: 1px solid #e7e7e7;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr td{padding-top: 15px; padding-bottom: 10px;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr:nth-child(1) td{padding-top: 0;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .ranking{width: 28px;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .profile-image-wrap{padding-left: 15px; width: 28px;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .ranking .ranking-div{color: #444141; background-color: #f3f0f0; border-radius: 50px; width: 28px; padding: 4px 0px; text-align: center;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .ranking .ranking-div.top5{color: white; background-color: #ff7171;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .ranking .ranking-div span{padding-left: 1px;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .keyword{width: 160px; text-align: left; padding-left: 20px;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .step{padding-right: 30px; color: #444141; text-align: center;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .step .up{color: #ff7171;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .step .new{color: #ff7171;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr .step .down{color: #338fed;}
#dashboard-container #insight-container #photographer-ranking-container #photographer-ranking-wrap table tr a{color: #444141;}
#dashboard-container #insight-container #photographer-ranking-container .question_tooltip-wrap{width: 1110px; text-align:right; font-size: 12px; color: #827b7b; margin: 0 auto; padding-bottom: 20px;}
#dashboard-container #insight-container #photographer-ranking-container .question_tooltip-wrap .fa_question{border: 1px solid #d5d5d5; border-radius: 20px; padding: 0px 6px; color: #827b7b; cursor: pointer; font-size: 12px; margin-top: 2px;}

#dashboard-container #insight-container #popular-search-keyword-container{width: 100%; overflow: hidden; margin: 0 auto; padding-top: 80px; padding-bottom: 120px;}
#dashboard-container #insight-container #popular-search-keyword-container .popular-search-keyword-title-wrap{padding-bottom: 10px;}
#dashboard-container #insight-container #popular-search-keyword-container .popular-search-keyword-title-wrap .title{width: 100%; text-align: center; margin-bottom: 5px; border-bottom: 1px solid #e7e7e7; line-height: 0.8em; margin: 10px 0 10px;}
#dashboard-container #insight-container #popular-search-keyword-container .popular-search-keyword-title-wrap .title span{background: #fff; padding: 0 100px; color: #444141; font-size: 25px; font-weight: 500;}
#dashboard-container #insight-container #popular-search-keyword-container .popular-search-keyword-title-wrap .sub_title{background: #fff; padding: 0 100px; text-align: center; color: #827b7b; font-size: 14px; font-weight: 400;}
#dashboard-container #insight-container #popular-search-keyword-container .btn-keyword-noti-wrap{width: 1110px; text-align:right; font-size: 12px; color: #827b7b; margin: 0 auto; padding-bottom: 20px;}
#dashboard-container #insight-container #popular-search-keyword-container .btn-keyword-noti-wrap .btn-keyword-noti{display:inline-block; cursor:pointer; background-color: #f3f0f0; padding: 4px 15px; border-radius: 50px;}
#dashboard-container #insight-container #popular-search-keyword-container .btn-keyword-noti-wrap .btn-keyword-noti img{width: 10px; margin-right: 5px; margin-bottom: 2px;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap{width: 1110px; overflow: hidden; border-radius: 20px; margin: 0 auto; background-color: #fff; padding: 90px; text-align: center;
  -webkit-box-shadow: 3px 3px 8px #BDBDBD; -moz-box-shadow: 3px 3px 8px #BDBDBD; box-shadow: 3px 3px 8px #BDBDBD;
}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap .col-sm-4{padding: 0; width: 33.33333333%; float: left;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table{width: 100%;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr{border-bottom: 1px solid #e7e7e7;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr td{padding-top: 15px; padding-bottom: 10px;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr:nth-child(1) td{padding-top: 0;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .ranking{width: 28px;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .ranking .ranking-div{color: #444141; background-color: #f3f0f0; border-radius: 50px; width: 28px; padding: 4px 0px; text-align: center;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .ranking .ranking-div.top5{color: white; background-color: #ff7171;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .ranking .ranking-div span{padding-left: 1px;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .keyword{width: 205px; text-align: left; padding-left: 20px;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .step{padding-right: 30px; color: #444141; text-align: center;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .step .up{color: #ff7171;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .step .new{color: #ff7171;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr .step .down{color: #338fed;}
#dashboard-container #insight-container #popular-search-keyword-container #popular-search-keyword-wrap table tr a{color: #444141;}

#dashboard-container #insight-container #recommended-photographer-container{position: relative; width: 100%; padding: 80px 0px;}
#dashboard-container #insight-container #recommended-photographer-wrap .photographer-list-container{width: 1110px; margin: 0 auto;}
#dashboard-container #insight-container #recommended-photographer-wrap .photographer-list-container .question_tooltip-wrap{margin-bottom:0; text-align:right; font-size: 12px; color: #827b7b;}
#dashboard-container #insight-container #recommended-photographer-wrap .photographer-list-container .question_tooltip-wrap .fa_question{border: 1px solid #d5d5d5; border-radius: 20px; padding: 0px 6px; color: #827b7b; cursor: pointer; font-size: 12px; margin-top: 2px;}
#dashboard-container #insight-container #recommended-photographer-wrap .photographer-list-container .btn-list{width: 280px; font-size: 16px; padding: 14px 0;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-container{width: 100%; margin: 0 auto;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap{padding-bottom: 30px; margin: 0 5px;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap .title{width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7; line-height: 0.8em; margin: 10px 0 10px;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap .title span{background: #fff; padding: 0 100px; color: #444141; font-size: 25px; font-weight: 500;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap .sub-title{background: #fff; padding: 0 100px; color: #827b7b; font-size: 14px; font-weight: 400; text-align: center;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap .menu-wrap{overflow: hidden; padding-bottom: 25px; background: #fff; padding: 0 100px; color: #827b7b; font-size: 14px; font-weight: 400; text-align: center;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap .menu-wrap .menu{border: 1px solid #444141; background-color: white; border-radius: 21px; margin-right: 10px; width: 83px; text-align: center; padding: 1px 0px; display: inline-block; cursor: pointer;}
#dashboard-container #insight-container #recommended-photographer-wrap .recommended-photographer-title-wrap .menu-wrap .menu.active{color: white; background-color: #444141; font-weight: 400;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap{position: relative; margin: 0 -24px; overflow: hidden; padding-bottom: 60px;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap a{color: #444141;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap{position: relative; width: 340px; height: 380px; float:left; text-align: center; border: 1px solid #e0e0e0; border-radius: 5px; background-color: white; margin: 17px 23px;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .link-wrap{position: relative; width: 100%; height: 100%;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .profile-wrap{position: absolute; top: 75px; left: 50%; transform: translateX(-50%); z-index: 11;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .profile-wrap .profile{position: relative; background-size: cover; background-position: center; width: 103px; height: 103px; border-radius: 80px; border: 3px solid white; overflow: hidden;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .profile-wrap .profile img{position: absolute; width: 103px; top: -3px; left: -3px;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .profile-background-image{position: relative; width: 100%; height: 141px; background: #827b7b; overflow: hidden; margin-bottom: 45px; z-index: 10; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .nickname{font-size: 16px; font-weight: 500; padding-bottom: 15px;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .explain{font-size: 14px; color: #827b7b; height: 80px; overflow: hidden; margin: 10px 30px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .like-icon{position: absolute; top: 10px; right: 10px; width: 49px; height: 49px; overflow: hidden; border-radius: 25px; background: white; z-index: 11; cursor: pointer;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .like-icon img{padding-top: 9px;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .share-icon{position: absolute; bottom: 10px; right: 10px; width: 49px; height: 49px; overflow: hidden; border: 1px solid #e0e0e0; border-radius: 25px; cursor: pointer;}
#dashboard-container #insight-container #recommended-photographer-wrap #photographer-list-wrap .photographer-wrap .share-icon img{width:27px; padding-top: 11px; margin-left: 2px;}
#dashboard-container #insight-container #tip-contents-container{position: relative; overflow: hidden; width: 100%; padding-top: 80px;}
#dashboard-container #insight-container #tip-contents-container .tip-contents-title-wrap{width: 1110px; margin: 0 auto;}
#dashboard-container #insight-container #tip-contents-container .tip-contents-title-wrap .title{font-size: 16px; font-weight: bold; margin-bottom: 0;}
#dashboard-container #insight-container #tip-contents-container .tip-contents-title-wrap hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 100%; margin-top: 7px; margin-bottom: 30px;}
#dashboard-container #insight-container #guides-container {width: 1110px; overflow: hidden; margin: 0 auto; padding: 160px 0px;}
#dashboard-container #insight-container #guides-container .title{font-size: 16px; font-weight: bold; margin-bottom: 0;}
#dashboard-container #insight-container #guides-container hr{width: 100%; border-width: 1px; border-color: #e0e0e0; max-width: 100%; margin-top: 7px; margin-bottom: 15px;}
#dashboard-container #insight-container #guides-container #guides-wrap{position: relative; overflow: hidden;}
#dashboard-container #insight-container #guides-container #guides-wrap .guide-wrap{width: 300px; position: relative; border: 1px solid #e0e0e0; border-radius: 5px; padding-bottom: 0; float: left; margin-right: 10px;}
#dashboard-container #insight-container #guides-container #guides-wrap .guide-wrap .guide-image-wrap{position: relative; border-radius: 5px; width: 280px; height: 170px; margin: 8px; overflow: hidden;}
#dashboard-container #insight-container #guides-container #guides-wrap .guide-wrap .guide-image-wrap .dark-div{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); border-radius: 5px; text-align: center;}
#dashboard-container #insight-container #guides-container #guides-wrap .guide-wrap .guide-image-wrap .dark-div p{padding: 72px; margin-bottom: 0;}
#dashboard-container #insight-container #guides-container #guides-wrap .tutorial-faq-wrap{float: left;}
#dashboard-container #insight-container #guides-container #guides-wrap .tutorial-faq-wrap .tutorial-faq{width: 180px; height: 90px; border: 1px solid #e0e0e0; border-radius: 5px; text-align: center;}
#dashboard-container #insight-container #guides-container #guides-wrap .tutorial-faq-wrap .tutorial-faq.faq{margin-top: 8px;}
#dashboard-container #insight-container #guides-container #guides-wrap .tutorial-faq-wrap .tutorial-faq p{margin-bottom: 0; padding: 33px; color: #444141;}

#dashboard-container #insight-container #recommended-past-list-container{position: relative; width: 100%; padding: 80px 0px;}
#dashboard-container #insight-container #recommended-past-list-wrap .banner-wrap{background-color: #f3f0f0; background-image:linear-gradient(to right, #f3f0f0, #ffe7e7); text-align: center;}
#dashboard-container #insight-container #recommended-past-list-wrap .banner-wrap .banner{width: 1080px; height: 114px; margin:0 auto; background-image:url('https://cdn.crowdpic.net/images/etc/newcreator_banner.png?11');}
#dashboard-container #insight-container #recommended-past-list-wrap .banner-wrap .banner .title{color: #827b7b; padding: 32px; font-size: 35px; font-weight:300;}
#dashboard-container #insight-container #recommended-past-list-wrap .banner-wrap .banner .title span{font-weight: 500;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-container{width: 1110px; margin: 0 auto; padding-top: 30px;}
#dashboard-container #insight-container #recommended-past-list-wrap .recommended-photographer-title-container{width: 100%; margin: 0 auto;}
#dashboard-container #insight-container #recommended-past-list-wrap .recommended-photographer-title-wrap{padding-bottom: 30px; margin: 0 5px;}
#dashboard-container #insight-container #recommended-past-list-wrap .recommended-photographer-title-wrap .title{width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7; line-height: 0.8em; margin: 10px 0 10px;}
#dashboard-container #insight-container #recommended-past-list-wrap .recommended-photographer-title-wrap .title span{background: #fff; padding: 0 100px; color: #444141; font-size: 25px; font-weight: 500;}
#dashboard-container #insight-container #recommended-past-list-wrap .recommended-photographer-title-wrap .sub-title{background: #fff; padding: 0 100px; color: #827b7b; font-size: 14px; font-weight: 400; text-align: center;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap{position: relative; margin: 0 -24px; overflow: hidden; padding-bottom: 60px;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap a{color: #444141;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap{position: relative; width: 340px; height: 380px; float:left; text-align: center; border: 1px solid #e0e0e0; border-radius: 5px; background-color: white; margin: 17px 23px;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .link-wrap{position: relative; width: 100%; height: 100%;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .profile-wrap{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); z-index: 11;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .profile-wrap .profile{position: relative; background-size: cover; background-position: center; width: 103px; height: 103px; border-radius: 80px; border: 3px solid white; overflow: hidden;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .profile-wrap .profile img{position: absolute; width: 103px; top: -3px; left: -3px;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .profile-background-image{position: relative; width: 100%; height: 126px; background: #827b7b; overflow: hidden; margin-bottom: 45px; z-index: 10; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .nickname{font-size: 16px; font-weight: 500; padding-bottom: 15px;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .explain{font-size: 14px; color: #827b7b; height: 80px; overflow: hidden; margin: 10px 30px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .like-icon{position: absolute; top: 10px; right: 10px; width: 49px; height: 49px; overflow: hidden; border-radius: 25px; background: white; z-index: 11; cursor: pointer;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .like-icon img{padding-top: 9px;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .share-icon{position: absolute; bottom: 10px; right: 10px; width: 49px; height: 49px; overflow: hidden; border: 1px solid #e0e0e0; border-radius: 25px; cursor: pointer;}
#dashboard-container #insight-container #recommended-past-list-wrap .photographer-list-wrap .photographer-wrap .share-icon img{width:27px; padding-top: 11px; margin-left: 2px;}

#noti-keyword-list-modal .modal-dialog{width: 480px;}
#noti-keyword-list-modal .modal-header{padding-bottom: 0;}
#noti-keyword-list-modal .modal-body{text-align: center; padding-bottom: 30px;}
#noti-keyword-list-modal .modal-body h3{margin-top: 0;}
#noti-keyword-list-modal .modal-body .period{color: #827b7b; font-size: 14px; margin-bottom: 25px;}
#noti-keyword-list-modal .modal-body .noti-keyword-list-wrap{max-height: 500px; overflow: auto;}
#noti-keyword-list-modal .modal-body .noti-keyword-list-wrap .keyword{position: relative; padding: 20px 0px; margin-bottom: 0;}
#noti-keyword-list-modal .modal-body .noti-keyword-list-wrap .btn-keyword-hide{cursor: pointer; color: #ff7171; position: absolute; right: 30px;}
/*
029 request_board(요청게시판)
==============================================================================================*/
.request-board-container a{color: #338fed;}
.note-popover.popover .popover-content a{color: #338fed;}
.request-board-container a:hover, .request-board-container a:focus{color: #23527c; text-decoration: underline;}
.request-board-container .request-board-header-wrap{margin-bottom: 30px; background-color: #f3f0f0; background-image: linear-gradient(to right, #f3f0f0 , #ffe7e7);}
.request-board-container .request-board-header-wrap .request-board-header{width: 1110px; margin: 0 auto;}
.request-board-container .request-board-header-wrap .request-board-header .request-board-header-div{margin: 0 15px;}
.request-board-container .request-board-header-wrap .request-board-header .request-board-header-div .header-menu-wrap{width: 100%; height: 40px;}
.request-board-container .request-board-header-wrap .request-board-header .request-board-header-div .header-menu-wrap #write{width: 145px; height: 100%; float:right; border-radius: 0; background-color: #338fed; color: white;}
.request-board-container .comment-wrap a{background-color: inherit;}
.request-board-container .crown-img{margin-bottom: 4px; padding-right: 5px;}

.request-board-list-container .form-control:focus{border-color:#ccc; box-shadow: none;}
.request-board-list-container .table-wrap{width: 100%; padding: 15px 20px; border: 1px solid #e0e0e0; border-radius: 10px; margin-bottom: 50px;}
.request-board-list-container .table-wrap .table{border-bottom: 1px solid #e9e9e9; border-bottom-color: rgba(25,25,25,0.1);}
.request-board-list-container .table-wrap .table .thead-top-line{}
.request-board-list-container .table-wrap .table .thead-top-line .thead-bottom-line{border-bottom: 1px solid #e0e0e0;}
.request-board-list-container .table-wrap .table tbody{color: #707070; font-weight: 400;}
.request-board-list-container .table .board-list .list-comment{padding-left: 5px;}
.request-board-list-container .table>tbody>tr>td{padding: 10px 8px; border-color: #e0e0e0;}
.request-board-list-container .table > thead > tr > th{color: #707070; font-size: 14px; text-align: center; font-weight: 400; border-bottom: 0; padding: 0px 8px; padding-bottom: 15px;}
.request-board-list-container .table .board-num{width: 80px;}
.request-board-list-container .table .board-name{width: 175px;}
.request-board-list-container .table .board-date{width: 115px;}
.request-board-list-container .table .board-hit{width: 80px;}
.request-board-list-container .table > thead:first-child > tr:first-child > th{border-top: 0;}
.request-board-list-container .table > tbody > tr > td .list-title a{color: #707070;}

#request-board-contents-wrap .menu-svg{margin: 10px 0; padding: 10px 0px; cursor: pointer;}
#request-board-contents-wrap .dd-menu{right: 0; left: initial; min-width: 0px; width: 80px; padding: 0px; border-radius: 0px; overflow: hidden; background-color: #fff; border: 1px solid #e0e0e0; border-right: none; box-shadow: none;}
#request-board-contents-wrap .dd-menu li{width: 100%; float: left; border-right: 1px solid #e0e0e0;}
#request-board-contents-wrap .dd-menu .modify{border-bottom: 1px solid #e0e0e0;}
#request-board-contents-wrap .dd-menu li a{color: #827b7b; font-size: 13px; text-align: center; padding: 10px;}
#request-board-contents-wrap .btn.btn-round {outline: none; color:#444141; border: 1px solid #444141; background-color:#fff; padding:7px 20px; border-radius: 20px; min-width:120px; text-align:center; font-size:14px; }
#request-board-contents-wrap .contents-hr{width: 100%; max-width: 100%; border-color: #e0e0e0; margin-bottom: 30px; margin-top: 30px; border-width: 1px;}
#request-board-contents-wrap{width: 100%;}
#request-board-contents-wrap .container{width: 1110px;}
#request-board-contents-wrap #contents-comments-container{border: 1px solid #e0e0e0; padding: 55px; border-radius: 20px;}
#request-board-contents-wrap #top-wrap{width: 100%; padding-top: 30px; text-align: right;}
#request-board-contents-wrap #top-wrap #btn-top{outline: none; border: 1px solid #827b7b; border-radius: 0; text-align: center; padding: 7px 15px; background-color: white; color: #827b7b; font-size: 14px;}
#request-board-contents-wrap #top-wrap #btn-top span{font-size: 8px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #title-wrap{font-size: 25px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap{width: 100%; color: #827b7b;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .info-ul{width: 100%; padding: 30px 0; padding-bottom: 0px; list-style: none; margin: 0px; display: inline-block;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .profile-img-li{background-size: cover;background-position: center;width: 45px; height: 45px; border-radius: 80px; border: 2px solid #F3F0F0; float: left;overflow: hidden;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .profile-img-li div{position: relative;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .profile-img-li div img{width: 45px; height: 45px; position: absolute; top: -2px; left: -2px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .info-li{padding-left: 15px; vertical-align: middle; float: left;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .info-li #writer-nickname{float: left; margin-right: 7px; font-size: 16px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .info-li #write-date{clear:both; position: relative; float: left; font-size: 14px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .action-li{float: right; position: relative;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .action-li .hit-count-wrap{float: left; margin: 0 20px; line-height: 45px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .action-li .hit-count-wrap img{width: 18px; margin-right: 10px; margin-bottom: 4px;}
#request-board-contents-wrap #contents-wrap #contents-header-wrap #info-wrap .action-li .hit-count-wrap #hit{font-size: 14px;}
#request-board-contents-wrap #contents-wrap #contents-body-wrap{padding: 0px 35px; word-break: break-all; word-wrap: break-word; text-align: left; min-height: 500px;}
#request-board-contents-wrap #contents-wrap #contents-body-wrap p{overflow: hidden;}
#request-board-contents-wrap #contents-wrap #contents-footer-wrap{text-align: right; padding-bottom: 30px;}
#request-board-contents-wrap #contents-wrap #contents-footer-wrap .btn-go-list:hover{text-decoration: none;}
#request-board-contents-wrap #contents-wrap #contents-footer-wrap .btn-go-list,
#request-board-contents-wrap #contents-wrap #contents-footer-wrap .btn-share{padding:7px 17px; text-decoration: none; border: 1px solid #827b7b; text-align: center; background-color: white; color: #827b7b; font-size: 14px;}
#request-board-contents-wrap #contents-wrap #contents-body-wrap .btn-wrap{padding-top: 30px;}
#request-board-contents-wrap #contents-wrap #contents-body-wrap .btn-wrap .btn-save,
#request-board-contents-wrap #contents-wrap #contents-body-wrap .btn-wrap .btn-cancel{border-radius: 0; outline: none; padding:7px 20px; text-decoration: none; border: 1px solid #827b7b; text-align: center; background-color: white; color: #827b7b; font-size: 14px;}
#request-board-contents-wrap #contents-wrap #contents-footer-wrap .btn-go-list{cursor: pointer; margin-right: 5px;}
#request-board-contents-wrap #contents-wrap #contents-footer-wrap .btn-share{margin-left: 5px;}
#request-board-contents-wrap #contents-wrap #contents-footer-wrap .btn-share img{margin-bottom: 3px; padding-right: 7px;}
#request-board-contents-wrap #contents-wrap #editor-profile-container #profile-wrap{border: 2px solid #F3F0F0; display: inline-block; border-radius:80px; width: 60px; height: 60px; position: relative; overflow: hidden;}
#request-board-contents-wrap #contents-wrap #editor-profile-container #profile-wrap img{width: 100%;}

#request-board-contents-wrap #comments-wrap{background-color: #f3f0f0; padding: 0 35px; padding-top: 30px;}
#request-board-contents-wrap #comments-wrap .comment-form,
#request-board-contents-wrap #comments-wrap .comment-reply-form{font-size: 16px; padding: 20px; border: 1px solid #444141; background-color: #fff; margin: 0 auto; position: relative;}
#request-board-contents-wrap #comments-wrap .comment-reply-form .reply-line{width: 15px; height: 15px; position: absolute; top: 0; left: -35px; display: block;}
#request-board-contents-wrap #comments-wrap .comment-reply-form.reply{margin-left: 100px;}
#request-board-contents-wrap #comments-wrap .comment-form .comment-textarea,
#request-board-contents-wrap #comments-wrap .comment-reply-form .comment-textarea{width: 100%; max-width: 100%; background-color: transparent;}
#request-board-contents-wrap #comments-wrap .comment-form .form-profile.form-image,
#request-board-contents-wrap #comments-wrap .comment-reply-form .form-profile.form-image{width: 51px; text-align: center; vertical-align: top;}
#request-board-contents-wrap #comments-wrap .comment-form .form-profile.form-image img,
#request-board-contents-wrap #comments-wrap .comment-reply-form .form-profile.form-image img{width: 40px; height: 40px; position: absolute; top: -2px; left: -2px;}
#request-board-contents-wrap #comments-wrap .comment-form .form-profile.form-image .img-wrap,
#request-board-contents-wrap #comments-wrap .comment-reply-form .form-profile.form-image .img-wrap{
  position: relative; background-size: cover;background-position: center;width: 40px; height: 40px; border-radius: 80px; border: 2px solid #F3F0F0; float: left;overflow: hidden;
}
#request-board-contents-wrap #comments-wrap .comment-form .comment-area,
#request-board-contents-wrap #comments-wrap .comment-reply-form .comment-area{text-align: left; vertical-align: top;}
#request-board-contents-wrap #comments-wrap .comment-form .comment-area #comment-contents,
#request-board-contents-wrap #comments-wrap .comment-reply-form .comment-area #comment-contents{height: 80px; color: #444141; font-size: 14px; border: none; box-shadow: none; padding: 10px; padding-bottom: 0px; resize: none; border-radius: 0px;}
#request-board-contents-wrap #comments-wrap .comment-form hr,
#request-board-contents-wrap #comments-wrap .comment-reply-form hr{width: 100%; max-width: 100%; border-color: #f3f3f3; margin-bottom: 15px; margin-top: 15px;}
#request-board-contents-wrap #comments-wrap .comment-list{width: 100%; padding: 20px 0; margin: 0 auto; list-style: none;}
#request-board-contents-wrap #comments-wrap .comment-list .comment{position: relative; list-style: none; padding: 20px; border: 1px solid #e8e8e8; background-color: #fff; margin-bottom: 20px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .reply-line{display: none;}
#request-board-contents-wrap #comments-wrap .comment-list .comment.reply{margin-left: 100px; background-color: #E8E0E0; border: 0;}
#request-board-contents-wrap #comments-wrap .comment-list .comment.reply .reply-line{width: 15px; height: 15px; position: absolute; top: 0; left: -35px; display: block;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap{position: relative; padding-left: 51px; font-size: 12px; margin-top: 0px; margin-bottom: 0px; color: #827b7b;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .form-profile-image{
  position: absolute; top: 0; left: 0; text-align: center; margin: 0 auto;
  background-size: cover; background-position: center; width: 40px; height: 40px; border-radius: 80px; border: 2px solid #F3F0F0; float: left;overflow: hidden;
}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .form-profile-image img{width: 40px; height: 40px; position: absolute; top: -2px; left: -2px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .comment-writer-nickname{font-weight: bold; padding-left: 5px; color: #444141; float: left; font-size: 14px; border: 0; background-color: inherit; padding: 0px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .comment-write-date{font-weight: 400; padding-left: 10px; color: #827b7b; float: left; font-size: 14px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .cm-contents{color: #827b7b; clear: both; padding-top: 10px; padding-left: 5px; font-size: 14px; word-wrap: break-word; word-break: break-all; white-space: normal; text-align: left; margin-left: 0;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .cm-contents p{font-size: 14px !important; margin-bottom: 4px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .comment-wrap .cm-contents .recipient_tag{text-decoration: none; font-weight: bold;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .btn-reply-wrap{cursor: pointer; padding-top: 20px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .btn-reply-wrap .btn-write-reply{font-size: 12px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .btn-reply-wrap .btn-write-reply,
#request-board-contents-wrap #comments-wrap .comment-list .btn-edit-comment,
#request-board-contents-wrap #comments-wrap .comment-list .btn-edit-comment-cancel{border: 1px solid #827b7b; text-align: center; padding:7px 12px; background-color: white; color: #827b7b; margin-left: 5px;}
#request-board-contents-wrap #comments-wrap .comment-list .btn-edit-comment,
#request-board-contents-wrap #comments-wrap .comment-list .btn-edit-comment-cancel{font-size: 14px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .btn-reply-wrap .btn-write-reply:hover,
#request-board-contents-wrap #comments-wrap .comment-list .btn-edit-comment:hover,
#request-board-contents-wrap #comments-wrap .comment-list .btn-edit-comment-cancel:hover{background-color: #f3f0f0;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .btn-reply-wrap .btn-write-reply img{width: 18px; margin-bottom: 2px; margin-right: 5px;}
#request-board-contents-wrap #comments-wrap .comment-list .comment .dropdown-menu-wrap{position: absolute; right: 15px; top: 5px; cursor: pointer;}

.request-board-write-wrap #contents-body-wrap{padding: 0 !important;}
.request-board-write-wrap #contents-body-wrap .note-editor{border: none !important; margin-bottom: 0 !important;}
.request-board-write-wrap #contents-header-wrap{margin-bottom: 30px;}
.request-board-write-wrap #contents-header-wrap #title-wrap{text-align: center; font-size: 40px;}

/*
030 magazine(매거진)
==============================================================================================*/
.magazine-list-page-wrap .menu-container{margin-bottom: 0;}
.magazine-list-container .container{width: 100%; position: relative; padding-left: 0; padding-right: 0;}
.magazine-list-container .list-view-btn-wrap{width: 1110px; margin: 0 auto; text-align: right; padding: 10px 0; padding-top: 14px;}
.magazine-list-container .list-view-btn-wrap button{background: none; border: none; padding: 0 2px;}
.magazine-list-container .list-view-btn-wrap .btn-view{cursor:pointer;}
.magazine-list-container .list-view-btn-wrap button .btn-view .a{fill:#c5bcbc !important;}
.magazine-list-container .list-view-btn-wrap button.active .btn-view .a{fill:#444141 !important;}
.magazine-list-container .magazine-list-wrap.grid{width: 100%; overflow: hidden;}
.magazine-list-container .magazine-list-wrap.list{width: 1110px; margin: 0 auto; border-top: 1px solid #e7e7e7;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap{width: 50%; height: 450px; position: relative; margin: 0.5px 0; overflow: hidden; float: left}
.magazine-list-container .magazine-list-wrap.grid .each-wrap:nth-child( 2n-1 ){border-left: 1px solid #ffffff}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .background-cover-image{
  background-position: center center;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .header-info-container{position: absolute; top: 0; left: 0; width: 100%; z-index: 99;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .header-info-container .header-info-wrap{overflow: hidden; padding: 15px 20px;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .info-wrap{margin: 0 auto; position: absolute; width: 100%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 99;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .info-wrap .editor-wrap{font-family: 'Playball', sans-serif; padding-top: 10px; color: #c6c6c6;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .info-wrap .editor-wrap .name{font-family: 'Noto Sans KR', sans-serif; font-size: 12px;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .info-wrap .title-wrap{margin: 0px 20px;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .info-wrap .title-wrap .title{font-family: 'Gowun Batang', sans-serif; font-size: 38px;}
.magazine-list-container .magazine-list-wrap.grid .each-wrap .dark-div{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,.5); transition: all .2s ease-in;}

.magazine-list-container .magazine-list-wrap.list .each-wrap{width: 100%; height: 110px; display:table; position: relative; border-bottom: 1px solid #e7e7e7;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .info-wrap{display:table-cell;vertical-align:middle;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .info-wrap.date-wrap{width: 150px; text-align: left; color: #827b7b;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .info-wrap .editor-wrap{font-family: 'Playball', sans-serif; color: #c6c6c6; padding-top: 5px; text-align: center;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .info-wrap .editor-wrap .name{font-family: 'Noto Sans KR', sans-serif;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .info-wrap .title-wrap{text-align: center;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .info-wrap .title-wrap .title{font-size: 24px; color: #444141;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .count-info-wrap{color: #827b7b; width: 150px; text-align: right;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .count-info-wrap .count-wrap{display: inline-block; padding: 0px 5px; font-size: 14px; color: #827b7b;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .count-info-wrap .count-wrap:nth-child(2){padding-left: 20px; padding-right: 0;}
.magazine-list-container .magazine-list-wrap.list .each-wrap .count-info-wrap .count-wrap img{height: 10px; margin-bottom: 2px; padding-right: 5px;}

.magazine-contents-page-wrap #count-info-container{position: absolute; top: 60px;  width: 100%; z-index: 20;}
.magazine-contents-page-wrap #count-info-container #count-info-wrap{color: #827b7b; text-align: right; padding: 20px 0; width: 1110px; margin: 0 auto;}
.magazine-contents-page-wrap #count-info-container #count-info-wrap .count-wrap{display: inline-block; padding: 0px 5px; font-size: 14px; color: #ffffff;}
.magazine-contents-page-wrap #count-info-container #count-info-wrap .count-wrap img{height: 10px; margin-bottom: 3px; padding-right: 4px;}
.magazine-contents-page-wrap .menu-container{margin-bottom: 0;}

.magazine-contents-page-wrap .magazine-contents-container{z-index:9;}
.magazine-contents-page-wrap .magazine-contents-container #request-board-contents-wrap{border: none; padding-bottom: 10px;}
.magazine-contents-page-wrap .magazine-contents-container #request-board-contents-wrap .title-image-container{overflow: hidden; position: relative;}
.magazine-contents-page-wrap .title-image-container #title-image{background-color: #d5d5d5; background-position: 50% 50%; background-attachment:fixed; background-size: cover; background-repeat: no-repeat; height: 540px; position: relative;}
.magazine-contents-page-wrap .title-image-container #title-image .title-container{z-index: 11; color: #fff; position: relative; margin: 0 auto; top: 50%; transform: translateY(-50%); width: 100%;}
.magazine-contents-page-wrap .title-image-container #title-image .title-container .title-wrap{margin: 0 auto; max-width: 94%; width: 980px; text-align: center;}
.magazine-contents-page-wrap .title-image-container #title-image .title-container .title-wrap .title{font-family: 'Noto Serif KR', sans-serif; text-align: center; font-size: 40px;}
.magazine-contents-page-wrap .title-image-container .dark-div{width: 100%; height: 100%; display:block; position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,.3); transition: all .2s ease-in;}
.magazine-contents-page-wrap .contents-container{width: 1000px; margin: 0 auto;}
.magazine-contents-page-wrap .contents-container .contents-inner-container{padding: 50px 10px;}

/*
031 작가가입 튜토리얼
==============================================================================================*/
header.tutorial-page #tutorial-wrap {width: 800px; margin: 0 auto;}
header.tutorial-page #tutorial-wrap #step-wrap{width: 600px; margin: 0 auto; margin-bottom: 20px;}
header.tutorial-page #tutorial-wrap #step-wrap img{width: 600px;}
header.tutorial-page #tutorial-wrap .carousel-inner img{width: 800px;}
header.tutorial-page #tutorial-wrap .carousel-inner{width: 800px; margin: 0 auto;}
header.tutorial-page #tutorial-wrap .carousel .left.carousel-control{background-image: none; left: -100px;}
header.tutorial-page #tutorial-wrap .carousel .right.carousel-control{background-image: none; right: -100px;}
header.tutorial-page #tutorial-wrap #btn-wrap{width: 800px; height: 61px; margin: 0 auto; padding-top: 10px;}
header.tutorial-page #tutorial-wrap #btn-wrap span{font-size: 17px; color: white;}
header.tutorial-page #tutorial-wrap #btn-wrap #next-step, #tutorial-wrap #btn-wrap #go-upload{width: 100%; background-color: rgba(0,0,0,0.3); border-radius: 5px; padding: 10px 0; font-size: 17px; color: white; display: none;}
header.tutorial-page #tutorial-wrap #btn-wrap #next-step:hover, #tutorial-wrap #btn-wrap #go-upload:hover{background-color: #338fed; border-color: #338fed;}
header.tutorial-page #tutorial-wrap #mobile-btn-wrap{display: none;}
header.tutorial-page .bg-filter{background-color: rgba(0, 0, 0, 0.60);}
header.tutorial-page .header-content{top: 52%;}
header.tutorial-page{min-height: 950px;}

header.uploader-quizzes .header-content{top: 52%;}
header.uploader-quizzes .bg-filter{background-color: rgba(0, 0, 0, 0.60);}
header.uploader-quizzes #step-wrap{width: 600px; margin: 0 auto; margin-bottom: 15px;}
header.uploader-quizzes #step-wrap img{width: 600px;}
header.uploader-quizzes .main-title{font-size: 18px;}
header.uploader-quizzes .main.step3 p{font-size: 17px; color: white; font-weight: 300;}
header.uploader-quizzes{min-height: 950px;}
header.uploader-quizzes #uploader-request-container .quizzes-wrap{padding: 15px;}
header.uploader-quizzes #uploader-request-container .quizzes-wrap .quiz-wrap{padding: 10px; margin: 4px 0; position: relative;}
header.uploader-quizzes #uploader-request-container .quizzes-wrap .quiz-wrap .title{margin-bottom: 0;}
header.uploader-quizzes #uploader-request-container .quizzes-wrap .quiz-wrap .answer-icon{position: absolute; top: 0; left: 0; display: none;}
header.uploader-quizzes #uploader-request-container .quizzes-wrap .quiz-wrap .wrong-answer-icon{position: absolute; top: -15px; left: 0; display: none;}
header.uploader-quizzes #uploader-request-container .quizzes-wrap .quiz-wrap .answer-icon img,
header.uploader-quizzes #uploader-request-container .quizzes-wrap .quiz-wrap .wrong-answer-icon img{width: 50px;}

header.uploader-request .bg-filter{background-color: rgba(0, 0, 0, 0.60);}
header.uploader-request #step-wrap{width: 600px; margin: 0 auto; margin-bottom: 15px;}
header.uploader-request #step-wrap img{width: 600px;}
header.uploader-request .main.step3 p{font-size: 17px; color: white; font-weight: 300;}
header.uploader-request{min-height: 950px;}

/*
032 무료로 사용해보기
==============================================================================================*/
.promotion-container{width: 100%; min-height: 100%; background-color: #f3f0f0; padding-top: 60px; padding-bottom: 50px;}
.promotion-container .promotion-wrap{width: 720px; margin: 0 auto; background-color: white;}
.promotion-container .promotion-wrap img{width: 100%;}
.promotion-container .promotion-wrap .promotion-ment-wrap{width: 100%; color: #827b7b; padding: 50px 20px;}
.promotion-container .promotion-wrap .promotion-ment-wrap .ment01-wrap{text-align: center; padding-bottom: 20px;}
.promotion-container .promotion-wrap .promotion-ment-wrap .ment01-wrap p{margin-bottom: 5px;}
.promotion-container .promotion-wrap .promotion-ment-wrap .ment02-wrap{text-align: center; padding-bottom: 50px;}
.promotion-container .promotion-wrap .promotion-ment-wrap .ment02-wrap p{margin-bottom: 5px;}
.promotion-container .promotion-wrap .promotion-ment-wrap .ment03-wrap{border-top: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5; padding: 20px 0px;margin: 0px 20px; color: #ff766c;}
.promotion-container .promotion-wrap .promotion-ment-wrap .btn-wrap{padding-top: 50px; text-align: center;}
.promotion-container .promotion-wrap .promotion-ment-wrap .btn-wrap a{padding: 15px 35px; font-size: 16px;}

/*
033 작가포트폴리오 에디터
==============================================================================================*/
/*사이드 메뉴*/
.editor-sidebar{ width: 244px; height: 100%; font-weight: 500; position: fixed; top: 0; bottom: 0; background-color: white; border-right: 1px solid #ddd; z-index: 100; overflow: auto;}
.editor-sidebar .nav-sidebar { width: 100%; min-height: calc(100vh - 200px); padding: 40px 0; padding-top: 60px; }
.editor-sidebar .nav-sidebar .btn-close-sidenav{display: none;}
.editor-sidebar .nav-sidebar .sub-title{padding: 19px 25px; font-weight: 400; display: flex; align-items: center;}
.editor-sidebar .nav-sidebar .btn-more{padding: 10px 20px; font-weight: 400; text-align: center; border-bottom: 1px solid #d5d5d5; color: #827b7b;}
.editor-sidebar .nav-sidebar .btn-more.active{background-color: unset; color: #827b7b;}
.editor-sidebar .nav-sidebar .btn-more div{display: flex; align-items: center; justify-content: center; margin-left: -10px;}
.editor-sidebar .nav-sidebar .btn-more div svg{margin-right: 5px;}
.editor-sidebar .nav-sidebar .btn-more.active div svg{transform: rotate(180deg); fill: #827b7b;}
.editor-sidebar .nav-sidebar svg{margin-right: 20px; fill: #827b7b;}
.editor-sidebar .nav-sidebar #editor-menu .title{padding: 10px 0px;}
.editor-sidebar .nav-sidebar #editor-menu a{color: #827b7b;}
.editor-sidebar .nav-sidebar ul>li{color: #827b7b;}
.editor-sidebar .nav-sidebar ul>li>a{padding: 0;}
.editor-sidebar .nav-sidebar #editor-menu #point-container{padding: 15px 40px;}
.editor-sidebar .nav-sidebar #editor-menu #point-container .point-wrap{width: 100%; position: relative; display: table;}
.editor-sidebar .nav-sidebar #editor-menu #point-container #btn-point-wrap .btn-point{width: 100%; padding: 6px 12px;}
.editor-sidebar .nav-sidebar #editor-menu #point-container #btn-point-wrap{padding-top: 10px;}
.editor-sidebar .nav-sidebar #editor-menu #pic-list .pic-count{margin-left: auto;}
.editor-sidebar .nav-sidebar ul li:not(.list-wrap):not(.title){cursor: pointer;}
.editor-sidebar .nav-sidebar ul li:not(.list-wrap):not(.title):hover{color: #338FED;}
.editor-sidebar .nav-sidebar ul li:not(.list-wrap):not(.title):hover a{color: #338fed;}
.editor-sidebar .nav-sidebar ul li:not(.list-wrap):not(.title):hover svg{fill: #338fed;}
.editor-sidebar .nav-sidebar ul li.active{color: #338fed; background-color: #D8EBFF;}
.editor-sidebar .nav-sidebar ul li.active svg{fill: #338fed;}
.editor-sidebar .nav-sidebar .btn-menu-wrap li{padding: 19px 25px; font-weight: 400; display: flex; align-items: center;}
.editor-sidebar .nav-sidebar .btn-menu-wrap a:last-child li{border-bottom: 1px solid #d5d5d5;}
.editor-sidebar .nav-sidebar .btn-menu-wrap a {color: #827b7b; font-weight: 400; -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear; }
.editor-sidebar .nav-sidebar .btn-menu-wrap a:hover{background-color: transparent;}
.editor-sidebar .nav-sidebar .text-overflow a, .nav-sidebar .text-overflow .media-body { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.editor-sidebar .editor-btns-wrap{width: 100%; height: 200px; display: flex; padding: 15px; position: static; bottom: 0; background-color: #fff;}
.editor-sidebar .editor-btns-wrap .editor-btns{width: 100%; align-self: flex-end;}
.editor-sidebar .editor-btns-wrap .btn-editor{width: 100%; border: 2px solid; border-radius: 5px; height: 40px;}
.editor-sidebar .editor-btns-wrap .btn-editor.btn-function{margin: 5px 0px; background-color: #ffffff; border-color: #d6cdcd; color: #d6cdcd; display: flex; justify-content: center; align-items: center;}
.editor-sidebar .editor-btns-wrap .btn-editor.btn-function svg{fill: #d6cdcd; margin-right: 5px;}
.editor-sidebar .editor-btns-wrap .btn-put.active{border-color: #338fed; color: #338fed;}
.editor-sidebar .editor-btns-wrap .btn-put.active svg{fill: #338fed;}
.editor-sidebar .editor-btns-wrap .btn-add.active{border-color: #33C992; color: #33C992;}
.editor-sidebar .editor-btns-wrap .btn-add.active svg{fill: #33C992;}
.editor-sidebar .editor-btns-wrap .btn-remove.active{border-color: #FF7171; color: #FF7171;}
.editor-sidebar .editor-btns-wrap .btn-remove.active svg{fill: #FF7171;}
.editor-sidebar .editor-btns-wrap .btn-modify-info.active{border-color: #338fed; color: #338fed;}
.editor-sidebar .editor-btns-wrap .btn-modify-info.active svg{fill: #338fed;}
.editor-sidebar .editor-btns-wrap .btn-close{border-color: #444141; background-color: #444141; border-color: #444141; color: #ffffff;}

/*공통*/
.editor-title-wrap{position: fixed; min-width: 1366px; top: 60px; z-index: 20; border-bottom: 1px solid #ddd;  width: 100%; padding: 0px 25px; background-color: #ffffff;}
.editor-title-wrap .title-wrap{display: flex; align-items: center; margin-left: 244px; height: 60px;}
.editor-title-wrap .title-wrap .select-visible-wrap{display: none;}
.editor-title-wrap .title-wrap #select-count{color:#338fed; padding: 0px 30px;}
.editor-title-wrap .title-wrap #btn-rearrange,
.editor-title-wrap .title-wrap #btn-rearrange-save,
.editor-title-wrap .title-wrap #btn-rearrange-close{display: none !important; color: #338fed; border: 1px solid #338fed; border-radius: 18px; padding: 6px 24px; cursor: pointer; margin-left: 15px;}
.editor-title-wrap .title-wrap #btn-rearrange{display: block;}
.editor-title-wrap .title-wrap #btn-rearrange.active{display: none;}
.editor-title-wrap .title-wrap .btn-rearrange{display: none;}
.editor-title-wrap .title-wrap .btn-rearrange.active{display: block;}
.editor-title-wrap .title-wrap #btn-reset{color: #338fed; border: 1px solid #338fed; border-radius: 18px; padding: 6px 24px; cursor: pointer;}
.editor-title-wrap #all-svg, .editor-title-wrap #collection-svg, .editor-title-wrap #pic-svg{fill: #827b7b;}
.editor-title-wrap svg{cursor: pointer;}
.editor-title-wrap #title{font-size: 20px; text-align: left; color: #827b7b; font-weight: 400; padding-left: 15px;}
.editor-title-wrap .btn-back{border: 1px solid #e0e0e0; border-radius: 3px; padding: 7px 9.5px; cursor:pointer; -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 1px rgba(0,0,0,.2); box-shadow: 0px 0px 1px rgba(0,0,0,.2);}
.editor-title-wrap .btn-back svg{fill: #827b7b;}
.editor-title-wrap #edit-svg{margin: 0 25px; margin-right: 19px;}
.editor-title-wrap .lock-svg-wrap{position: relative; display: flex; cursor: pointer; padding: 6px;}
.editor-title-wrap .lock-svg-wrap .lock-svg{display: none;}
.editor-title-wrap .lock-svg-wrap.active #lock-closing-svg{display: block;}
.editor-title-wrap .lock-svg-wrap #lock-opening-svg{display:block;}
.editor-title-wrap .lock-svg-wrap #lock-closing-svg{position: absolute; display: none;}
.editor-title-wrap .filter-count{margin-left: auto; color: #827b7b;}

.editor-container{ width: 100%; min-width: 1077px; min-height: calc(100vh - 60px); padding-left: 244px; padding-top: 60px; background-color: #f3f0f0; display: table;}
.editor-container .editor-content-container{width: 100%; position: relative;}
.editor-container .editor-content-container .contents-container{padding: 25px;}
.editor-container .editor-content-container .editor-content-wrap{background-color: #ffffff; border-radius: 10px; min-height: 100%; -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.2); -moz-box-shadow: 0px 2px 6px rgba(0,0,0,.2); box-shadow: 0px 2px 6px rgba(0,0,0,.2);}
.editor-container .editor-content-container .editor-content-wrap #grid-wrap{margin-bottom:0; min-height: calc(100vh - 170px); z-index: 1;}

.editor-container .editor-content-container .editor-content-wrap .input-txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #c4c4c4;
}
.editor-container .editor-content-container .editor-content-wrap .input-txt::-moz-placeholder { /* Firefox 19+ */
  font-size: 14px;
  color: #c4c4c4;
}
.editor-container .editor-content-container .editor-content-wrap .input-txt:-ms-input-placeholder { /* IE 10+ */
  font-size: 14px;
  color: #c4c4c4;
}
.editor-container .editor-content-container .editor-content-wrap .input-txt:-moz-placeholder { /* Firefox 18- */
  font-size: 14px;
  color: #c4c4c4;
}
.editor-container #grid-wrap .image-each-container{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none;}
.editor-container #grid-wrap .image-each-container .image-checkbox{position: absolute; top: 3px; right: 3px; margin-top: 0px; z-index: 1;}
.editor-container #grid-wrap .image-each-container .select-div{width: 100%; height: 100%; border: 3px solid transparent; background-color: rgba(0,0,0,0); position: absolute; top: 0; left: 0; z-index: 1000;}
.editor-container #grid-wrap .image-each-container.active .select-div{border-color: #338fed;}
.editor-container{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*모음집 리스트*/
#collection-list-container #collection-list-content-container{height: calc(100% - 60px);}
#collection-list-container #grid-wrap{padding: 15px;}
#collection-list-container .create-collection-wrap{width: 270px; height: 254px; border: 1px solid #ddd; border-radius: 10px; display: table; position: relative; float: left; padding-top: 65px; cursor: pointer;}
#collection-list-container .create-collection-wrap svg{width: 50px; vertical-align: middle;}
#collection-list-container .create-collection-wrap p:nth-child(2){font-size: 14px; margin-bottom: 5px; margin-top: 10px;}
#collection-list-container .create-collection-wrap p:nth-child(3){font-size: 12px; margin-bottom: 5px; color: #B5B5B5;}
#collection-list-container .collection-each-wrap .collection-wrap .division.empty-image{width: 268px; height: 184px;  display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #f3f0f0;}
#collection-list-container .collection-each-wrap .collection-wrap .division.empty-image svg{vertical-align: middle; width: 50px;}
#collection-list-container .collection-each-wrap .collection-wrap .delete-wrap{text-align: left; position: absolute; top: 10px; right: 10px; display: none;}
#collection-list-container .collection-each-wrap .collection-wrap .info-wrap .btn-open-close{position: absolute; top: 5px; right: 10px; padding: 5px;}
#collection-list-container .collection-each-wrap .collection-wrap .icon-wrap .btn-delete{background: none; border: none; padding: 0 2px;}
#modal-create-collection .modal-dialog{width: 380px;}
#modal-create-collection .modal-header{padding-bottom: 0;}
#modal-create-collection .modal-header .close{color: #444141; opacity:1; filter: alpha(opacity=100); font-weight: 400;}
#modal-create-collection .modal-body{text-align: center; padding: 0px 49px 25px 49px;}
#modal-create-collection .modal-body .collection-title{width: 280px; font-size: 18px; margin-top: 7px; margin-bottom: 17px; text-align: center;}
#modal-create-collection .modal-body .form-check{text-align: left;}
#modal-create-collection .modal-body .form-check .form-check-input{width: 20px; height: 20px; cursor: pointer;}
#modal-create-collection .modal-body .form-check .form-check-label{vertical-align: middle; font-weight: 400; margin-bottom: 12px; padding-left: 7px; cursor: pointer;}
#modal-create-collection .modal-body .btns{padding-top: 10px;}
#modal-create-collection .modal-body .btns #btn-create-collection{width: 120px; margin-right: 5px; font-size: 14px; padding: 6px 0px;}
#modal-delete-collection .modal-dialog{width: 490px;}
#modal-delete-collection .modal-body{padding: 50px 55px; text-align: center;}
#modal-delete-collection .modal-body .btns{padding-top: 25px;}
#modal-delete-collection .modal-body .btns .btn{width: 170px;}
#modal-remove-images-confirm .modal-dialog{width: 490px;}
#modal-remove-images-confirm .modal-body{padding: 50px 55px; text-align: center;}
#modal-remove-images-confirm .modal-body .btns{padding-top: 25px;}
#modal-remove-images-confirm .modal-body .btns .btn{width: 170px;}
#modal-modify-collection-title .modal-dialog{width: 380px;}
#modal-modify-collection-title .modal-header{padding-bottom: 0;}
#modal-modify-collection-title .modal-header .close{color: #444141; opacity:1; filter: alpha(opacity=100); font-weight: 400;}
#modal-modify-collection-title .modal-body{text-align: center; padding: 0px 49px 25px 49px;}
#modal-modify-collection-title .modal-body .collection-title{width: 280px; font-size: 18px; margin-top: 7px; margin-bottom: 17px; text-align: center;}
#modal-modify-collection-title .modal-body .btns{padding-top: 10px;}
#modal-modify-collection-title .modal-body .btns .btn{width: 135px;}

/*전체이미지*/
#editor-all-images-container #editor-all-images-content-container #filter-btn-wrap{padding: 15px; padding-bottom: 0px; display: none;}
#editor-all-images-container #editor-all-images-content-container #filter-btn-wrap .btn-classification{width: 230px; border-radius: 5px; box-shadow: none; background-color: #F3F0F0; padding: 7px 12px;}
#editor-all-images-container #editor-all-images-content-container #filter-btn-wrap .btn-classification.active{border: 1px solid #444141; background-color: #ffffff;}
#editor-all-images-container #editor-all-images-content-container #filter-btn-wrap .btn-all-images{margin-left: 7px;}
#editor-all-images-container #editor-all-images-content-container #filter-btn-wrap #explain-wrap{font-weight: 300;}
#modal-select-collection .modal-dialog{width: 320px;}
#modal-select-collection .modal-header{text-align: center; box-shadow: 0 5px 2px rgba(0,0,0,.06); border-bottom: 0;}
#modal-select-collection .modal-header p{color: #444141; margin-bottom: 0px;}
#modal-select-collection .modal-body{padding: 0;}
#modal-select-collection .modal-body .btn-create-collection{color: #338fed; font-size: 16px; cursor: pointer; text-align: center; padding: 15px; padding-top: 20px; border-bottom: 1px solid #e5e5e5}
#modal-select-collection .modal-body .btn-create-collection .icon{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 20px; background-color: #338fed; color: #ffffff; margin-right: 6px;}
#modal-select-collection .modal-body .collection-list-wrap{height: 250px; box-shadow: 0 5px 2px rgba(0,0,0,.06); padding: 20px; overflow: auto;}
#modal-select-collection .modal-body .collection-list-wrap .collection-checkbox-wrap:first-child{padding-top: 0px;}
#modal-select-collection .modal-body .collection-list-wrap .collection-checkbox-wrap{display: flex; font-size: 16px; padding: 10px 0px; cursor:pointer;}
#modal-select-collection .modal-body .collection-list-wrap .collection-checkbox-wrap .collection-checkbox{margin-left: auto; position: relative;}
#modal-select-collection .modal-body .btns{padding: 20px;}
#modal-select-collection .modal-body .btns .btn{width: 100%; border-radius: 20px;}
#modal-select-collection .modal-body .btns #btn-add-images{margin-bottom: 10px; background-color: #338fed; color: #ffffff;}
#modal-select-collection .modal-body .btns #btn-close{border: 1px solid #338fed; color: #338fed; background-color: #ffffff; padding: 9px 0px;}
#modal-select-collection .modal-body .collection-checkbox.cp-checkbox label{position: unset; cursor: pointer;}
#modal-select-collection .modal-body .collection-checkbox.cp-checkbox label::before{left: unset; right: 0; top: 2px;}
#modal-select-collection .modal-body .collection-checkbox.cp-checkbox label::after{left: unset; right: 1px; top: -1px;}
#modal-add-images-confirm .modal-dialog{width: 490px; text-align: center;}
#modal-add-images-confirm .modal-body{padding: 40px 70px;}
#modal-add-images-confirm .modal-body p{margin-bottom: 5px;}
#modal-add-images-confirm .modal-body .btns{display: flex; padding-top: 30px;}
#modal-add-images-confirm .modal-body .btns .btn{width: 50%;}
#modal-add-images-confirm .modal-body .btns #btn-add-images{margin-right: 5px;}
#modal-add-images-confirm .modal-body .btns #btn-close{margin-left: 5px;}
#modal-add-images .select-images-slider .swiper-slide {width: auto; opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); border: 3px solid transparent;}
#modal-add-images .select-images-slider .swiper-slide-active {opacity: 1; -webkit-filter: initial; filter: initial; border-color: #338fed;}
#modal-add-images .select-images-slider img {cursor: pointer; width: auto; height: 90px; object-fit: contain;}
#modal-add-images #select-images-slider-wrap{position: relative;}
#modal-add-images #select-images-slider-wrap .btn-prev{background-image: url('https://cdn.crowdpic.net/images/etc/black_arrow_back.svg?1234'); left: 15px; background-size: 16px 23px; background-repeat: no-repeat; background-position: 14px;}
#modal-add-images #select-images-slider-wrap .btn-next{background-image: url('https://cdn.crowdpic.net/images/etc/black_arrow_forward.svg?1234'); right: 15px; background-size: 16px 23px; background-repeat: no-repeat; background-position: 17px;}
#modal-add-images #select-images-slider-wrap > a{width: 50px; height: 50px; border-radius: 45px; background-color: black; opacity: 0.4; top: 40%; display: block; cursor: pointer; position: absolute; z-index: 99; margin-top: -15px; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s;}
#modal-add-images #select-images-slider-wrap > a:hover{opacity: 0.6;}
#modal-add-images #info-wrap span{font-size: 16px;}
#modal-add-images #info-wrap .input-wrap{width: 100%; background-color: #f3f0f0; padding: 5px 10px; margin-top: 10px;}
#modal-add-images #info-wrap .title-wrap .input-wrap #title{border: none; background-color: transparent; outline: none; width: 100%;}
#modal-add-images #info-wrap .description-wrap{padding-top: 15px;}
#modal-add-images #info-wrap .description-wrap .input-wrap #description{border: none; background-color: transparent; outline: none; width: 100%; resize: none;}
#modal-add-images #info-wrap .description-wrap .cnt{font-size: 14px;}
#modal-add-images .btns{padding: 20px; text-align: center;}
#modal-add-images .btns .btn{width: 260px; border-radius: 20px;}
#modal-add-images .btns #btn-save{margin-bottom: 10px; background-color: #338fed; color: #ffffff;}
#modal-add-images .btns #btn-close{border: 1px solid #338fed; color: #338fed; background-color: #ffffff;}
#modal-add-images .btns #btn-next-time{color: #338fed; text-decoration:underline; background-color: transparent; border: none; margin-top: 20px;}

/*
034 메시지함
==============================================================================================*/
.message-content-container{height: 100%; display: flex; flex-direction: column; padding-bottom: 40px;}
.message-content-container .mypage-banner{margin-bottom: 20px;}
.message-content-container #mypage-title .notice{text-align: center; padding-bottom: 10px;}
.message-content-container #mypage-title .notice p{font-size: 14px; margin-bottom: 3px; font-weight: 400;}
.message-content-container #mypage-content-wrap{height: 100%; display: flex; overflow: hidden;}
#message-container{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 1080px; margin-left: auto !important; margin-right: auto !important;}
#message-container #message-wrap{
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 100%;
  margin: 0;
  display: flex;
  padding: 0;
}
#message-container #message-wrap .conversation-list-container{width: 290px; height: 100%; background-color: white; display: flex; flex-direction: column; border: 1px solid #e0e0e0; margin-right: 5px; border-radius: 10px;}
#message-container #message-wrap .chatting-container{display: flex; flex-direction: column; width: 460px; height: 100%; border: 1px solid #e0e0e0; margin: 0px 5px; background-color: white; border-radius: 10px;}
#message-container #message-wrap .chatting-container .header{position: relative; text-align: center; padding: 13px 0px; border-bottom: 1px solid #e0e0e0; height: 47px;}
#message-container #message-wrap .chatting-container .header p{font-size: 12px; margin-bottom: 3px;}
#message-container #message-wrap .chatting-container .header .btn-go-list{position: absolute; height: 100%; top: 0; width: 40px; display: flex; align-items: center; justify-content: center;}
#message-container #message-wrap .conversation-list-container .title{padding: 12px 24px; position: relative; text-align: center; border-bottom: 1px solid #e0e0e0;}
#message-container #conversation-list-wrap{overflow:auto;}
#message-container #conversation-list-wrap #conversation-list{padding: 7px; display: none;}
#message-container #conversation-list-wrap .conversation{
  display: block;
  margin-bottom: 7px;
}
#message-container #conversation-list-wrap .conversation .conversation-div{
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #827B7B;
  height: 115px;
  padding: 15px 7px;
  background-color: white;
  border-radius: 10px;
}
#message-container #conversation-list-wrap .conversation.active .conversation-div{
  background-color: #D8EBFF !important;
}
#message-container #conversation-list-wrap .conversation.active .nickname-wrap{color: #338FED;}
#message-container #conversation-list-wrap .conversation:hover .nickname-wrap{
  color: #338FED;
}
#message-container #conversation-list-wrap .conversation .nickname-wrap{font-size: 14px; font-weight: 600;}
#message-container #conversation-list-wrap .conversation .did-read{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: #ff7171;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  float: right;
  display: none;
}
#message-container #conversation-list-wrap .conversation .did-read.active{
  display: block;
}
#message-container #conversation-list-wrap .conversation .image{position: relative; width: 36px; height: 36px; display: inline-block; border: 1px solid #F3F0F0; border-radius: 80px;}
#message-container #conversation-list-wrap .conversation .image img{width: 100%; border-radius: 50px; vertical-align: middle;}
#message-container #conversation-list-wrap .conversation .contents-wrap{
  min-width: 0;
  display: block;
  line-height: 1.5;
  width: auto;
  font-size: 12px;
  padding-left: 8px;
  flex-grow: 1;
  height: 67px;
}
#message-container #conversation-list-wrap .conversation .recent-message{
  display: -webkit-box;
  width: 190px;
  max-width: 190px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 3px;
}
#message-container #conversation-list-wrap .conversation .date{flex-basis: 100%; text-align: right; font-size: 12px; padding: 3px;}
#message-container #conversation-list-wrap .conversation .blocked-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(243,240,240,.66); border-radius: 10px; display: flex; justify-content: center; align-items: center;}
#message-container #conversation-list-wrap .conversation .blocked-wrap div{font-size: 12px; color: #444141; background-color: #f3f0f0; border-radius: 18px; padding: 10px 16px;}
#message-container #conversation-list-wrap .conversation .did-read{position: absolute;
  top: 22px;
  transform: translateY(-50%);
  right: 10px;
  background: #ff7171;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  float: right;}
#message-container #chatting-wrap{flex: 1; overflow: auto;}
#message-container #chatting-wrap .divider{font-size: 12px; padding: 0 15px; color: #827b7b; font-weight: 400; display: table; white-space: nowrap; height: auto; line-height: 1; margin: 40px 0px; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#message-container #chatting-wrap .divider:before{background-position: right 1em top 50%;
  content: "";
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}
#message-container #chatting-wrap .divider:after{background-position: left 1em top 50%;
  content: "";
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}
#message-container #chatting-wrap .message{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 16px 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 15px;
}
#message-container #chatting-wrap .self.message{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0;
  padding-right: 15px;
}
#message-container #chatting-wrap .message .contents{
  word-break: break-word;
  background-color: #D8EBFF;
  color: #444141;
  max-width: 60%;
  font-size: 14px;
  line-height: 1.5em;
  padding: 10px;
  border-radius: 5px;
}
#message-container #chatting-wrap .self.message .contents{
  background-color: #FFE9E9;
}
#message-container #chatting-wrap .message .info{
  font-size: 12px;
  color: #6e7980;
  padding-left: 6px;
  line-height: 1.5em;
}
#message-container #chatting-wrap .self.message .info {
  padding-left: 0;
  padding-right: 6px;
  text-align: right;
}
#message-container #textarea-wrap{position: relative; width: 100%; flex-wrap: wrap; margin-top: auto; padding: 15px;}
#message-container #textarea-wrap textarea{
  width: 100%;
  resize: none;
  line-height: 1.5;
  height: 130px;
  padding: 10px;
  padding-right: 85px;
  margin: 0;
  -webkit-appearance: none;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #f5f5f5;
  outline: none;
}
#message-container #textarea-wrap button{background-color: #338fed; color: white; position: absolute; bottom: 26px; right: 22px; padding: 4px 21px;}
#message-container #message-wrap .interlocutor-profile-container{width: 280px; display:none; height: fit-content; background-color: white; border: 1px solid #e0e0e0; border-radius: 10px; margin-left: 5px;}
#message-container #message-wrap .interlocutor-profile-container .title{padding: 12px 24px; position: relative; text-align: center; border-bottom: 1px solid #e0e0e0;}
#message-container .interlocutor-profile-wrap{position: relative; text-align: center; padding: 20px 15px;}
#message-container .interlocutor-profile-wrap .profile-image-wrap{padding-top: 20px; padding-bottom: 10px; text-align: center;}
#message-container .interlocutor-profile-wrap .profile-image-wrap .image-wrap{position: relative; width: 60px; height: 60px; display:inline-block; border: 2px solid #F3F0F0; border-radius: 80px;}
#message-container .interlocutor-profile-wrap .profile-image-wrap .image-wrap img{border-radius:50px; width: 100%; height: 100%;}
#message-container .interlocutor-profile-wrap .info-wrap{padding-bottom: 19px;}
#message-container .interlocutor-profile-wrap .interlocutor-nickname{font-size: 16px; color: #444141;}
#message-container .interlocutor-profile-wrap .authority{color: #827b7b; font-size: 12px;}
#message-container .interlocutor-profile-wrap .btn-follow{font-size: 14px; background-color: #338fed; border: 1px solid #338fed; color: #ffffff; font-weight: 500; border-radius: 20px; padding: 6px 0px; text-align: center; cursor: pointer;}
#message-container .interlocutor-profile-wrap .btn-follow.following{background-color: #f3f0f0; border-color: #f3f0f0; color: #444141;}
#message-container .interlocutor-profile-wrap .btn-block-wrap{position: absolute; top: 10px; right: 15px;}
#message-container .interlocutor-profile-wrap .btn-block{width: 70px; font-size: 12px; border: 1px solid #E0E0E0; border-radius: 13px; color: #827b7b; cursor: pointer;}
#message-container .interlocutor-profile-wrap .btn-block.active{color: #ff7171; border-color: #ff7171;}

#partner-profile .modal-content{width: 280px; margin: 0 auto; !important}
#partner-profile .modal-body{padding: 0;}
#partner-profile .interlocutor-profile-container{}
#partner-profile .interlocutor-profile-container .title{padding: 12px 24px; position: relative; text-align: center; border-bottom: 1px solid #e0e0e0;}
#partner-profile .interlocutor-profile-wrap{position: relative; text-align: center; padding: 20px 15px;}
#partner-profile .interlocutor-profile-wrap .profile-image-wrap{padding-top: 20px; padding-bottom: 10px; text-align: center;}
#partner-profile .interlocutor-profile-wrap .profile-image-wrap .image-wrap{position: relative; width: 60px; height: 60px; display:inline-block;}
#partner-profile .interlocutor-profile-wrap .profile-image-wrap .image-wrap img{border-radius:50px; width: 100%; height: 100%;}
#partner-profile .interlocutor-profile-wrap .info-wrap{padding-bottom: 10px;}
#partner-profile .interlocutor-profile-wrap .interlocutor-nickname{font-size: 16px; color: #444141;}
#partner-profile .interlocutor-profile-wrap .authority{color: #827b7b; font-size: 10px;}
#partner-profile .interlocutor-profile-wrap .btn-follow{font-size: 14px; background-color: #338fed; font-weight: 500; border: 1px solid #338fed; border-radius: 20px; color: #ffffff; padding: 6px 0px; text-align: center; cursor: pointer;}
#partner-profile .interlocutor-profile-wrap .btn-follow.following{background-color: #f3f0f0; border-color: #f3f0f0; color: #444141;}
#partner-profile .interlocutor-profile-wrap .btn-block-wrap{position: absolute; top: 10px; right: 15px;}
#partner-profile .interlocutor-profile-wrap .btn-block{width: 70px; font-size: 12px; border: 1px solid #E0E0E0; border-radius: 13px; color: #827b7b; cursor: pointer;}
#partner-profile .interlocutor-profile-wrap .btn-block.active{color: #ff7171; border-color: #ff7171;}


/*
000 default
==============================================================================================*/
.background-f3f0f0{
  background-color: #f3f0f0;
}
.pt5{
  padding-top: 5px;
}
.pt15{
  padding-top: 15px;
}
.pt100{
  padding-top: 100px;
}
.pb100{
  padding-bottom: 100px;
}
.pb30{
  padding-bottom: 30px;
}
.pt30{
  padding-top: 30px;
}
.pt50{
  padding-top: 50px !important;
}
.pb50{
  padding-bottom: 50px;
}
.pb20{
  padding-bottom: 20px;
}
.pt20{
  padding-top: 20px;
}
.pt10{
  padding-top: 10px;
}
.pr20{
  padding-right: 20px;
}
.pr0{padding-right: 0px !important;}
.pr10{
  padding-right: 10px;
}
.pr7{
  padding-right: 7px;
}
.pl10{
  padding-left: 10px;
}
.pl5{
  padding-left: 5px;
}
.pb10{
  padding-bottom: 10px;
}
.pb15{
  padding-bottom: 15px;
}
.pt80{
  padding-top: 80px;
}
.pb80{
  padding-bottom: 80px;
}
.mb20{
  margin-bottom: 20px !important;
}
.mt10{
  margin-top: 10px !important;
}
.mt80{
  margin-top: 80px !important;
}
.mb10{
  margin-bottom: 10px !important;
}
.mr10{
  margin-right: 10px !important;
}
.mr75{
  margin-right: 75px !important;
}
.ml10{
  margin-left: 10px !important;
}
.mt5{
  margin-top: 5px !important;
}
.mb0{
  margin-bottom: 0px !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.bold{
  font-weight: bold;
}
.wh{
  color: white !important;
}
.align-c{
  text-align: center;
}
.align-l{
  text-align: left;
}
.align-r{
  text-align: right;
}
.m-color{
  color: #1a1a1a;
}
.mb25{
  margin-bottom: 25px;
}
.mt20{
  margin-top: 20px !important;
}
.ml-20{
  margin-left: -20px;
}
.mt30{
  margin-top: 30px !important;
}
.display-block{
  display: block;
}
.display-none{
  display: none;
}
.display-inline-block{
  display: inline-block;
}
.pt25percent{
  padding-top: 25%;
}
.line-through{text-decoration:line-through;}
.p0{padding: 0;}

.mt25{margin-top: 25px;}
.margin0auto{margin: 0 auto;}
.weight400{
  font-weight: 400;
}
.width120{width: 120px;}
.width170{width: 170px;}
.margin0{margin: 0 !important;}
.margin-left-0{margin-left:0 !important;}
.margin-right-0{margin-right:0 !important;}
.borderleft-none{border-left: none !important;}
.font12{font-size: 12px !important;}
.font16{font-size: 16px !important;}
.font24{font-size: 24px !important;}
.font45{font-size: 45px !important;}
.bg338fed{background-color: #338fed;}
.bgff7171{background-color: #ff7171;}
.bgffffff{background-color: #ffffff !important;}
.bd338fed{border-color: #338fed !important;}
.bdff7171{border-color: #ff7171 !important;}
.padding0{padding: 0 !important;}
.icon-comment-svg{
  width: 20px;
  height: 20px;
  background: url('https://cdn.crowdpic.net/images/etc/comment.svg') no-repeat;
  background-size: cover;
  display: inline-block;
}
.position-relative{
  position: relative;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.weight500{font-weight: 500;}
.zindex1{z-index: 1!important;}
.only_pc{display:block;}
.padding15{padding: 15px !Important;}
.border-top-left-radius9{border-top-left-radius: 9px;}
.border-top-right-radius9{border-top-right-radius: 9px;}
.overflow-hidden{overflow: hidden;}