@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');
/* 공통사용 */

body {background: #f2f2f2;}
*, h1, h2, h3, h4, h5, h6, p, a, li, button {
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.5;
    letter-spacing: -0.025em;
    color:#666666;
}
h1, .h1 {font-size:26px;}
h2, .h2 {font-size:23px;}
h3, .h3 {font-size:20px;}
h4, .h4 {font-size:17px;}
h5, .h5 {font-size:14px;}
h6, .h6, p, .p {font-size:12px;}
.font-small {font-size:10px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 500;
    color: #333;
}
input:disabled,select:disabled,textarea:disabled
{
    background-color: rgb(235, 235, 228);
}
p, .p, .font-small {font-weight: 400;}
.font-bold {font-weight: 600;}
.font-medium {font-weight: 500;}
.font-regular {font-weight: 400;}
.fontC-red {color:#ff0000;}
.fontC-piikle {color: #6ba54e;}
.fontC-pink {color: #ed0091;}

input, textarea {outline: 0;}
input[type=text] {min-height: 40px;}
input:focus, .sign-up input:focus, .login input:focus, textarea:focus, .sign-up-brand input:focus, .sign-up-brand textarea:focus {border-color: #6dac4f;}
.mypage-payment-list .ad-state .btn-open{
    background: url("../images/board-open.png") no-repeat right;
    width : 14px;
}
.mypage-payment-list .ad-state .btn-close{
    background: url("../images/board-close.png") no-repeat right;
    width : 14px;
}
.a11y-hidden {
    overflow: hidden;
    position: absolute;
    clip:     rect(0 0 0 0); /* IE 6,7 */
    clip:     rect(0,0,0,0);
    width:    1px;
    height:   1px;
    margin:   -1px;
    border:   0;
    padding:  0;
}

.a11y-hidden.focusable:focus {
    overflow: visible;
    position: static;
    clip:     auto;
    width:    auto;
    height:   auto;
    margin:   0;
}

caption.a11y-hidden { position: static; }
.mypage-left .profile-top:after, .mypage-left .mypage-bottom:after, .mypage-right .brand-list-tap:after, .mypage-right .brand-list-tap > ul:after, .mypage-ad-list .payment-list-search:after, .ad-category-tab:after, .mypage-payment-list li:after, .mypage-register .ad-detail-modify ul.full-width:after, .mypage-register .ad-detail-modify .img-upload ul:after, .mypage-register .ad-detail-modify .bottom-btn:after, .mypage-register .ad-detail-modify .bottom-btn:after, main.ad-detail-artist .tab:after, main.ad-detail-artist .ad-category-title:after, main.ad-detail-artist .ad-detail-contents .ad-essential li.ad-point:after, main.ad-detail-artist .ad-detail-contents .ad-essential li.product-ad-photo:after, .ad-detail-artist .list-progress .star-profile:after, .ad-detail-artist .list-progress .progress-step:after, .ad-detail-artist .list-progress > li:after, .mypage-payment .mypage-payment-tab:after, .ad-detail-contents:after {
    display: block;
    content: '';
    clear: both;
}

::-webkit-input-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 12px;
}

::-moz-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #999;
    font-weight: 400;
    font-size: 12px;
}

::input-placeholde {
    color: #999;
    font-weight: 400;
    font-size: 12px;
}

ol, ul {
    list-style: none;
    padding: 0;
}

img {vertical-align: top;}

button {
    border:none;
    cursor: pointer;
    background: none;
}
button img {vertical-align: middle;}

.row:after, .row::after, .clearfix:after, .clearfix::after, .img-list::after, .img-list:after {
  content: '';
  display: block;
  clear: both;
}
button.bottom-full-17, .sign-up-complete button.button2, .sign-up button.btn-confirm, main.payment-result > div > button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 10px 13px;
    font-size:17px;
    font-weight: 600;
    color: #fff;
    background: #6dac4f;
}

.btn-full, .artist-profile-pop button.btn-pick, button.btn-pick, .popup-box.brand-listup > button.btn-ok, .mypage-right .brand-modify > button.end-step, .mypage-right .quit > button, main.quit-complete .center-box > button, button.btn-popup-bottom.one-btn, .popup-box.bank-select > button.btn-accept , .popup-box.new-account > button.btn-accept {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 12px 10px;
    font-size:14px;
    font-weight: 600;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btn-full, .artist-profile-pop button.btn-pick, button.btn-pick, .popup-box.brand-listup > button.btn-ok, .mypage-right .brand-modify > button.end-step, .mypage-right .quit > button, main.quit-complete .center-box > button, button.btn-popup-bottom.one-btn, .one-btn, .popup-box.bank-select > button.btn-accept, .popup-box.new-account > button.btn-accept  {
    left: 0;
    width: 100%;
    background: #6dac4f;
}
.bottom-half, .btn-half, .btn-popup-bottom, .bottom-two, .mypage-register .ad-detail-modify .bottom-btn button, main.ad-detail-artist .ad-detail-modify .bottom-btn button, .popup-box.artist-profile-pop > button.btn-agree, .popup-box.artist-profile-pop > button.btn-refusal, .popup-box.refusal-message button.btn-cancel, .popup-box.refusal-message button.btn-refusal, main.deposit-payment .out-box > button, .popup-box.quit-confirm-message > button, .ad-detail-alarm > button, .delivery-address > button, .rejection > button, .agonize > button, main.mypage .out-box > button.btn-payment, .delivery-pop > button, .recommender-pop > button {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 45px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:10px;
}
.btn-half.btn-left, .btn-popup-bottom, .bottom-two.cancel, .mypage-register .ad-detail-modify .bottom-btn button.cancel, .ad-register-pop button.btn-cancel, main.ad-detail-artist .ad-detail-modify .bottom-btn button.cancel, .popup-box.artist-profile-pop > button.btn-refusal, .popup-box.refusal-message button.btn-cancel, main.deposit-payment .out-box > button.btn-cancel, .popup-box.quit-confirm-message > button.btn-cancel, .ad-detail-alarm > button.btn-cancel, .delivery-address > button.btn-cancel, .rejection > button.btn-cancel, .agonize > button.btn-cancel, main.mypage .out-box > button.cancel, .delivery-pop > button.btn-cancel, .recommender-pop > button.btn-cancel {
    left: 0;
    border-bottom-right-radius: 0;
    background-color: #bbb;
}
.btn-half.btn-right, .btn-popup-bottom.ok, .bottom-two.ok, .mypage-register .ad-detail-modify .bottom-btn button, .ad-register-pop button.btn-ok, main.ad-detail-artist .ad-detail-modify .bottom-btn button, .popup-box.artist-profile-pop > button.btn-agree, .popup-box.refusal-message button.btn-refusal, main.deposit-payment .out-box > button.btn-payment, .popup-box.quit-confirm-message > button.btn-ok, .ad-detail-alarm > button.btn-confirm, .delivery-address > button.btn-confirm, .rejection > button.btn-confirm, .agonize > button.btn-confirm, main.mypage .out-box > button.apply, .delivery-pop > button.btn-confirm, .recommender-pop > button.btn-confirm {
    right: 0;
    border-bottom-left-radius: 0;
    background-color: #6dac4f;
}
.btn-popup-bottom.ok {
    left: unset;
    border-bottom-right-radius: 10px;
}
.btn-cancel, .btn-popup-bottom, .bottom-two.cancel, .mypage-register .ad-detail-modify .bottom-btn button.cancel, main.ad-detail-artist .ad-detail-modify .bottom-btn button.cancel, .popup-box.artist-profile-pop > button.btn-refusal, .popup-box.refusal-message button.btn-cancel, main.mypage .out-box > button.cancel, button.prev-step  {background-color: #bbb;}
.btn-ok, .btn-popup-bottom.ok, .bottom-two.ok, .mypage-register .ad-detail-modify .bottom-btn button, main.ad-detail-artist .ad-detail-modify .bottom-btn button, .popup-box.artist-profile-pop > button.btn-agree, .popup-box.refusal-message button.btn-refusal, main.deposit-payment .out-box > button.btn-payment, .ad-detail-alarm > button.btn-confirm, .delivery-address > button.btn-confirm, .rejection > button.btn-confirm, .agonize > button.btn-confirm, main.mypage .out-box > button.apply, .delivery-pop > button.btn-confirm, .recommender-pop > button.btn-confirm, button.next-step {background-color: #6dac4f;}

button.btn-reset {
    background: #fff;
    border:1px solid #9a9a9a;
    border-radius: 5px;
}
button.btn-reset span {
    display: block;
    margin: 0;
    padding-left: 15px;
    font-size: 12px;
    background: url("../images/ic_m_reset.png") no-repeat left;
    background-size: 13px 10px;
}


[class*="col-"] {float: left;}

.thumbnail {
    display: block;
    position: relative;
    padding-top: 100%; /* 1:1 ratio */
    overflow: hidden;
}
.thumbnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.thumbnail .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.product-img img.product_img {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom : 0px;
    right : 0px;
    max-width: 100%;
    margin: auto;
}
body {background: #f2f2f2;}



/* header */
header {background: #fff;}
header .header-top {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
.filter button.btn-filter span {
    background: url("../images/ic_m_filter.png") no-repeat left;
    background-size: 12px 12px;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #6ba54e;
}
header .header-top .logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    height: 21px;
    margin: auto;
}
.header-right {margin-bottom: 0;}
.header-right li {
    display: inline-block;
    text-align: right;
    margin-right: 7px;
    vertical-align: middle;
}
.header-right li:last-child {margin-right: 0;}
.header-right li a {
    display: block;
    padding: 5px;
    height: 28px;
}
.header-right li.btn-search a {padding-top: 6px;}
.header-right li.btn-mypage a {padding-top: 8px;}
.header-right li.btn-alarm {position: relative;}
.header-right li.btn-alarm .badge {
    position: absolute;
    top: -4px;
    right: -3px;
    width: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 50%;
    background: #ff0000;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    text-align: center;
}

/* nav */
.nav {padding: 0;}
.nav li {
    float: left;
    width: 50%;
    padding: 0 10px 5px;
    text-align: center;
    border-bottom: 3px solid #fff;
    font-size: 14px;
    font-weight: 500;
}
.nav li.on {border-color:#6ba54e;}
.nav li.on a {color:#6ba54e;}





/* 햄버거 메뉴 */
.nav-offcanvas {
  width: 260px;
  background-color: #fff;
  height: 100vh;
  position: fixed;
  overflow-x: auto;
  z-index: 100;
  top: 0;
  right: -260px;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-offcanvas .close {
  position: absolute;
  right: 15px;
  top: 15px;
  outline: 0;
  opacity: 1;
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  transition: .3s ease;
  z-index: 10;
}
.nav-offcanvas.open {right:0px}
.offcanvas-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 99;
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  visibility: hidden;
  opacity: 0;
}
.offcanvas-overlay.on {
  opacity: 1;
  visibility: visible;
}

/* sidemenu 내부 */
.mypage-top {
    margin-top:50px;
    margin-bottom: 15px;
    text-align: center;
}
.mypage-top .profile-photo {
    width: 80px;
    margin: 0 auto 10px;
    border-radius: 50%;
    overflow: hidden;
    border:1px solid #bcbcbc;
}
.mypage-top h5 {margin-bottom: 0;}
.mypage-top h5.point {
    font-weight: 600;
    color: #8ab551;
}
.possession-brand {text-align: center;}
.possession-brand h6 {
    padding: 5px;
    margin: 0;
    background: #dddddd;
}
.possession-brand ul {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: -1px;
}
.possession-brand li {
    float: left;
    width: 33.33%;
    padding: 10px;
    margin-bottom: -1px;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}
.possession-brand li img {
    width: 100%;
}
.possession-brand li:nth-child(3n) {border-right-color: #fff;}
/* .possession-brand li .thumbnail {padding-top: 75%;} */
.mypage-menu {
    border-top:1px solid #c5c5c5;
    padding: 10px 0;
}
.mypage-menu li a {
    display: block;
    width: 100%;
    padding: 10px 10px 9px;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.mypage-menu li.on a, .mypage-menu li:hover a {
    color: #6dac4f;
    background: #f1f6ea;
}

button.ad-register {
    display: block;
    position: fixed;
    bottom: 45px;
    right: 15px;
    width: 70px;
    height: 70px;
    background: #ff961c;
    color: #fff;
    font-size:14px;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 50%;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.2);
    z-index: 9;
}
/* 조건설정 */
.filter-popup.modal-content {
    width:310px;
    padding-top:30px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    border: none;
}
.filter-popup .keyword, .filter-popup .follower{
    margin-bottom : 10px;
}
.filter-popup .btn-filter-close {
    position: absolute;
    top:15px;
    right:15px;
}
.filter-popup h4 {
    font-size: 20px;
}
.filter-popup > div.keyword {margin-bottom: 5px;}
.filter-popup h5 {
    display: inline-block;
    padding-right: 5px;
    font-size:14px;
}
.filter-popup button.btn-keyword {
    padding: 3px 12px 4px 10px;
    border-radius: 20px;
    font-size:12px;
    vertical-align: text-bottom;
    background: #e1eedb;
}
.filter-popup button.btn-keyword img {margin-right: 5px;}
.filter-popup button.btn-keyword.off {background: #e4e4e4;}
.filter-popup > div:after, .filter-popup > div ul:after, .brand-listup li.category ul:after {
    display: block;
    content: '';
    clear: both;
}
.popupSubWrap{
    padding : 15px;
}
.filter-popup > div.keyword li, .brand-listup li.category li {margin-bottom: 5px;}
.filter-popup > div li:nth-child(4n), .brand-listup li.category li:nth-child(4n) {margin-right: 0;}
.filter-popup li button, .brand-listup li.category li button {
    width:66px;
    height: 46px;
    padding: 5px;
    border:1px solid #ddd;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    background: #fff;
    box-sizing: border-box;
}
.filter-popup li button.line2, .brand-listup li.category li.line2 {padding: 5px;}
.filter-popup li.select button, .brand-listup li.category li.select button {
    background: #e1eedb;
    border-color: #e1eedb;
}
.filter-popup .follower input {
    width: 132px;
    padding: 7px 10px;
    border:1px solid #ddd;
}
.filter-popup .pick-star li {width: 100%;}
.filter-popup .pick-star li button {
    width: 100%;
    padding-top: 9px;
    padding-bottom: 8px;
    font-size:16px;
    font-weight: bold;
}


main {
    min-height: 100vh;
}

/* 조건설정 후 */
.filter-after h6 {
    color: #666;
    display: inline-block;
    margin-right: 5px;
}
/* 채널 선택 버튼 */
.select-channel {
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px 7px;
    border: 1px solid #828282;
    border-radius: 5px;
    color: #828282;
}
.select-channel.on {
    border: 2px solid #6dac4f;
    color: #6dac4f;
    font-weight: 600;
}
/* 채널 선택 버튼 끝 */
.filter-result {
    padding: 5px 0;
}
.filter-result .btn-array {
    position: relative;
    text-align: right;
    margin-top: 3px;
}
.filter-result .btn-array h6 span {
    display: inline-block;
    margin-right: 3px;
}
.filter-result .btn-array h6 img {
    width: 12px;
    height: auto;
    vertical-align: middle;
}
.filter-result .btn-array ul {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 100px;
    padding: 5px 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.filter-result .btn-array li {
    padding: 10px 0px;
    text-align: center;
    font-size: 12px;
}
.filter-result .btn-array li button{
    padding : 0px;
    width : 100%;
    display: inline-block;
}
.popup-bg, .popup-bg2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity .3s ease;
}
.popup-box, .popup-container {
    background: #fff;
    border-radius: 10px;
    margin: 50px auto;
}
.popup-box .btn-close, .popup-box > button.btn-close {
    position: absolute;
    top: 15px;
    bottom: unset;
    right: 15px;
    left: unset;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: unset;
    z-index: 10;
}
.popup-box .btn-close img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
/* 알람동의 팝업 */
.popup-box.alarm-agree {
    padding: 40px 0px;
    text-align: center;
}
.popup-box.alarm-agree h4 {
    font-size: 20px;
    margin-bottom: 12px;
}
.popup-box.alarm-agree p {margin-bottom: 22px;}
.popup-box.alarm-agree p.small-font {font-size: 10px;}
.popup-box.alarm-agree ul {margin-bottom: 30px;}
.popup-box.alarm-agree ul li {
    position: relative;
    width: 88%;
    margin: 0px 45px 17px;
    text-align: left;
}
.popup-box.alarm-agree li input {
    position: absolute;
    top: 2px;
    width: 18px;
    height: 18px;
    opacity: 0;
}
.popup-box.alarm-agree li label {
    font-size: 14px;
    padding-left: 23px;
    margin-bottom: 0;
    background-image: url('../images/icn-check.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left;
}
.popup-box.alarm-agree li input:checked + label {background-image: url('../images/icn-check-on.png');}
.popup-box.alarm-agree li label span {
    display: block;
    font-size:12px;
}

/* 서비스 준비중 */
.real-popup-wrapper .popup-box.service-waiting {
    padding: 55px 20px;
    text-align: center;
}
.popup-box.service-waiting h4, .popup-box.refusal-message h4 {font-size:12px;}
/* 2019.3.6 브랜드 받은요청 수락완료 팝업 kdh */
.service-waiting .body h3 {
    font-size: 18px;
    font-weight: 500;
    padding-top: 24px;
}
.service-waiting .body h4 {font-size: 12px;padding-top: 36px;}

/* 거절완료 */
.popup-box.refusal-message {
    top: 0;
    bottom: 0;
    padding: 40px 0 0 0;
    margin: 50px 10px;
    text-align: center;
}
.popup-box.refusal-message textarea {
    width: 100%;
    height: 100px;
}
/* 주력제품 파일명 클릭 팝업 */
.popup-box.product-pop-img {
    top: 0;
    bottom: 0;
    margin: auto;
    height: 250px;
    padding: 0;
}
.popup-box.product-pop-img > img {
    width: 100%;
}

/* 기간연장 */
.popup-box.date-extension-pop, .popup-box.date-extension-pop2 {
    top: 0;
    bottom: 0;
    margin: auto;
    height: 300px;
    padding: 40px 20px;
    text-align: center;
}
.popup-box.date-extension-pop select {
    width: 60%;
    border:1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}
.popup-box.date-extension-pop2 {
    height: 200px;
    padding: 44px 20px;
}

/* 알람메시지 */
.alarm-message {
    position: absolute;
    top:58px;
    width: 100%;
    right : 0px;
    padding: 0;
    margin: 0;
    background: #fff;
    z-index: 10;
    border-top:1px solid #ddd;
}
.alarm-message li {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.alarm-message li p {margin-bottom: 0;}
.alarm-message li span {
    font-size:12px;
    color:#999;
}
.alarm-message li.unconfirmed {background: #e1eedb;}

/* 검색창 활성화 */
.search-active-bg {
    position: absolute;
    top: 58px;
    right : 0px;
    padding : 0px;
    /* bottom: 0; */
    /* width: 100%; */
    /* height: 100vh; */
    /* padding: 0; */
    z-index: 10;
}
.search-active-bg .search-area, .search-active-bg .search-quick-word {
    width: 100%;
    padding-left: 15px;
    padding-right: 45px;
}
.search-active-bg .search-area, .search-active-bg .search-quick-word ul {background: #fff;}
.search-active-bg .search-area input {
    width: 100%;
    height: 30px;
    padding:8px 15px;
    margin-bottom: 10px;
    border-radius: 15px;
    border:none;
    line-height: 1;
    font-size: 12px;
    background: #e1eedb;
}
.search-active-bg .search-area input::-webkit-input-placeholder {
    font-size:10px;
    color: #8ca469;
}
.search-active-bg .search-area input::-moz-placeholder {
    font-size:10px;
    color: #8ca469;
}
.search-active-bg .search-area input:-ms-input-placeholder {
    font-size:10px;
    color: #8ca469;
}
.search-active-bg .search-area input::input-placeholde {
    font-size:10px;
    color: #8ca469;
}
.search-active-bg .search-area .close {
    position: absolute;
    top: 0;
    right: 15px;
}
.search-active-bg .search-quick-word ul {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    border-radius: 10px;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.3);
}
.search-active-bg .search-quick-word li {
    padding:8px 15px;
    font-size: 12px;
}
.search-active-bg .search-quick-word li.title {
    font-size:10px;
    margin-bottom: 5px;
}

/* 스타 프로필 팝업 */
.artist-profile-pop {
    width: 310px;
    text-align: center;
    padding-top: 40px;
}
.artist-profile-pop .artist-photo-area {
    position: relative;
    width: 70px;
    margin: 0 auto 10px;;
}
.artist-profile-pop .artist-photo {
    border-radius: 50%;
    overflow: hidden;
}
.artist-profile-pop .ico-official {
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 25px;
    height: 24px;
    margin: auto;
}
.artist-profile-pop .ico-official img {
    width: 100%;
    height: auto;
}
.artist-profile-pop h3 {
    font-size: 17px;
    margin-bottom: 0;
}
.artist-profile-pop h4 {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.artist-profile-pop button.btn-like-off, .artist-profile-pop button.btn-like-on {
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-top: 0;
    margin-left: 10px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 15px 14px;
    background-position: center;
}
.artist-profile-pop button.btn-like-off {background-image: url(../images/ico-like2-off.png);}
.artist-profile-pop button.btn-like-on {background-image: url(../images/ico-like2-on.png);}
.artist-profile-pop .insta-info {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 30px;
}
.artist-profile-pop .insta-info li {
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
}
.artist-profile-pop .insta-info li span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}
.artist-profile-pop a.btn-insta-go, .artist-profile-pop a.btn-youtube-go {
    display: inline-block;
    width: 200px;
    padding: 7px 0;
    border-radius: 5px;
    font-size:14px;
    color: #fff;
}
.artist-profile-pop a.btn-insta-go {
    background: linear-gradient(to top,#7823bd,#be1a7a,#d37347);
}
.artist-profile-pop a.btn-youtube-go {
    background: #f61c0d;
}
.artist-profile-pop ul.artist-info {
    border-top:1px solid #d6d6d6;
    padding: 30px 40px;
    margin-top: 30px;
    margin-bottom: 0;
    text-align: left;
}
.artist-profile-pop ul.artist-info li {
    margin-bottom: 20px;
    font-size:12px;
}
.artist-profile-pop ul.artist-info li:last-child {margin-bottom: 0;}
.artist-profile-pop ul.artist-info li span {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
    font-size:14px;
    font-weight: 600;
    color: #333;
}

/* 관심스타 tutorial */
.tutorial {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.tutorial h4 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #333;
}
.tutorial h4 span {color: #333;}
.tutorial h4 span.bottom-line {border-bottom:3px solid #ffc1c1;}
.tutorial > img {
    width: 145px;
    height: auto;
}

/* 광고선택하기 팝업 */
.pop-pick2 {
    padding-top: 40px;
    text-align: center;
}
.pop-pick2 h4.title, .pop-pick3 h4.title {font-size: 20px;}
.pop-pick2 h5.stitle {
    font-size: 12px;
    color: #666;
}
.pop-pick2 ul {
    margin: 26px 30px 30px;
}
.pop-pick2 li {
    position: relative;
    text-align: left;
    margin-bottom: 20px;
}
.pop-pick2 li:last-child {margin-bottom: 0;}
.pop-pick2 li input[type="radio"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    opacity: 0;
    cursor: pointer;
}
.pop-pick2 label {
    width: 100%;
    margin: 0;
    background-image: url('../images/modify-check-off.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 18px;
    padding-left: 25px;
    cursor: pointer;
}
.pop-pick2 li input:checked + label {background-image: url('../images/modify-check-on.png');}
.pop-pick2 label h5, .pop-pick2 label h6 {margin-bottom: 0;}
.pop-pick2 label h5 {font-size: 14px;}
.pop-pick2 label h6 {
    font-size: 12px;
    font-weight: 400;
    color: #666;
}


/* 광고 유의사항 팝업*/
.pop-pick3 {
    width: 310px;
    text-align: left;
}
.mobile-pop-pick-wrap{
    padding : 25px 15px;
}
.pop-pick3 h4.title {margin:5px;}
.pop-pick3 div h5 {margin-bottom: 5px;}
.pop-pick3 div span.point, .pop-pick3 div h6.point, .pop-pick3 .point {color: #ed0091;}
.pop-pick3 div h6 {margin-bottom: 0;}
.pop-pick3 div p {margin-bottom: 15px;}
.pop-pick3 div ul {
    height: 142px;
    margin:0;
    overflow-y: scroll;
}
.pop-pick3 div ul li {
    position: relative;
    padding: 0 5px 10px;
    padding-bottom: 10px;
}

/* 전체동의하기 스타일 제거 2019-01-30
.pop-pick3 div ul li:last-child {
    border-top:1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 0px;
}
.pop-pick3 div ul li:last-child label {
    color: #333;
    font-weight: 500;
}
*/
.pop-pick3 li input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    opacity: 0;
}
.pop-pick3 li label {
    padding-left: 25px;
    margin-bottom: 0;
    background-image: url("../images/modify-check-off.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 18px;
    font-size:12px;
    word-wrap:break-word;
}
.pop-pick3 li input:checked + label {background-image: url("../images/modify-check-on.png");}
.pop-pick3 .no-show span {font-size:12px;}
.pop-pick3 .no-show {font-size:10px;}

/* 브랜드 main : 광고 detail pop */
.brand-detail-pop {
    width: 310px;
    padding-top: 40px;
    padding-bottom: 80px;
}
.brand-ad-info, .brand-ad-link, .ad-link, .ad-info {
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.brand-ad-info .brand-photo2, .ad-info .brand-photo2 {
    width: 70px;
    margin: 0 auto 5px;
}
.brand-ad-info .brand-photo2 .thumbnail, .ad-info .brand-photo2 .thumbnail {
    border-radius: 50%;
    background: #f0f0f0;
}
.brand-detail-pop .brand-ad-info, .ad-detail-contents .ad-info {padding-bottom: 20px; margin-bottom : 10px;}
.brand-detail-pop .brand-ad-info li:first-child, .ad-detail-contents .ad-info li:first-child {margin-bottom: 15px;}
.brand-detail-pop .brand-ad-info div.brand-name, .ad-detail-contents .ad-info div.brand-name {height:26px;}
.brand-detail-pop .brand-ad-info h4, .ad-detail-contents .ad-info h4 {margin-bottom: 5px;}
.brand-detail-pop .brand-ad-info div.brand-name h4, .ad-detail-contents .ad-info div.brand-name h4 {
    display:inline-block;
    height:26px;
    margin-bottom: 0;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.brand-detail-pop div.brand-name .btn-bookmark, .ad-detail-contents .ad-info div.brand-name .btn-bookmark {
    display: inline-block;
    width: 15px;
    height: 14px;
    padding: 0;
    background-image: url('../images/ic-like-off.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 14px;
    vertical-align: super;
}
.brand-detail-pop div.brand-name .btn-bookmark.add-on, .ad-detail-contents .ad-info div.brand-name .btn-bookmark.add-on {background-image: url('../images/ic-like.png');}



.brand-detail-pop div.brand-name .btn-instagram, .ad-detail-contents .ad-info div.brand-name .btn-instagram, .brand-detail-pop div.brand-name .btn-youtube, .ad-detail-contents .ad-info div.brand-name .btn-youtube {
    display: inline-block;
    width: 26px;
    height: 26px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
}
.brand-detail-pop div.brand-name .btn-instagram, .ad-detail-contents .ad-info div.brand-name .btn-instagram {
    background-image: url('../images/ico-instagram.png');
}
.brand-detail-pop div.brand-name .btn-youtube, .ad-detail-contents .ad-info div.brand-name .btn-youtube {
    background-image: url('../images/ico-youtube.png');
}




.brand-detail-pop .brand-ad-info li > h4, .ad-detail-contents .ad-info li > h4 {
    font-size:14px;
    color:#666;
}
.brand-detail-pop .brand-ad-info h4.ad-category, .ad-detail-contents .ad-info h4.ad-category {color: #6ba54e;}
.brand-detail-pop .brand-ad-info h5, .ad-detail-contents .ad-info h5 {
    font-size:12px;
    font-weight: 400;
    color:#666;
}
.brand-detail-pop .brand-ad-info h5 span, .ad-detail-contents .ad-info h5 span {
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
    color: #ed0091;
}
.brand-detail-pop .brand-ad-link li, .ad-detail-contents .ad-link li {margin-bottom: 10px;}
.brand-detail-pop .brand-ad-link h5, .ad-detail-contents .ad-link h5 {
    margin-bottom: 0;
    font-size:12px;
}
.brand-detail-pop .brand-ad-link a, .ad-detail-contents .ad-link a {
    font-size:10px;
    color: #0000f1;
}
.brand-detail-pop .brand-ad-link a.btn-download, .ad-detail-contents .ad-link a.btn-download, .brand-detail-pop ul.brand-ad-link .btn-brand-homepage, .brand-detail-pop ul.brand-ad-link .btn-brand-video, ul.brand-ad-link a.btn-download, ul.brand-ad-link .btn-brand-homepage, ul.brand-ad-link .btn-brand-video {
    display: block;
    width:170px;
    height: 30px;
    padding: 6px 10px;
    margin: 5px auto;
    font-size:12px;
    color:#fff;
    background: #666;
    border-radius: 3px;
}

.brand-detail-pop .brand-ad-link a.btn-download, .ad-detail-contents .ad-link a.btn-download, ul.brand-ad-link a.btn-download {background: #6f6f6f;}
.brand-detail-pop ul.brand-ad-link .btn-brand-homepage, .brand-detail-pop ul.brand-ad-link .btn-brand-video, ul.brand-ad-link .btn-brand-homepage, ul.brand-ad-link .btn-brand-video {background: #6dac4f;}

.brand-detail-pop .brand-ad-intro, .brand-detail-pop .brand-ad-essential {margin: 0 15px;}
.brand-detail-pop .brand-ad-intro li, .brand-detail-pop .brand-ad-essential li {margin-bottom: 10px;}
.brand-detail-pop .brand-ad-intro h4, .brand-detail-pop .brand-ad-essential h4, .brand-detail-pop .brand-ad-intro p, .brand-detail-pop .brand-ad-essential p {
    display: inline-block;
    margin-bottom: 0;
}
.brand-detail-pop .brand-ad-intro h4, .brand-detail-pop .brand-ad-essential h4 {
    width: 95px;
    margin-right: 10px;
    font-size:14px;
    font-weight: 600;
}
.brand-detail-pop .brand-ad-intro p, .brand-detail-pop .brand-ad-essential p {
    xwidth: 170px;
    font-size:12px;
}
.brand-detail-pop .brand-ad-essential .ad-point h4 {width: 100%;}
.brand-detail-pop .brand-ad-essential .ad-point:after {
    display: block;
    content: '';
    clear: both;
}
.brand-detail-pop .brand-ad-essential .ad-point .product-photo {
    float: left;
    width: 66px;
    height: 88px;
    margin-right: 10px;
    border-radius: 5px;
}
.brand-detail-pop .brand-ad-essential .ad-point .product-photo img {
    width: 100%;
    height: auto;
}
.brand-detail-pop .brand-ad-essential .ad-point h5, .brand-detail-pop .brand-ad-essential .ad-point ol {
    float: left;
    width: 204px;
    margin: 0;
    font-size:12px;
}
.brand-detail-pop .brand-ad-essential .ad-point li {
    margin:0;
    padding: 0;
}
.brand-detail-pop .brand-ad-essential .product-ad-photo li {
    padding : 5px;
}
.brand-detail-pop .brand-ad-essential .product-ad-photo li:last-child {margin-right: 0;}
.brand-detail-pop .brand-ad-essential .product-ad-photo li .thumbnail {border-radius: 5px;}
.brand-detail-pop .brand-ad-essential .product-ad-photo li img {
    width: 100%;
    height: auto;
    border:1px solid #ddd;
    border-radius: 5px;
}
.brand-detail-pop > button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px;
    background: #6dac4f;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size:14px;
}
.inner-popup-box.photo-pop-square, .inner-popup-box.photo-pop-rectangle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 270px;
    margin: auto;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    background: #fff;
    text-align: center;
    border:1px solid #ddd;
}

.inner-popup-box.photo-pop-square {height: 270px;}
.inner-popup-box.photo-pop-rectangle {height: 190px;}
.inner-popup-box.photo-pop-square > img {
    width: 100%;
    height: auto;
}
.inner-popup-box.photo-pop-rectangle > img {
    width: auto;
    height: 100%;
}


/*

main .artist-list, main .filter-wrap, main .brand-list, main .brand-list {
    margin-left: auto;
    margin-right: auto;
}
main .filter-wrap{
    padding : 10px;
}

*/
/** ************************* **/
/**  메인 스타 / 브랜드   **/
/** ************************* **/

.artist, .brand {
    display: inline-block;
    float: left;
    width : 100%;
    margin-bottom: 10px;
    vertical-align: top;
}
.artist .box, .artist a, .artist a img, .artist .box > div, .artist ul, button.btn-pick, .brand .box, .brand a, .brand a img, .brand .box > div, .brand ul {width: 100%;}
.artist .box, .brand .box {
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
}
.artist .box *, .brand .box * {display: inline-block;}
.brand .box .thumbnail {display: block;}
.artist .box > div, .brand .box > div {
    position: relative;
    padding: 15px 45px 10px 15px;
}
.artist .box a, .brand .box a {position: relative;}
.artist .box a div.hover-insta, .brand .box a div.hover-ad-info {display: none;}
.artist .box a:hover div.hover-insta, .brand .box a:hover div.hover-ad-info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    text-align: center;
}
.artist .box a:hover .hover-insta span {
    padding: 80px 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.artist.no-post .box a, .artist.closed .box a {
    padding: 50px 10px 40px;
    background: #e9e9e9;
    text-align: center;
}
.artist.no-post .box a img, .artist.closed .box a img {
    width: 90px;
    height: 90px;
}
.artist.no-post .box a h6, .artist.closed .box a h6 {
    display: block;
    margin-top: 20px;
}

.artist .box .profile {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    border-radius: 15px;
    overflow: hidden;
    vertical-align: top;
}
.artist .box .profile img {
    width: 100%;
    height: auto;
}
.artist .box .artist-id {
    height: 25px;
    margin-bottom: 0;
    padding-top: 2px;
    font-weight: bold;
    vertical-align: top;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:-webkit-box;
    font-size: 14px;
}
.artist button.btn-like, .artist button.btn-like-off, .brand button.btn-like, .brand button.btn-like-off {
    position: absolute;
    top:12px;
    right: 14px;
    width: 24px;
    height: 22px;
    padding: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.artist button.btn-like, .brand button.btn-like {background-image: url('../images/ic-like.png');}
.artist button.btn-like-off, .brand button.btn-like-off {background-image: url('../images/ic-like-off.png');}


.artist button.btn-instagram, .brand button.btn-instagram, .artist button.btn-youtube, .brand button.btn-youtube {
    position: absolute;
    top:12px;
    right: 18px;
    width: 24px;
    height: 22px;
    padding: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.artist button.btn-instagram, .brand button.btn-instagram {background-image: url('../images/ico-instagram.png');}
.artist button.btn-youtube, .brand button.btn-youtube {background-image: url('../images/ico-youtube.png');}

.artist .box ul, .brand .box ul {
    text-align: center;
}
.artist .box li, main.deposit-payment .artist .box li {
    width: 30%;
    padding-left: 1%;
    padding-right: 1%;
    font-size:12px;
    font-weight: 500;
    color: #333;
    vertical-align: top;
}
.artist .box li span, main.deposit-payment .artist .box li span {
    display: block;
    width: 100%;
    padding: 0;
    font-size:10px;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 400;
}
.artist button.btn-pick, .brand button.btn-pick  {
    position: inherit;
    padding-top: 12px;
    padding-bottom: 13px;
    background: #6dac4f;
}
main .artist-list, main .filter-wrap, main .brand-list, main .brand-list {
    margin-left: auto;
    margin-right: auto;
}
main .filter-wrap{
    padding : 10px;
}

.brand .add-category, .brand .brand-logo {
    position: absolute;
    top: 10px;
    display: block;
}
.brand .brand-logo .thumbnail {
}
.brand .brand-logo .thumbnail .centered {
}
.brand .brand-logo .thumbnail .centered img {
}
.brand .add-category {
    left: 10px;
    padding: 1px 8px;
    border:1px solid #ff961c;
    border-radius: 5px;
    font-size:14px;
    font-weight: 300;
    color: #ff961c;
    text-align: center;
    background: #fff;

}
.brand .brand-logo {
    right: 10px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    border:1px solid #e5e5e5;
}
.brand .brand-logo img {
    width: 100%;
    height: auto;
}

.brand .box a:hover .hover-ad-info span {
    padding: 80px 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.brand .box > div {
    border-bottom:1px solid #dbdbdb;
}
.brand .box .brand-name {
    width: 175px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
}
.brand .box .product-name {
    width: 130%;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
.brand .box ul.finish li {color: #b5b5b5;}
.brand .box ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
.brand .box li {
    display: inline-block;
    min-width: 28%;
    max-width: 47%;
    font-size:13px;
    font-weight: 300;
}
.brand .box ul.magam li {
    color: #b5b5b5;
    font-size: 13px;
}
.brand .box ul.magam li img {
    opacity: 0.5;
}
.brand .box ul.an-magam p {
    color: #f000d7;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
}

.brand .box li:first-child {margin-right: 10px;}
.brand .box li span {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size:13px;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 500;
}
.brand .box li span img {vertical-align: bottom;}

/** ************************* **/
/** 메인 스타 / 브랜드 끝 **/
/** ************************* **/



/* 팝업 로그인 */
.pop-login {
    height: 270px;
    padding: 50px 40px;
    text-align : center;
    position: relative;
}
.pop-login h1 {
    width: 80px;
    height: 29px;
    margin: 0 auto 30px;
}
.pop-login h1 img {
    width: 100%;
    height: auto;
}
.pop-login button.login, .pop-login button.join {
    width: 170px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-radius: 45px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.pop-login button.login {background: #9dc960;}
.pop-login button.join {background: #5a9608;}
.pop-login a {
    display: block;
    margin-top: 15px;
    font-size: 12px;
    color: #333;
    text-align: center;
}


main.login, main.sign-up, main.sign-up-artist-wait, main.sign-up-brand, main.sign-up-transfer, main.sign-up-complete, .sign-up, .sign-up-artist-wait, .sign-up-brand, .sign-up-transfer, .sign-up-complete {
    padding: 0;
    margin: 0;
    background: #fff;
    text-align: center;
}
/* 로그인 */
main.login {height: 100vh;}
.login div.in-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:  250px;
    height: 461px;
    margin: auto;
}
.login h1, main.login-sns .login-box h1.logo {
    width:107px;
    height: 39px;
    margin: 0 auto 40px;
}
.login h1 img {
    width: 100%;
    height: auto;
}
.login h5 {margin-bottom: 50px;}
.login ul {margin: 0 auto 20px;}
.login li:first-child {margin-bottom: 15px;}
.login input {
    width: 250px;
    padding: 12px 10px;
    border:1px solid #ddd;
    border-radius: 10px;
}
.login input.accept2{
    padding: 11px 9px;
    border:2px solid #6dac4f;
}
.login button {
    width: 130px;
    padding: 12px 10px;
    font-size:14px;
    font-weight: 500;
    color: #fff;
    background: #bbb;
    border-radius: 50px;
}
.login button.btn-activation {background: #6dac4f;}
.login .auto-login {
    position: relative;
    width: 80px;
    padding: 0 ;
    margin: 5px auto 50px;
    font-size:12px;
}
.login .auto-login labell {margin: 0;}
.login .auto-login input {
    display: inline-block;
    position:absolute;
    top:5px;
    left:0;
    width: 17px;
    height: 17px;
    z-index: 10;
    opacity: 0;
}
.login .auto-login input + span.icn-check {
    display: inline-block;
    position: relative;
    left: -1px;
    top: 4px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-image: url(../images/icn-check.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
}
.login .auto-login input:checked + span.icn-check {background-image: url(../images/icn-check-on.png);}
.login a {
    display: block;
    font-size:14px;
    margin-bottom: 15px;
}
.login a.signup {
    color:#333;
    font-weight: 500;
}
.login a.pw-search, .login a.id-search {
    display: inline-block;
    vertical-align: top;
}
.login a.id-search + span {
    display: inline-block;
    padding: 1px 10px;
    font-size:12px;
    vertical-align: top;
}

/* sns 로그인 */
main.login-sns {
    width:100%;
    min-height: 100vh;
    background: #fff;
    padding: 0;
    text-align: center;
}
main.login-sns .login-box {
    width: 100%;
    padding: 40px 25px;
}
main.login-sns h1.logo img {width: 100%;}
main.login-sns .id-login {
    padding: 0 10px 25px;
    border-bottom:1px solid #bbb;
}
main.login-sns .id-login li {margin-bottom: 15px;}
main.login-sns .id-login li input {
    width: 100%;
    height: 45px;
    padding: 10px 15px;
    border-radius: 4px;
    border:1px solid #9f9f9f;
}
main.login-sns .id-login .auto-login {
    position:relative;
    width: 100px;
    margin: 0 auto 20px;
}
main.login-sns .id-login .auto-login input {
    position: absolute;
    width: 18px;
    height: 18px;
    opacity: 0;
}
main.login-sns .id-login .auto-login input + label {
    margin: 0;
    padding-left:25px; 
    background-image: url(../images/icn-check.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 0 4px;
}
main.login-sns .id-login .auto-login input:checked + label {background-image: url(../images/icn-check-on.png);}
main.login-sns .id-login button, main.login-sns .sns-login button {
    width: 100%;
    height: 45px;
    border-radius: 4px;
}
main.login-sns .id-login button {
    background: #6dac4f;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
main.login-sns .sns-login button {
    margin-bottom: 12px;
    border:1px solid #6dac4f;
    font-size:16px;
    color:#484a4e;
    font-weight: 400;
}
main.login-sns .sns-login button:last-child {margin-bottom: 0;}
main.login-sns .sns-login button img {
    width: auto;
    height: 15px;
    margin-top: -3px;
    margin-right: 5px;
}
main.login-sns .sns-login {padding: 20px 10px;}
main.login-sns .login-box .id-pw-search {
    margin-bottom: 0;
}
main.login-sns .login-box .id-pw-search li {
    display: inline-block;
}
main.login-sns .login-box .id-pw-search li a {
    font-size:14px;
}
main.login-sns .login-box .id-pw-search li:first-child a:after {
    display: inline-block;
    content: "|";
    padding: 0 10px;
}
main.login-sns .login-box .id-pw-search li:last-child {
    display: block;
    margin: 10px 0;
}
main.login-sns .login-box .id-pw-search li:last-child a {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color:#232426;
}

/* 회원가입 */
.sign-up, .sign-up-brand, .mypage-right .brand-modify {position: relative;}
.sign-up .in-box, .sign-up-brand .no-box, .mypage-right .brand-modify {
    padding-top: 40px;
    padding-bottom: 90px;
}
.sign-up h5, .sign-up-brand {
    font-size:12px;
    color:#666;
}
.sign-up ul, .sign-up-brand ul, .mypage-right .brand-modify ul {
    width: 280px;
    margin: auto;
}
.sign-up li, .sign-up-brand li, .mypage-right .brand-modify li {padding-bottom: 15px;}
.sign-up input, .sign-up-brand input, .sign-up-brand textarea, .mypage-right .brand-modify input, .mypage-right .brand-modify textarea {
    width: 100%;
    padding: 6px 10px 8px;
    margin-bottom: 5px;
    border:1px solid #ddd;
    border-radius: 10px;
}
.sign-up li span, .sign-up-brand li span, .mypage-right .brand-modify li span {
    display: block;
    padding: 0 5px;
    font-size:10px;
    text-align: left;
}
.sign-up .tel-number:after, .sign-up-brand .tel-number:after, .mypage-right .brand-modify .tel-number:after {
    display: block;
    content: '';
    clear: both;
}
.sign-up .tel-number input, .sign-up-brand .tel-number input, .mypage-right .brand-modify .tel-number input {
    float: left;
    width: 90px;
    margin-right: 5px;
}
.sign-up .tel-number input:nth-child(3), .sign-up-brand .tel-number input:nth-child(3), .mypage-right .brand-modify .tel-number input:nth-child(3) {margin-right: 0;}
.sign-up .tel-number button, .sign-up-brand .tel-number button, .mypage-right .brand-modify .tel-number button {
    width: 100%;
    padding: 9px 10px 10px;
    margin-bottom: 5px;
    border-radius: 10px;
    background: #6dac4f;
    color: #fff;
    font-size: 14px;
}
.sign-up .agree-area li, .sign-up-brand .agree-area li, .mypage-right .brand-modify .agree-area li {
    position: relative;
    padding: 0 5px;
    margin-bottom: 10px;
    text-align: left;
}
.sign-up .agree-area li.all-select, .sign-up-brand .agree-area li.all-select, .mypage-right .brand-modify .agree-area li.all-select {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.sign-up .agree-area li input, .sign-up-brand .agree-area li input, .mypage-right .brand-modify .agree-area li input, .mypage-right .brand-modify .check-line input {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 6px;
    width: 17px;
    height: 17px;
    margin: auto;
    opacity: 0;
}
.sign-up .agree-area li label, .sign-up-brand .agree-area li label, .mypage-right .brand-modify .agree-area li label, .mypage-right .brand-modify .check-line label {
    margin-bottom: 0;
    padding-left: 25px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    background-image: url("../images/icn-check.png");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left;
}
.sign-up .agree-area li input:checked + label, .sign-up-brand li input:checked + label, .mypage-right .brand-modify .agree-area li input:checked + label, .mypage-right .brand-modify .check-line input:checked + label {background-image: url("../images/icn-check-on.png");}
.sign-up-brand h5, .mypage-right .brand-modify h5 {
    font-size:12px;
    color: #666;
    font-weight: 400;
    margin-bottom: 30px;
}
.sign-up-brand li.business-class:after, .mypage-right .brand-modify li.business-class:after {
    display: block;
    content: '';
    clear: both;
}
.sign-up-brand li.business-class button, .mypage-right .brand-modify li.business-class button {
    float: left;
    width: 50%;
    height: 40px;
    font-size:14px;
    font-weight: 400;
    border-width: 1px;
    border-color: #ddd;
    border-style: solid;
    color: #666;
}
.sign-up-brand li.business-class button:nth-child(1), .mypage-right .brand-modify li.business-class button:nth-child(1) {
    border-right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sign-up-brand li.business-class button:nth-child(2), .mypage-right .brand-modify li.business-class button:nth-child(2) {
    border-left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sign-up-brand li.business-class button.select, .mypage-right .brand-modify li.business-class button.select {
    border-color: #6dac4f;
    background: #6dac4f;
    color: #fff;
    font-weight: 500;
}
.sign-up-brand .file-add, .mypage-right .brand-modify .file-add {position: relative;}
.sign-up-brand .file-add button, .mypage-right .brand-modify .file-add button {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 5px 14px 5px 13px;
    background: #6dac4f;
    color: #fff;
    border-radius: 5px;
    font-size:12px;
}
.sign-up-brand .file-add span i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 2px;
    vertical-align: middle;
    background: url("../images/ic-cancel2.png") no-repeat center;
}
.sign-up-brand .category-title, .mypage-right .brand-modify .category-title {
    margin-top: 20px;
    font-size:17px;
    color: #333;
    text-align: left;
    font-weight: 500;
}
.sign-up-brand .check-line, .mypage-right .brand-modify .check-line {
    position: relative;
    text-align: left;
}
.sign-up-brand .check-line input, .mypage-right .brand-modify .check-line input {
    position: absolute;
    top: 0;
    left: 0;
}
.sign-up button.btn-bottom-full, .sign-up .btn-confirm, .sign-up-artist-wait > div > button, .sign-up-brand button.end-step {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 10px 13px;
    background: #6dac4f;
    color: #fff;
    font-size: 17px;
}

.sign-up-transfer > div > button.prev-step, .sign-up-brand button.prev-step, .sign-up-transfer > div > button.next-step, .sign-up-brand button.next-step, .sign-up button.prev-step, .sign-up button.next-step, .sign-up button.btn-confirm {
    position: absolute;
    bottom: 0;
    width:50%;
    border-radius: 0;
    padding: 12px 10px 13px;
    background: #bbb;
    color: #fff;
    font-size: 17px;
}
.sign-up-transfer > div > button.prev-step, .sign-up-brand button.prev-step, .sign-up button.prev-step  {left: 0;}
.sign-up-transfer > div > button.next-step, .sign-up-brand button.next-step, .sign-up button.next-step, .sign-up button.btn-confirm  {
    left:initial;
    right: 0;
}
.sign-up-transfer > div > button.next-step:active, .sign-up-brand button.next-step:active, .sign-up-transfer > div > button.next-step.active, .sign-up-brand button.next-step.active, .sign-up button.next-step.active, .sign-up button.btn-confirm.active, .sign-up button.next-step:active, .sign-up button.btn-confirm:active {background: #6dac4f;}





.sign-up .approval, .sign-up .approval-code {
    position: relative;
    min-height: 100vh;
}

.sign-up .approval > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 280px;
    height: 180px;
    margin: auto;
    padding: 0;
}
.sign-up .approval h4 {margin-bottom:20px;}

.sign-up .approval-code > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 280px;
    height: 300px;
    margin: auto;
    padding: 0;
}
.sign-up .approval-code h4 {
    font-weight: 400;
    color: #666;
}
.sign-up .approval-code h4 span {
    font-weight: 600;
    color: #333;
}
.sign-up .approval-code h5 {
    margin: 50px 0 30px;
    font-size:14px;
    font-weight: 400;
}
.sign-up .approval-code h5 a {
    font-size:12px;
    font-weight: bold;
    color:#0000f1;
    text-decoration: underline;
}
.sign-up .approval-code div button {
    position: absolute;
    top: 216px;
    right: 6px;
    padding: 5px 14px 5px 13px;
    background: #6dac4f;
    color: #fff;
    border-radius: 5px;
    font-size:12px;
}
.sign-up .approval-code div input {margin:0;}


/* 회원가입 sns */
main.sign-up-select {
    width: 100%;
    min-height: 100vh;
    padding: 25px;
    background: #fff;
    text-align: center;
}
main.sign-up-select .persnal-signup, main.sign-up-select .sns-signup {
    padding: 10px;
    margin: auto;
}
main.sign-up-select .persnal-signup {border-bottom: 1px solid #bbb;}
main.sign-up-select .persnal-signup h3, main.sign-up-select .sns-signup h3 {
    font-size:18px;
    color:#232426;
    font-weight: 500;
}
main.sign-up-select .persnal-signup h6, main.sign-up-select .sns-signup h6 {
    margin-bottom: 40px;
    font-size:14px;
    color:#77797e;
    font-weight: 400;
    letter-spacing: -0.025em;
}
main.sign-up-select .persnal-signup button, main.sign-up-select .sns-signup button {
    width: 100%;
    height: 45px;
    border-radius: 4px;
}
main.sign-up-select .persnal-signup button {
    margin-bottom: 30px;
    background: #6dac4f;
    color:#fff;
    font-weight: bold;
}
main.sign-up-select .sns-signup button {
    margin-bottom: 12px;
    border:1px solid #6dac4f;
    color:#484a4e;
    font-size:16px;
}
main.sign-up-select .sns-signup button img {
    width: auto;
    height: 15px;
    margin-top: -3px;
    margin-right: 5px;
    
}
main.sign-up-select .sns-signup {padding-top:30px;}


.sign-up-artist-wait .insta-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 280px;
    height: 260px;
    padding: 2px;
    margin: auto;
    background: linear-gradient(to top,#7823bd,#be1a7a,#d37347);
    border-radius: 10px;
}
.sign-up-artist-wait .insta-box .insta-in-box {
    width: 100%;
    height: 100%;
    padding: 50px 0;
    background: #fff;
    border-radius: 8px;
}
.sign-up-artist-wait h3 {
    margin-bottom: 40px;
    font-size:14px;
    font-weight: 400;
    color: #666;
}
.sign-up-artist-wait h3 span {
    display: block;
    margin-bottom: 10px;
    font-size:20px;
    font-weight: 500 !important;
    color: #333;
}
.sign-up-artist-wait h3 img.ico-official {
    width: 15px;
    height: 14px;
    vertical-align: middle;
}

.no-box input + span.input-error-msg, .no-box button + span.input-error-msg, .input-error-msg {color:#d11221;}

/* 회원가입 - 등록회원 전환 */
.sign-up-transfer .in-box {
    position: relative;
    height: 100vh;
}
.sign-up-transfer .in-box > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 420px;
    margin: auto;
}
.sign-up-transfer h5 {
    font-size: 12px;
    color: #666;
}
.sign-up-transfer .member-category {
    width: 250px;
    margin: 40px auto;
}
.sign-up-transfer .member-category li {
    width : 180px;
    margin : auto;
    margin-bottom: 10px;
    text-align: center;
}
.sign-up-transfer .member-category li:last-child{width : 100%}
.sign-up-transfer .member-category button {
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 600;
    background: #9dc960;
    color: #fff;
}
.sign-up-transfer .member-category button.selected {background: #6ba54e;}
.sign-up-transfer .member-category button.disable {background: #bbb;}
.sign-up-transfer .member-category span {font-size: 10px;}
.sign-up-transfer .member-category .general-member {
    font-size:12px;
    font-weight: 500;
    color: #0000f1;
    border-bottom: 1px solid #0000f1;
}
.sign-up-transfer > div > button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 10px 13px;
    color: #fff;
    font-size: 17px;
    background: #6dac4f;
}


/* 가입완료 */
.sign-up-complete {
    position: relative;
    height: 100vh;
}
.sign-up-complete .center-box > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 430px;
    margin: auto;
}
.sign-up-complete .center-box h1 {
    color: #6dac4f;
    font-weight: bold;
}
.sign-up-complete .center-box p:nth-child(2) {
    margin-bottom: 45px;
    font-size: 17px;
    color: #666;
}
.sign-up-complete .center-box p:nth-child(2) span {
    font-weight: bold;
    color: #333;
}
.sign-up-complete .center-box p:nth-child(3) {font-size: 14px;}
.sign-up-complete .btn-use-select {
    display: block;
    width: 250px;
    padding: 10px;
    margin: 10px auto;
    background: #6dac4f;
    color: #fff;
    border-radius: 8px;
}
.sign-up-complete .btn-use-select.top {margin-top: 50px;}
/* 개인회원 > 등록회원 전환용 2019-02-14 시작 */




.sign-up-transfer.g-member,
.sign-up-complete.g-member,
.sign-up.g-member,
.sign-up.g-member .approval,
.sign-up.g-member .approval-code,
.sign-up-artist-wait {
    min-height:auto;
}

.sign-up-transfer.g-member .in-box > div,
.sign-up-complete.g-member .center-box > div,
.sign-up.g-member .approval > div,
.sign-up.g-member .approval-code > div,
.sign-up-artist-wait.g-member .insta-box {
    position: static;
}

/* 회원가입 - 등록회원 전환 */
.sign-up-transfer.g-member .in-box {
    height: auto;
    padding: 40px 0 50px;
}


/* 가입완료 */
.sign-up-complete.g-member {
    height: auto;
    padding: 40px 0 50px;
}

.sign-up.g-member .approval > div {
    height: auto;
    padding: 40px 0 50px;
}
.sign-up.g-member .approval-code > div {
    height: auto;
}
.sign-up.g-member .approval-code div div {
    position: relative;
}
.sign-up.g-member .approval-code div div button {
    top: 6px;
    right: 6px;
}


.sign-up-artist-wait.g-member .no-box {
    padding: 40px 0 0;
}
.sign-up-artist-wait.g-member .insta-box {
    margin-bottom: 40px;
}
.sign-up-artist-wait > div > button {
    position: static;
}

/* 개인회원 > 등록회원 전환용 2019-02-14 끝 */



/** modal 팝업 ***/
/*.popup-wrapper {
    display: table-cell;
    vertical-align: middle;
}*/
.popup-container {
    width: 250px;
    height: 250px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
}
.popup-container .btn-close {
    float: right;
    margin: 10px;
}
.popup-container .btn-close img {
    width: 14px;
}
.popup-container .body {
    clear: both;
    text-align: center;
    position: relative;

}.popup-container .btn-confirm {
    width: 100%;
    padding: 10px 0;
    background: #6dac4f;
    font-size: 18px;
    color: #fff;
    border-radius: 0 0 10px 10px;
}
.popup-container .body p.box {
    height: 80px;
    padding: 10px;
    margin: 0px 20px 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: left;
}
/* 서비스 준비중 팝업 */
.popup-container .body .title {
    font-size: 18px;
    padding-top: 30px;
}
.popup-container .body .title.second {
    padding-top: 10px; /* 모바일 기간연장 2번째 줄 */
}
/* 검토중 팝업 */
.popup-container .body .pop-review .title {
    font-size: 16px;
    padding-top: 22px;
}
/* 검토중 팝업 */
.popup-container .body .title.three {
    padding-top: 0px;
}
.popup-container .body .content {
    font-size: 16px;
    padding-top: 30px;
}
/* 등록회원 전환하기 팝업 */
.popup-container.transfer-alarm h4 {
    padding: 30px 0 25px;
}
.popup-container.transfer-alarm a {
    border-bottom: 2px solid #acacac;
}
/* 승인대기 팝업: 중앙2줄 */
.popup-container.artist-standby h4 {
    padding: 60px 0;
}
/* 기간연장 완료 팝업 */
.popup-container.date-extension-pop2 .body {
    padding: 60px 0;
}
/* 서비스 준비중 팝업 */
.popup-container.date-extension-pop2 .body .title {
    font-size: 17px;
    padding-bottom: 22px;
}
.popup-container.date-extension-pop2 .body .content {
    font-size: 15px;
}
/* 광고 종류 선택 kdh */
.popup-bg .ad-select {
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: 33px;
    right: 67px;
    width: 120px;
    padding: 20px 0;
}
.popup-bg .ad-select li a {
    display: inline-block;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: bold;
    font-size: 16px;
}

/* 마이페이지 */
main.mypage {padding-top:2px;}
.mypage-right {background: #fff;}
main.mypage .container {padding:0;}
.mypage-left {
    margin-bottom: 10px;
    background: #fff;

}
.mypage-left .profile-top {padding: 30px;}
.mypage-left .profile-photo {
    position: relative;
    float: left;
    width:70px;
    margin: 0 8%;
    vertical-align: middle;
}
.mypage-left .profile-photo .thumbnail {
    border-radius:50%;
    background: #f0f0f0;
}
.mypage-left .profile-photo button {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 35px;
    height: 35px;
    padding: 0;
    background: #fff;
    border:2px solid #6dac4f;
    border-radius: 50%;
    font-size:12px;
    color: #6dac4f;
}
.mypage-left .profile-top h5.brand-name, .mypage-left .profile-top h6.point, .mypage-left .profile-top .member-category {
    float: left;
    width: 57%;
}
.mypage-left .profile-top h5.brand-name {
    font-size:17px;
    margin-bottom: 0;
}
.mypage-left .profile-top h6.point {
    margin-bottom: 0;
    color:#666;
    font-weight: 400;
}
.mypage-left .profile-top .member-category {
    margin-bottom: 5px;
    font-size:14px;
    color: #6dac4f;
    font-weight: 500;
}
.mypage-left .mypage-bottom {
    margin: 0;
    border-bottom:1px solid #eee;
}
.mypage-left .mypage-bottom li {
    float: left;
    width: 25%;
    height: 60px;
    margin-bottom: -1px;
    text-align: center;
    border-width: 1px 1px 1px 0 ;
    border-color: #eee;
    border-style: solid;
    font-size: 12px;
    font-weight: 400;
}
.mypage-left .mypage-bottom li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 21px 5px;
}
.mypage-left .mypage-bottom li:nth-child(4n) {border-right:1px solid rgba(255,255,255,0);}
.mypage-left .mypage-bottom li.line2 a {padding: 11px 2px;}
.mypage-left .mypage-bottom li.active a, .mypage-right .brand-list-tap li.select a {
    background: #e1eedb;
    font-weight: 600;
    color: #6dac4f;
}
#product-list{
    background: #f2f2f2;
}
.mypage-right .brand-list-tap {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #fff;
}
.mypage-right .brand-list-tap > a, .mypage-right .brand-list-tap > ul, .mypage-right .brand-list-tap li {float: left;}
.mypage-right .brand-list-tap > a {
    display: block;
    width: 8%;
    height: 40px;
    padding: 6px 0;
    text-align: center;
    box-sizing: border-box;
}
.mypage-right .brand-list-tap > a img {
    width: 7px;
    height: 11px;
    vertical-align: middle;
}
.mypage-right .brand-list-tap > a:first-child {
    padding-right: 1px;
    border-right: 1px solid #ddd;
}
.mypage-right .brand-list-tap > a:last-child {
    padding-left: 1px;
    border-left: 1px solid #ddd;
}
.mypage-right .brand-list-tap > ul {
    width: 84%;
    margin-bottom: 0;
}
.mypage-right .brand-list-tap li {
    width: 25%;
    padding: 0;
    text-align: center;
    border-right: 1px solid #ddd;
}
.mypage-right .brand-list-tap li:last-child {border-color:rgba(255,255,255,0);}
.mypage-right .brand-list-tap li a {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 5px;
    font-size:12px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mypage-right .brand-list-tap li button {
    width: 100%;
    height: 40px;
    padding: 11px 5px;
    margin: 0;
    text-align: center;
}
.mypage-right .brand-list-tap li button img {
    width: 20px;
    height: auto;
    vertical-align: top;
}
.mypage-ad-list {
    position: relative;
    background: #fff;
}
.mypage-ad-list .payment-list-search, .mypage-payment .payment-list-search {
    position: relative;
    padding: 10px;
    background: #fff;
}
.mypage-ad-list .payment-list-search input, .mypage-payment .payment-list-search input,
.mypage-ad-list .payment-list-search select, .mypage-payment .payment-list-search select {
    width: 28%;
    height: 35px;
    margin-left: 1%;
    margin-right: 1%;
    border:1px solid #ddd;
    border-radius: 5px;
}
.mypage-ad-list .payment-list-search input.search-word-input, .mypage-payment .payment-list-search input.search-word-input {
    width: 48%;
    margin: 0 0 10px 0;
}
.mypage-ad-list .payment-list-search input:nth-child(3), .mypage-payment .payment-list-search input:nth-child(3) {margin-left: 0;}
.mypage-ad-list .payment-list-search input:nth-child(4), .mypage-payment .payment-list-search input:nth-child(4) {margin-right: 0;}
.mypage-ad-list .payment-list-search button.ico-search, .mypage-payment .payment-list-search button.ico-search {
    position: absolute;
    top: 18px;
    right: 16px;
    width: 25px;
    height: 25px;
    background: url("../images/ic_m_search.png") no-repeat center;
    background-size: 15px;
}
.mypage-ad-list .payment-list-search button:last-child, .mypage-payment .payment-list-search button:last-child {
    float: right;
    width: 20%;
    margin-left: 0;
    padding: 11px 8px;
    background: #6dac4f;
    color: #fff;
    vertical-align: top;
    font-size: 12px;
    border-radius: 5px;
}
.ad-category-tab {margin: 0;}
.ad-category-tab li {
    float: left;
    width: 25%;
    text-align: center;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    box-sizing: border-box;
}
.ad-category-tab li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px 10px;
    font-size: 14px;
}
.ad-category-tab li.select {border-bottom: 3px solid #6dac4f;}
.ad-category-tab li.select a {
    padding-bottom: 5px;
    color:#6dac4f;
}
.mypage-payment-list {
    padding: 0;
    margin: 0;
}
.mypage-payment-list > li {
    padding: 0;
    border-bottom: 1px solid #ddd;
}
.mypage-payment-list .product-img {
    float: left;
    width: 20%;
    height: 80px;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
}
.mypage-payment-list .product-img .thumbnail {
    padding-top: 100%;
}
.mypage-payment-list .product-information {
    float: left;
    width: 48%;
    height: 80px;
    padding: 10px;
    margin: 0;
}
.mypage-payment-list .product-information .infoTitle {
    margin-bottom: 5px;
    font-size:12px;
    font-weight: 500;
}
.mypage-payment-list .product-information h5 {
    margin-bottom: 5px;
    font-size:12px;
    font-weight: 500;
}
.mypage-payment-list .product-information h6 {
    margin-bottom: 0;
    font-size:10px;
    color: #666;
}
.mypage-payment-list .product-information span.ad-category {
    font-size:14px;
}
.mypage-payment-list .ad-state, .mypage-payment-list .ad-state2, .mypage-payment-list .ad-state3, .mypage-payment-list .ad-state4 {
    float: right;
    width: 32%;
    height: 80px;
    padding: 8px 10px;
    border-left: 1px solid #ddd;
    line-height: 1;
}
.mypage-payment-list .ad-state h6 > br {
    line-height: 1;
}
.mypage-payment-list .ad-state li, .mypage-payment-list .ad-state2 li, .mypage-payment-list .ad-state3 li, .mypage-payment-list .ad-state4 li {
    display: inline-block;
    width: 48%;
    text-align: center;
}
.mypage-payment-list .ad-state li h5, .mypage-payment-list .ad-state2 li h5, .mypage-payment-list .ad-state3 li h5, .mypage-payment-list .ad-state4 li h5 {
    margin-bottom: 5px;
    font-size:10px;
    font-weight: 500;
    color: #666;
}
.mypage-payment-list .ad-state li h4, .mypage-payment-list .ad-state2 li h4, .mypage-payment-list .ad-state3 li h4, .mypage-payment-list .ad-state4 li h4 {
    margin-bottom: 0;
    font-size:12px;
    font-weight: 400;
}
.mypage-payment-list .ad-state li h4 span, .mypage-payment-list .ad-state2 li h4 span, .mypage-payment-list .ad-state3 li h4 span, .mypage-payment-list .ad-state4 li h4 span {
    font-weight: 500;
    color: #6dac4f;
}
.mypage-payment-list .ad-state h5, .mypage-payment-list .ad-state2 h5, .mypage-payment-list .ad-state2 > span, .mypage-payment-list .ad-state3 > span, .mypage-payment-list .ad-state4 > span {
    position: relative;
    display: block;
    margin-top: 7px;
    margin-bottom: 0;
    font-size:10px;
    color: #6dac4f;
}
.mypage-payment-list .ad-state h6, .mypage-payment-list .ad-state2 h6, .mypage-payment-list .ad-state3 h6, .mypage-payment-list .ad-state4 h6 {
    font-size: 12px;
}


.mypage-payment-list .ad-state li h5, .mypage-payment-list .ad-state2 li h5 {margin-top: 0;}
.mypage-payment-list .worry-accept h5 {color: #333;}
.mypage-payment-list .ad-state h5 a.ico-question, .mypage-payment-list .ad-state2 h5 a.ico-question {
    position: absolute;
    top: -7px;
    left:-7px;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    background: url("../images/ico-info.png") no-repeat center;
    background-size: 10px;
}
.mypage-payment-list .ad-state h6 {
    display: inline;
    margin-bottom: 0;
    line-height: 1;
}
.mypage-payment-list .ad-state h5 span, .mypage-payment-list .ad-state2 h5 span {
    position: absolute;
    right: 0;
    top:-150px;
    display: none;
    width:160px;
    padding: 15px;
    background: #fff;
    border:1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    font-size:12px;
}
.mypage-payment-list .ad-state a, .mypage-payment .mypage-payment-list li .ad-state.unpaid .btn-unpaid, .mypage-payment-list .ad-state2 a, .mypage-payment-list .ad-state4 a {
    display: inline-block;
    min-width: 12px;
    min-height: 8px;
    background-size: 5px 8px;
    font-size:12px;
    color:#333;
}
.mypage-payment-list .ad-state3.line2 {padding: 7px 10px;}
.mypage-payment-list .ad-state3 h5 {font-size:12px;}
.mypage-payment-list .product-information2 {
    float: left;
    width: 43%;
    padding: 5px 10px 0;
}
.mypage-payment-list .product-information2 h6 {margin-bottom: 0;}
.mypage-payment-list .progress-btn {
    float: right;
    width: 36.5%;
    margin-right: 0.5%;
    text-align: center;
}
.progress-btn button {
    padding: 2px 7px;
    margin: 21px 0;
    font-size:12px;
}
.progress-btn button.btn-accept {
    background: #6dac4f;
    color:#fff;
}
.progress-btn button.btn-deliberation {
    background: #e1eedb;
    color: #6dac4f;
}
.progress-btn button.btn-refusal {
    background: #bbb;
    color:#fff;
}
.progress-btn button[disabled] {
    background: #e6e6e6;
    color: #aaa;
}

.mypage-ad-list .btn-more, .mypage-payment .btn-more {
    width: 100%;
    padding: 5px 5px 7px;
    font-size: 12px;
    background: #fff;
}
.mypage-ad-list .btn-more img, .mypage-payment .btn-more img {
    width: 10px;
    height: auto;
    margin-left: 5px;
}
.mypage-payment-list > li table {width: 100%;}
.mypage-payment-list > li thead th, .mypage-payment-list > li tbody td {
    padding: 10px 5px;
    text-align: center;
    font-size:12px;
}
.mypage-payment-list > li thead th {
    font-weight: 500;
    color: #fff;
    background: #6dac4f;
    border-right: 1px solid #fff;
}
.mypage-payment-list > li thead th:last-child {border-right: none;}
.mypage-payment-list > li tbody tr {border-bottom: 1px solid #eee;}
.mypage-payment-list > li tbody tr:last-child {border-bottom: none;}
.mypage-payment-list > li tbody tr td {
    width: 18%;
    border-right: 1px solid #eee;
}
.mypage-payment-list > li tbody tr td:nth-child(1) {
    width: 39%;
    text-align: left;
}
.mypage-payment-list > li tbody tr td:nth-child(2) {color: #0000f1;}
.mypage-payment-list > li tbody tr td.payment-standby {color: #ff0000;}
.mypage-payment-list > li tbody tr td:nth-child(3) {width: 18%;}
.mypage-payment-list > li tbody tr td:last-child {
    width: 25%;
    border-right: none;
}
.mypage-payment-list > li tbody tr td:last-child a {color: #0000f1;}
/* 광고등록 */
.mypage-register, main.ad-detail-artist .ad-detail-modify {
    background: #fff;
    padding-top: 20px;
}
main.ad-detail-artist .ad-detail-modify {
    margin-bottom: 0;
}
.mypage-register > h4 {
    display: inline-block;
    padding: 0 20px;
    margin: 0;
    vertical-align: middle;
}
.mypage-register .transient-storage {
    float: right;
    display: inline-block;
    padding: 6px 10px;
    margin-right: 20px;
    font-size:12px;
    font-weight: 500;
    color: #fff;
    background: #6dac4f;
    border-radius: 5px;
    vertical-align: middle;
}

.mypage-register .ad-detail-modify {
    margin-top: 40px;
    margin-bottom: 0;
}

.mypage-register .ad-detail-modify > li, main.ad-detail-artist .ad-detail-modify > li {
    padding: 0 20px;
    margin-bottom: 20px;
}
.mypage-register .ad-detail-modify h4, main.ad-detail-artist .ad-detail-modify h4 {
    display: inline-block;
    width: 35%;
    margin-right: 3%;
    margin-top:5px;
    vertical-align: top;
    font-size:14px;
    font-weight: bold;
}
.mypage-register .ad-detail-modify h4 span, main.ad-detail-artist .ad-detail-modify h4 span {font-size:10px;}
.mypage-register .ad-detail-modify ul, .mypage-register .ad-detail-modify div, .mypage-register .ad-detail-modify select, main.ad-detail-artist .ad-detail-modify ul,
main.ad-detail-artist .ad-detail-modify li > div, main.ad-detail-artist .ad-detail-modify select {
    display: inline-block;
    width: 60%;
    margin: 0;
    padding: 0;
    font-size:12px;
}
main.ad-detail-artist .ad-detail-modify div.thumbnail, main.ad-detail-artist .ad-detail-modify div.thumbnail .centered {width: unset;}
main.ad-detail-artist .ad-detail-modify div.thumbnail {padding-top: 100%;}
.mypage-register .ad-detail-modify ul li, main.ad-detail-artist .ad-detail-modify ul li {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    font-size:12px;
}
main.ad-detail-artist .ad-detail-modify ul li .thumbnail {display: block;}
.mypage-register .ad-detail-modify ul li:last-child, main.ad-detail-artist .ad-detail-modify ul li:last-child {margin-right: 0;}
.mypage-register .ad-detail-modify input[type=text], .mypage-register .ad-detail-modify textarea, main.ad-detail-artist .ad-detail-modify input[type=text], main.ad-detail-artist .ad-detail-modify textarea {
    width: 100%;
    padding: 4px 5px;
    border-radius: 5px;
    border:1px solid #ddd;
    box-sizing: border-box;
}
li.ad-expenses input::-webkit-input-placeholder {font-size: 10px;}
li.ad-expenses input::-moz-placeholder {font-size: 10px;}
li.ad-expenses input:-ms-input-placeholder {font-size: 10px;}
li.ad-expenses input::input-placeholde {font-size: 10px;}



.mypage-register .ad-detail-modify input[type=text], main.ad-detail-artist .ad-detail-modify input[type=text] {min-height: 35px;}
.mypage-register .ad-detail-modify input[type=radio], main.ad-detail-artist .ad-detail-modify input[type=radio] {
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    opacity: 0;
}
.mypage-register .ad-detail-modify input[type=radio] + label, main.ad-detail-artist .ad-detail-modify input[type=radio] + label {
    padding-left: 15px;
    margin-bottom: 0;
    background-image: url("../images/radio_off.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
}
.category-choice input[disabled="disabled"] + label { color: #999 }
.channel-choice input[disabled="disabled"] + label { color: #999 }
.mypage-register .ad-detail-modify input[type=radio]:checked + label, main.ad-detail-artist .ad-detail-modify input[type=radio]:checked + label {background-image: url("../images/radio_on.png");}
.mypage-register .ad-detail-modify .channel-choice li, main.ad-detail-artist .ad-detail-modify .category-choice {
    margin-top: 5px;
    vertical-align: top;
}
.mypage-register .ad-detail-modify li.disable label, main.ad-detail-artist .ad-detail-modify li.disable label {
    background-position: left 3px;
    color: #999;
}
.mypage-register .ad-detail-modify li.disable label span, main.ad-detail-artist .ad-detail-modify li.disable label span {
    display: block;
    margin-left: -12px;
    font-size:10px;
    color: #999;
}

.mypage-register .ad-detail-modify ul.full-width, main.ad-detail-artist .ad-detail-modify ul.full-width {width: 100%;}

.mypage-register .ad-detail-modify ul.category-button li, main.ad-detail-artist .ad-detail-modify ul.category-button li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-top: 7px;
    text-align: center;
}
main.ad-detail-artist .ad-detail-modify ul.category-button li.select button {
    font-weight: 500;
    background: #e1eedb;
    border-color: #e1eedb;
}
.mypage-register .ad-detail-modify ul.category-button li button, main.ad-detail-artist .ad-detail-modify ul.category-button li button {
    width: 100%;
    height : 46px;
    border:1px solid #ddd;
    font-size:12px;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.mypage-register .ad-detail-modify ul.category-button li.line2 button, main.ad-detail-artist .ad-detail-modify ul.category-button li.line2 button {padding: 3px 0;}
.mypage-register .ad-detail-modify ul.category-button li:nth-child(4n), main.ad-detail-artist .ad-detail-modify ul.category-button li:nth-child(4n) {margin-right:0;}
.mypage-register .ad-detail-modify ul.category-button li:nth-child(1), .mypage-register .ad-detail-modify ul.category-button li:nth-child(2), .mypage-register .ad-detail-modify ul.category-button li:nth-child(3), .mypage-register .ad-detail-modify ul.category-button li:nth-child(4), main.ad-detail-artist .ad-detail-modify ul.category-button li:nth-child(1), main.ad-detail-artist .ad-detail-modify ul.category-button li:nth-child(2), main.ad-detail-artist .ad-detail-modify ul.category-button li:nth-child(3), main.ad-detail-artist .ad-detail-modify ul.category-button li:nth-child(4) {margin-top:0;}
.mypage-register .ad-detail-modify .time-limit input, .mypage-register .ad-detail-modify .ad-term input, main.ad-detail-artist .ad-detail-modify .time-limit input,
main.ad-detail-artist .ad-detail-modify .ad-term input.hasDatepicker {width: 45%;}
.mypage-register .ad-detail-modify select, main.ad-detail-artist .ad-detail-modify select  {
    width: 75%;
    height: 35px;
    padding: 4px 5px;
    border:1px solid #ddd;
    font-size:12px;
    border-radius: 5px;
    /* background: #fff; */
}
.mypage-register .ad-detail-modify .ad-expenses input:nth-child(1), main.ad-detail-artist .ad-detail-modify .ad-expenses input:nth-child(1) {width:30%;}
.mypage-register .ad-detail-modify .ad-expenses input:nth-child(2), main.ad-detail-artist .ad-detail-modify .ad-expenses input:nth-child(2) {width:18%;}
.mypage-register .ad-detail-modify .ad-expenses input:nth-child(3), main.ad-detail-artist .ad-detail-modify .ad-expenses input:nth-child(3) {width:36%;}
.mypage-register .ad-detail-modify .ad-expenses p, main.ad-detail-artist .ad-detail-modify .ad-expenses p {
    display: block;
    margin-top: 5px;
}
.mypage-register .ad-detail-modify .ad-expenses p span, main.ad-detail-artist .ad-detail-modify .ad-expenses p span {
    display: block;
    color: #0000f1;
}
.mypage-register .ad-detail-modify .ad-expenses2 li:nth-child(3) input[type=radio] + label, main.ad-detail-artist .ad-detail-modify .ad-expenses2 li:nth-child(3) {
    padding: 0;
    background-position: left 3px;
}
.mypage-register .ad-detail-modify .ad-expenses2 li:nth-child(3) label span, main.ad-detail-artist .ad-detail-modify .ad-expenses2 li:nth-child(3) label span {
    display: inline-block;
    padding-left: 15px;
}
.mypage-register .ad-detail-modify .ad-expenses2 li p, main.ad-detail-artist .ad-detail-modify .ad-expenses2 li p {color: #0000f1;}
.mypage-register .ad-detail-modify .full-width, .mypage-register .ad-detail-modify .product-intro ul, .mypage-register .ad-detail-modify .img-upload ul, .mypage-register .ad-detail-modify .hash-tag div, main.ad-detail-artist .ad-detail-modify .full-width, main.ad-detail-artist .ad-detail-modify .product-intro ul, main.ad-detail-artist .ad-detail-modify .img-upload ul, main.ad-detail-artist .ad-detail-modify .hash-tag div {width:100%;}
.mypage-register .ad-detail-modify .product-intro li, main.ad-detail-artist .ad-detail-modify .product-intro li {
    float: left;
    width:74.5%;
    margin-right: 0;
}
.mypage-register .ad-detail-modify .product-intro li:first-child, main.ad-detail-artist .ad-detail-modify .product-intro li:first-child {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border:1px solid #ddd;
    border-radius: 5px;
}
.mypage-register .ad-detail-modify .product-intro li:first-child button, .mypage-register .ad-detail-modify .img-upload li button, main.ad-detail-artist .ad-detail-modify .product-intro li:first-child button, main.ad-detail-artist .ad-detail-modify .img-upload li button {
    width: 100%;
    padding: 0;
    background-image: url("../images/btn-add-brand.png");
    background-repeat: no-repeat;
    background-size: 20px;
}
.mypage-register .ad-detail-modify .product-intro li:first-child button, main.ad-detail-artist .ad-detail-modify .product-intro li:first-child button {
    height: 90px;
    padding-top: 25px;
    background-position: center 25px;
}
.mypage-register .ad-detail-modify .product-intro li:nth-child(2), main.ad-detail-artist .ad-detail-modify .product-intro li:nth-child(2) {margin-bottom: 5px;}
.mypage-register .ad-detail-modify .product-intro textarea, main.ad-detail-artist .ad-detail-modify .product-intro textarea {
    height: 50px;
}
.mypage-register .ad-detail-modify .full-width span, main.ad-detail-artist .ad-detail-modify .full-width span {margin-left:5px;}
.mypage-register .ad-detail-modify .img-upload h4 span, main.ad-detail-artist .ad-detail-modify .img-upload h4 span {color:#ff0000;}
.mypage-register .ad-detail-modify .img-upload li, main.ad-detail-artist .ad-detail-modify .img-upload li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border:1px solid #ddd;
    border-radius: 5px;
}
.mypage-register .ad-detail-modify .img-upload li button, main.ad-detail-artist .ad-detail-modify .img-upload li button {
    height: 70px;
    padding-top: 20px;
    background-position: center 15px;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.mypage-register .ad-detail-modify .bottom-btn, main.ad-detail-artist .ad-detail-modify .bottom-btn {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0;
    height: 45px;
}
.mypage-register .ad-detail-modify .bottom-btn button, main.ad-detail-artist .ad-detail-modify .bottom-btn button {
    border-radius: 0;
    font-size:17px;
}
.mypage-register .ad-detail-modify .main-product-intro h4, .mypage-register .ad-detail-modify .model-career h4, main.ad-detail-artist .ad-detail-modify .main-product-intro h4, main.ad-detail-artist .ad-detail-modify .model-career h4 {
    line-height: 1.2;
    margin-top: 0;
}
.mypage-register .ad-detail-modify .model-career h4, main.ad-detail-artist .ad-detail-modify .model-career h4 {margin-top: -6px;}
.mypage-register .ad-detail-modify .main-product-intro div, .mypage-register .ad-detail-modify .main-product-intro div p, main.ad-detail-artist .ad-detail-modify .main-product-intro div, main.ad-detail-artist .ad-detail-modify .main-product-intro div p {position: relative;}
.mypage-register .ad-detail-modify .main-product-intro div button, main.ad-detail-artist .ad-detail-modify .main-product-intro div button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 3px 10px 4px 10px;
    background: #6dac4f;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}
.mypage-register .ad-detail-modify .main-product-intro div p span, main.ad-detail-artist .ad-detail-modify .main-product-intro div p span {
    position: absolute;
    top: 5px;
    right: 2px;
    display: inline-block;
    background: #fff;
}
.mypage-register .ad-detail-modify .main-product-intro div p span img, main.ad-detail-artist .ad-detail-modify .main-product-intro div p span img {
    width: 12px;
    height: 12px;
}
.mypage-register .ad-detail-modify .company-result textarea, main.ad-detail-artist .ad-detail-modify .company-result textarea {height: 70px;}
.mypage-register .ad-detail-modify .piikle-manager h4, main.ad-detail-artist .ad-detail-modify .piikle-manager h4 {color:#6dac4f;}
.mypage-register .ad-detail-modify .piikle-manager h4 span, main.ad-detail-artist .ad-detail-modify .piikle-manager h4 span {
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
}
.mypage-register .ad-detail-modify .piikle-manager p, main.ad-detail-artist .ad-detail-modify .piikle-manager p {margin-top: 20px;}
.mypage-register .ad-detail-modify .piikle-manager p span, main.ad-detail-artist .ad-detail-modify .piikle-manager p span {
    display: block;
    color:#6dac4f;
    font-size:12px;
    font-weight: bold;
}
.deposit-opt{
    padding: 30px;
}
.ad-register-pop {
    text-align: center;
}
.ad-register-pop h4:first-child {
    font-size:20px;
    line-height: 1.2;
    margin-bottom: 20px;
}
.ad-register-pop h4{
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}
.ad-register-pop h5 {
    color: #ed0091;
    font-size: 14px;
}
.ad-register-pop.end-message2 h4 {
    font-size: 17px;
    color: #333;
    margin-bottom: 10px;
}


/* 광고 상세 */
main.ad-detail-artist {padding-top: 10px;}
main.ad-detail-artist .container {padding: 0;}
main.ad-detail-artist .tab {
    margin-bottom: 10px;
    background: #fff;
    border-top:1px solid #eee;
}
main.ad-detail-artist .tab li {
    float: left;
    width: 25%;
    height: 60px;
    margin-bottom: -1px;
    text-align: center;
    border-width: 1px 1px 1px 0 ;
    border-color: #eee;
    border-style: solid;
    font-size: 12px;
    font-weight: 400;
}
main.ad-detail-artist .tab li:nth-child(4n) {border-right:1px solid rgba(255,255,255,0);}
main.ad-detail-artist .tab li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 21px 5px;
}
main.ad-detail-artist .tab li.line2 a {padding: 11px 5px;}
main.ad-detail-artist .tab li.active a, main.ad-detail-artist .tab li.select a {
    background: #e1eedb;
    font-weight: 600;
    color: #6dac4f;
}
main.ad-detail-artist .ad-category-title {
    padding: 10px 0;
    background: #fff;
}

main.ad-detail-artist .ad-category-title > h4 {
    display: inline-block;
    width: 50%;
    padding: 0 20px;
    margin: 0;
    vertical-align: middle;
    font-size:20px;
}
main.ad-detail-artist .ad-category-title > h4:nth-child(2) {
    width: 48%;
    text-align: right;
}
main.ad-detail-artist .ad-category-title > h4.accept-message, main.ad-detail-artist .ad-category-title > h4.worry-message {color: #6dac4f;}
main.ad-detail-artist .ad-category-title > h4.refusal-message {color: #ed0091;}
main.ad-detail-artist .ad-category-title .btn-ad-modify {
    float: right;
    display: inline-block;
    padding: 6px 10px;
    margin-right: 20px;
    font-size:12px;
    font-weight: 500;
    color: #fff;
    background: #6dac4f;
    border-radius: 5px;
    vertical-align: middle;
}
main.ad-detail-artist .ad-detail-contents {
    padding-top: 20px;
    margin-top:5px;
    background: #fff;
}
main.ad-detail-artist .ad-detail-contents > h4 {
    padding: 0 5px 5px;
    margin: 0 15px;
    color: #6dac4f;
    border-bottom: 1px solid #ddd;
}
.ad-detail-contents .ad-intro, .ad-detail-contents .ad-essential {
    margin-top: 20px;
    margin-bottom: 0;
}
.ad-detail-contents .ad-intro li, .ad-detail-contents .ad-essential li {
    padding: 0 20px;
    margin-bottom: 10px;
}
.ad-detail-contents .ad-intro li h4, .ad-detail-contents .ad-essential li h4 {
    display: inline-block;
    width: 35%;
    margin-right: 3%;
    margin-top:5px;
    vertical-align: top;
    font-size:14px;
    font-weight: bold;
}
.ad-detail-contents .ad-intro li p, .ad-detail-contents .ad-essential li p, .ad-detail-contents .ad-intro li.brand-main-product div.main-product-img {
    display: inline-block;
    width: 60%;
    margin: 0;
    padding: 0;
    font-size:12px;
}
.ad-detail-contents .ad-essential li.ad-point h4, .ad-detail-contents .ad-essential li.product-ad-photo h4 {width: 100%;}
.ad-detail-contents .ad-essential li.ad-point li, .ad-detail-contents .ad-essential li.product-ad-photo li {
    padding: 0;
    margin: 0;
}
.ad-detail-contents .ad-essential li.ad-point > div, .ad-detail-contents .ad-essential li.product-ad-photo li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
}
.ad-detail-contents .ad-essential li.ad-point > div .thumbnail {
    padding-top: 125%;
    border:1px solid #ddd;
    border-radius: 5px;
}
.ad-detail-contents .ad-essential li.ad-point div img, .ad-detail-contents .ad-essential li.product-ad-photo li img {
    width: 100%;
    height: auto;
}
.ad-detail-contents .ad-essential li.ad-point h5, .ad-detail-contents .ad-essential li.ad-point ol {
    float: left;
    width: 74.5%;
    margin-right: 0;
    font-size: 12px;
}
.ad-detail-contents .ad-essential li.product-ad-photo ul {
    width: 100%;
    padding: 0;
    margin: 0;
}
.ad-detail-contents .ad-essential li.product-ad-photo li .thumbnail {
    border:1px solid #ddd;
    border-radius: 5px;
}
.ad-detail-contents .ad-essential li.product-ad-photo li:last-child {margin-right: 0;}
.ad-detail-contents button {
    width: 100%;
    padding: 10px 10px 9px;
    margin: 50px 0 -20px;
    background: #6dac4f;
    color: #fff;
    font-size:17px;
    font-weight: 500;
}
.ad-detail-contents button.set1-1, .ad-detail-contents  button.set1-2, .ad-detail-contents  button.set1-3  {
    float: left;
    width: 33.33%;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: -20px;
    font-size:14px;
    font-weight: 500;
    color: #fff;
}
.ad-detail-contents  button.set1-1 {background: #6dac4f;}
.ad-detail-contents  button.set1-2 {background: #bbb;}
.ad-detail-contents  button.set1-3 {
    background: #e1eedb;
    color: #6dac4f;
}



/* 광고상세 보낸요청 */
.ad-detail-artist .list-progress > li {
    padding: 20px 10px;
    margin-bottom: 5px;
    background: #fff;
}
.ad-detail-artist .list-progress > li:last-child {margin-bottom: 0;}
.ad-detail-artist .list-progress .star-profile {
    width: 260px;
    margin:0 auto;
}
.ad-detail-artist .list-progress .star-profile .profile-photo {
    float: left;
    width: 70px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}
.ad-detail-artist .list-progress .star-profile h6, .ad-detail-artist .list-progress .star-profile a {
    float: left;
    display: inline-block;
}
.ad-detail-artist .list-progress .star-profile h6 {
    width: 160px;;
    margin-top: 10px;
    font-size:14px;
    font-weight: bold;
}
.ad-detail-artist .list-progress .star-profile a {
    display: block;
    padding: 1px 10px 2px;
    background: #6dac4f;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size:12px;
}
.ad-detail-artist .list-progress .progress-step li {
    display: inline-block;
    width: 32%;
    margin-right: -3px;
    margin-top: 15px;
    vertical-align: top;
    text-align: center;
    background-image: url("../images/board-arrow-next.png");
    background-repeat: no-repeat;
    background-position: right 19px;
}
.ad-detail-artist .list-progress .progress-step li:nth-child(1) {margin-left: -2.5%;}
.ad-detail-artist .list-progress .progress-step li:nth-child(4) {margin-left: 9%;}
.ad-detail-artist .list-progress .progress-step li:nth-child(6) {
    width: 27%;
    background: none;
}
.ad-detail-artist .progress-step span {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 19px 0;
    margin: 3px auto;
    border-radius: 50%;
    background: #bbb;
    font-size:10px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}
.ad-detail-artist .progress-step span.line2 {padding: 13px 11px;}
.ad-detail-artist .progress-step li.present span {
    width: 55px;
    height: 55px;
    padding: 21px 0;
    margin: 0 auto 5px;
    font-size:12px;
    color: #fff;
    font-weight: bold;
    background: #6dac4f;
}
.ad-detail-artist .progress-step li.present.refusal span {background: #888;}
.ad-detail-artist .progress-step li.present span.line2 {padding: 9px 6px;}
.ad-detail-artist .progress-step h6, .ad-detail-artist .progress-step a {
    display: block;
    font-size:9px;
    color: #666;
}
.ad-detail-artist .progress-step li.complete span {
    background: #e1eedb;
    color: #6dac4f;
}
.ad-detail-artist .progress-step h6 {margin-bottom: 3px;}
.ad-detail-artist .progress-step .detail {
    color: #6dac4f;
    font-size: 11px;
}
.ad-detail-artist .progress-step a {
    display: inline-block;
    padding: 0 4px 1px;
    margin: 2px auto 0;
    border:1px solid #6dac4f;
    border-radius: 15px;
    letter-spacing: -0.05em;
    color: #6dac4f;
}
/* 진행상황 배송조회 */
.progress-step li .detail .baesong {
    width: 123px;
    margin-left: -3px;
}
.ad-detail-artist .list-progress .recruit-guide, .ad-detail-artist .list-progress .btn-area {
    padding: 0 10px;
    text-align: center;
}
.ad-detail-artist .list-progress .recruit-guide {margin-top: 15px}
.ad-detail-artist .list-progress .btn-area {margin-top: 5px;}
.ad-detail-artist .list-progress .recruit-guide h5 {
    font-size:14px;
    margin-bottom: 0;
}
.ad-detail-artist .list-progress .recruit-guide h5.fontC-piikle {
    font-size:17px;
    font-weight: bold;
}
.ad-detail-artist .list-progress .recruit-guide p {margin: 10px 0 0;}
.ad-detail-artist .list-progress .btn-area button {
    padding: 5px 15px;
    margin-right: 7px;
    font-size:14px;
    font-weight: 500;
    background: #6dac4f;
    color: #fff;
    border-radius: 5px;
}
.ad-detail-artist .list-progress .btn-area button.btn-refusal {
    margin-right: 0;
    background: #bbb;
}
/* 결제내역 */
main.mypage {
    padding:0;
    min-height: unset;
}
.mypage-payment .mypage-payment-tab {margin-bottom: 0px;}
.mypage-payment .mypage-payment-tab li {
    float: left;
    width:50%;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}
.mypage-payment .mypage-payment-tab li a {
    display: inline-block;
    width: 100%;
    padding: 10px 5px;
    font-size:12px;
    font-weight: 400;
    color: #333;
    background: #f2f2f2;
}
.mypage-payment .mypage-payment-tab li.select a {
    padding: 10px 5px;
    background: #fff;
    color: #6dac4f;
    font-weight: 500;
}
.mypage-payment h5.account-info {
    padding: 10px;
    margin: 0;
    text-align: center;
    font-size:14px;
    background: #fff;
    border-bottom:1px solid #ddd;
}
.mypage-payment .mypage-payment-list {background: #fff;}


/* 디파짓 결제 */

main.deposit-payment .payment-product:after, main.deposit-payment .payment-information li:after, main.mypage .payment-product:after, main.mypage .payment-information li:after {
    display: block;
    content: '';
    clear: both;
}
main.deposit-payment {
    margin-top: 2px;
    background: #fff;
}
main.deposit-payment .photo-box img {
    width: 100%;
    height: 100%;
}
main.deposit-payment .out-box, main.mypage .out-box {
    position: relative;
    padding: 20px 20px 80px;
}
main.deposit-payment .out-box > h3 {padding-top:10px;}
main.mypage .out-box > h3 {padding-top: 20px;}
main.deposit-payment .payment-product, main.deposit-payment .payment-information, main.deposit-payment .corporate-number, main.deposit-payment .payment-product2, main.mypage .payment-product, main.mypage .payment-information {
    position: relative;
    margin-bottom: 15px;
    border:1px solid #ddd;
}
main.deposit-payment .payment-product, main.deposit-payment .payment-product2, main.mypage .payment-product {padding: 10px 15px 15px;}
main.mypage .payment-product {padding-top: 15px;}
main.deposit-payment .payment-product > h5, main.deposit-payment .payment-information > h5, main.deposit-payment .corporate-number > h5, main.deposit-payment .payment-product2 > h5, main.mypage .payment-information > h5 {font-size:17px;}
main.deposit-payment .payment-product .photo-box, main.deposit-payment .payment-product2 .left, main.mypage .payment-product .photo-box {
    float: left;
    width: 47%;
    margin-right: 3%;
}
main.mypage .payment-product .photo-box img {
    width: 100%;
    height: auto;
}
main.deposit-payment .payment-product .photo-box .thumbnail, main.mypage .payment-product .photo-box .thumbnail {padding-top: 75%;}
main.deposit-payment .payment-product h6, main.deposit-payment .payment-product p, main.deposit-payment .payment-product span, main.deposit-payment .payment-product2 .right, main.mypage .payment-product h6, main.mypage .payment-product p, main.mypage .payment-product span {
    display: block;
    float: left;
    width: 50%;
}
main.deposit-payment .payment-product h6, main.deposit-payment .payment-product2 .left h6, main.mypage .payment-product h6 {
    margin-bottom: 0;
    font-size:14px;
    font-weight: 500;
    color: #333;
}
main.deposit-payment .payment-product p, main.deposit-payment .payment-product span, main.deposit-payment .payment-product2 .left p, main.deposit-payment .payment-product2 .left span, main.mypage .payment-product p, main.mypage .payment-product span  {
    margin-bottom: 10px;
    font-size:12px;
    font-weight: 500;
    color: #666;
}
main.deposit-payment .payment-product span, main.deposit-payment .payment-product2 .left span, main.mypage .payment-product span {
    margin-bottom: 0;
    color: #6dac4f;
}
main.deposit-payment .payment-product2 .left h6, main.deposit-payment .payment-product2 .left p, main.deposit-payment .payment-product2 .left span  {
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: center;
}
main.deposit-payment .payment-product2 .payment-product2-wrap {
    position: relative;
}

.payment-product2-wrap .left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 200px;
    margin: auto;
    text-align: center;
}

.payment-product2-wrap .left .photo-box {
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 300px;
    min-height: 120px;
}
.payment-product2-wrap .left .photo-box img, main.deposit-payment .photo-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: initial;

}




main.deposit-payment .payment-product2 .artist {margin-bottom: 0;}
main.deposit-payment .payment-product2 .artist .box {
    border:1px solid #ddd;
    border-radius: 10px;
}
main.deposit-payment .payment-product2 .artist .box > div {padding: 10px 28px 10px 10px; }
main.deposit-payment .payment-product2 .artist .box .btn-like {
    top: 12px;
    right: 6px;
}
main.deposit-payment .payment-information > h5, main.deposit-payment .corporate-number > h5, main.mypage .payment-information > h5 {
    padding: 10px 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}
main.deposit-payment .payment-information > button.btn-closed, main.deposit-payment .corporate-number > button.btn-closed, main.mypage .payment-information > button.btn-closed {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 24px;
    height: 17px;
    background: url("../images/board-close.png") no-repeat center;
}
main.deposit-payment .payment-information > button.btn-open, main.mypage .payment-information > button.btn-open {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 24px;
    height: 17px;
    background: url("../images/board-open.png") no-repeat center;
}

main.mypage .payment-information button.account-register {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 5px 7px;
    background: #6dac4f;
    color: #fff;
    font-size: 12px;
}
main.deposit-payment .payment-information ul, main.deposit-payment .corporate-number ul, main.mypage .payment-information  ul {
    padding: 15px;
    margin: 0;
}
main.deposit-payment .payment-information li, main.deposit-payment .corporate-number li, main.mypage .payment-information li {
    position: relative;
    margin-bottom: 10px;
}
main.deposit-payment .payment-information li:last-child, main.deposit-payment .corporate-number li:last-child, main.mypage .payment-information li:last-child {margin-bottom: 0;}
main.deposit-payment .payment-information li > h5, main.deposit-payment .payment-information li > span, main.deposit-payment .corporate-number li > h5, main.deposit-payment .corporate-number li > span, main.mypage .payment-information li > h5, main.mypage .payment-information li > span {
    float: left;
    vertical-align: middle;
}
main.deposit-payment .payment-information li > h5, main.deposit-payment .corporate-number li > h5, main.mypage .payment-information li > h5 {
    width: 48%;
    padding: 5px 10px 5px 0;
    margin-bottom: 0;
    font-size:14px;
    font-weight: 500;
}
main.deposit-payment .payment-information li > span, main.deposit-payment .corporate-number li > span, main.mypage .payment-information li > span {
    position: relative;
    width: 52%;
    padding: 5px;
    font-size: 12px;
    text-align: right;
    border-bottom: 1px solid #eee;
}
main.mypage .payment-information li > span {min-height: 31px;}
main.mypage .payment-information ul.radio-btn {
    margin: 0;
    padding: 0;
}
main.mypage .payment-information ul.radio-btn li {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    margin-bottom: 0;
    font-size:12px;
}
main.mypage .payment-information ul.radio-btn li input {
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
}
main.mypage .payment-information ul.radio-btn li label {
    padding-left: 20px;
    margin: 0;
    font-size:14px;
    background-image: url(../images/modify-check-off.png);
    background-repeat:  no-repeat;
    background-position: left;
    background-size: 18px;
}
main.mypage .payment-information ul.radio-btn li input:checked + label {background-image: url(../images/modify-check-on.png);}
main.mypage .payment-information > h6.warning {padding: 0 15px 5px;}
main.mypage .payment-information > h6.warning span {color: #6dac4f;}
main.mypage .payment-information li.persnal-number h6.warning {
    display: block;
    width: 100%;
    padding-top: 5px;
    font-size: 10px;
    clear: both;
    color: #6dac4f;
}

main.deposit-payment .corporate-number li > h5 {
    display:inline-block;
    float: none;
    width: 25%;
    padding: 0;
    line-height: 1.2;
    vertical-align: middle;
}

main.deposit-payment .payment-information li button.point-use {
    float: right;
    margin-top: 5px;
    background: #e1eedb;
    font-size:12px;
    border-radius: 2px;
}
main.deposit-payment .payment-information li.payment-scheduled  span, main.mypage .payment-information li.total span {
    font-size:17px;
    font-weight: 500;
    color: #6dac4f;
}
main.deposit-payment .payment-information li button.payment-way {
    width: 100%;
    padding: 5px;
    margin: 10px 0;
    background: #6dac4f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
main.mypage .payment-information li.bank-select > button.btn-select {
    position: absolute;
    right: 0;
    bottom: 8px;
    background: #6dac4f;
    color: #fff;
    font-size: 12px;
}
main.mypage .payment-information:nth-child(4) li input {width: 93%;}
main.mypage .payment-information li.bank-select input {padding-right: 35px;}
main.deposit-payment .corporate-number li input {
    display: inline-block;
    width: 16.5%;
    height: 35px;
    min-height: unset;
    border:1px solid #ddd;
    vertical-align: middle;
    box-sizing: border-box;
}
main.deposit-payment .corporate-number li input.corporate-name {width: 58.5%;}
main.deposit-payment .corporate-number li button.modify {
    display: inline-block;
    width: 14%;
    height: 35px;
    margin-left: 5px;
    background: #6dac4f;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
}
main.deposit-payment .out-box > button {border-radius: 0;}
main.deposit-payment .payment-information li span input, main.mypage .payment-information li span input {
    position: absolute;
    left: 5px;
    width: 78%;
    height: 22px;
    min-height: unset;
    padding: 2px 0;
    margin-right: 0;
    text-align: left;
    margin-top: -3px;
    border:none;
}
main.mypage .out-box > button.btn-payment {border-radius: 0;}
/* 결제신청완료 */
main.payment-result {
    margin-top: -69px;
    padding-top: 71px;
    height: 100vh;
}
main.payment-result > div {
    position: relative;
    background: #fff;
    min-height: 100%;
    padding-top: 50px;
}
main.payment-result > div > h1, main.payment-result > div > h5 {
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}
main.payment-result > div > div {
    width: 100%;
    padding: 50px 40px;
    text-align: center;
}
main.payment-result > div > div.center-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 412px;
    margin: auto;
}
main.payment-result div h1 {
    font-size:23px;
    font-weight: 600;
    color: #6dac4f;
}
main.payment-result div h5, main.payment-result div h5 span {
    font-size:17px;
    font-weight: 500;
    color: #666;
}
main.payment-result .deposit-infomation {margin-top: 40px;}
main.payment-result .deposit-infomation2, main.payment-result .delivery-infomation {margin-top: 20px;}
main.payment-result .delivery-infomation {margin-bottom: 50px;}
main.payment-result .deposit-infomation h5, main.payment-result .deposit-infomation2 h5, main.payment-result .delivery-infomation h5 {
    width: 100%;
    padding: 5px 3px;
    font-size:14px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    color: #333;
}
main.payment-result .deposit-infomation li, main.payment-result .deposit-infomation2 li, main.payment-result .delivery-infomation li {
    padding: 5px 3px;
    font-size: 12px;
}

/* 브랜드 등록 수정 */
.mypage-brand-listup {padding-top: 10px;}
.mypage-brand-listup table {
    width: 100%;
    background: #fff;
}
.mypage-brand-listup table thead th, .mypage-brand-listup table tbody td {
    padding: 5px;
    font-size: 12px;
    text-align: center;
}
.mypage-brand-listup thead th {
    color: #fff;
    font-weight: 500;
    background: #858585;
    border-right: 1px solid #fff;
}
.mypage-brand-listup thead th:last-child {border-right:none;}
.mypage-brand-listup tbody tr {border-bottom: 1px solid #eee;}
.mypage-brand-listup tbody td {border-right: 1px solid #eee;}
.mypage-brand-listup tbody td:last-child {border-right:none;}
.mypage-brand-listup td button {
    margin: 0 2px;
    background: #bbb;
    border-radius: 2px;
    color: #fff;
}
.mypage-brand-listup td button.btn-modify {background:#6dac4f;}
.mypage-brand-listup > button {
    display: block;
    padding: 10px 15px;
    margin: 10px auto 20px;
    font-size:14px;
    font-weight: 500;
    color: #fff;
    background:#6dac4f;
    border-radius: 10px;
}
.mypage-brand-listup > button img {
    width: 14px;
    height: auto;
    margin-top: -2px;
    margin-right: 10px;
    vertical-align: middle;
}

/* 브랜드 등록 팝업 */
.popup-box.brand-listup {
}
.mobile-brand-style-opt{
    padding : 10px;
}
.popup-box.brand-listup > button.btn-close {
    width: 22px;
    height: 22px;
}
.popup-box.brand-listup > h4, .popup-box.brand-listup > ul {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.popup-box.brand-listup > h4 {font-size: 20px;}
.popup-box.brand-listup li {
    position: relative;
    margin-bottom: 15px;
}
.popup-box.brand-listup li h5 {
    display: inline-block;
    vertical-align: top;
    width: 27%;
    margin: 0 0 10px 0;
    line-height: 1.2;
}
.popup-box.brand-listup li h5.line2 {margin-top: 1px;}
.popup-box.brand-listup li span.sales-info {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
}
.popup-box.brand-listup li span.sales-info img {
    width: 100%;
    height: auto;
}
.popup-box.brand-listup li div.sales-info-pop {
    position: absolute;
    top:15px;
    left: 0;
    float: none;
    width: 65%;
    padding: 20px;
    background: #fff;
    border:1px solid #ddd;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    z-index: 10;
}
.popup-box.brand-listup li div.sales-info-pop h5 {
    width: 100%;
    margin-bottom: 15px;
}
.popup-box.brand-listup li div.sales-info-pop li {
    margin-bottom: 10px;
    font-size:12px;
}
.popup-box.brand-listup li div.sales-info-pop li h6 {
    margin-bottom: 0;
    font-weight: 600;
}
.popup-box.brand-listup li div {
    display: inline-block;
    width: 68%;
}
.popup-box.brand-listup li div input, .popup-box.brand-listup li div select {
    display: inline-block;
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #ddd;
}
.popup-box.brand-listup li.brand-introduce input, .popup-box.brand-listup li.brand-logo input {
    width: 70%;
    margin-right: 3%;
}
.popup-box.brand-listup li.brand-introduce button, .popup-box.brand-listup li.brand-logo button {
    display: inline-block;
    width: 27%;
    height: 40px;
    padding: 3px 5px;
    margin-left: -4px;
    background: #6dac4f;
    color: #fff;
    font-size:14px;
    vertical-align: top;
}
.popup-box.brand-listup li.category ul {width: 100%;}

/* 회원정보 수정 */
.mypage-right .brand-modify {
    background: #fff;
    text-align: center;
}
.mypage-right .brand-modify > button.end-step {border-radius: 0;}
.mypage-right .brand-modify .quit-message {
    width: 280px;
    padding: 0 5px;
    margin: auto;
    text-align: left;
    font-size: 12px;
}
.mypage-right .brand-modify .quit-message h6 {margin-bottom: 5px;}
.mypage-right .brand-modify .quit-message a {
    display: inline-block;
    padding-right: 12px;
    color: #6dac4f;
    font-weight: 500;
    background: url("../images/board-arrow-next.png") no-repeat right;
    background-size: 5px 10px;
}

/* 회원탈퇴 */
.mypage-right .quit {
    position: relative;
    padding-top: 40px;
    padding-bottom: 70px;
    background: #fff;
}
.mypage-right .quit h2, .mypage-right .quit h5, .mypage-right .quit ul {
    width: 280px;
    margin: auto;
}
.mypage-right .quit h2 {
    font-size:20px;
    color: #6dac4f;
}
.mypage-right .quit h5 {
    font-size:12px;
    margin-bottom: 30px;
}
.mypage-right .quit li {margin-bottom:20px;}
.mypage-right .quit li h4 {margin-bottom: 5px;}
.mypage-right .quit li p span {
    font-weight: 500;
    color:#ed0091;
}
.mypage-right .quit li input {
    height: 40px;
    padding: 4px 7px 5px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
}
.mypage-right .quit li input.quit-id-check {
    margin-bottom: 10px;
    border-color: #6dac4f;
}
.mypage-right .quit li input.quit-pw-check {border-color: #ff0000;}
.mypage-right .quit > button {border-radius:0;}

.popup-box.quit-confirm-message {
    padding-top: 20px;
    text-align: center;
}
.popup-box.quit-confirm-message h4 {
    font-size: 20px;
    margin-bottom: 20px;
}
main.quit-complete {
    padding: 0;
    margin: 0;
    background: #fff;
}
main.quit-complete .center-box {
    position: relative;
    width: 100%;
    height: 100vh
}
main.quit-complete .center-box > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 320px;
    height: 180px;
    padding: 0 20px;
    margin: auto;
    text-align: center;

}
main.quit-complete .center-box > button {border-radius:0;}


/* 게시판 */
main.board {
    padding: 20px;
    margin: 0;
}
main.board .board-tab {
    margin-bottom: 20px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
    border-radius: 5px;
    overflow: hidden;
}
main.board .board-tab:after, main.board .board-contents ul.board-list li:after, main.board .board-contents .board-category ul:after, main.board .board-contents .board-search:after, ul.board-list li:after {
    display: block;
    content: '';
    clear: both;
}
main.board .board-tab li {
    float: left;
    width: 50%;
    text-align: center;
}
main.board .board-tab li a {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 9px 10px;
}
main.board .board-tab li.current a {
    background: #fff;
    color: #6dac4f;
    font-size: 17px;
    font-weight: 500;
}
main.board .board-tab li a:hover {
    text-decoration: none;
    color: #6dac4f;
}
main.board .board-contents ul.board-list, .inquiry ul.board-list {
    border-top: 2px solid #aaa;
    clear: both;
}

main.board .board-contents ul.board-list li, .inquiry ul.board-list li {
    position: relative;
    padding: 10px 0 0;
    margin-bottom: 1px;
    background: #fff;
}

.inquiry ul.board-list > li {border-bottom: 1px solid #d6d6d6;}
.inquiry ul.board-list li.thead {border-bottom:1px solid #aaa;}

.inquiry ul.board-list li.thead span.inquiry-num, .inquiry ul.board-list li.thead h6.board-title {
    text-align: center;
    color: #4b4b4b;
    font-weight: 500;
}
.inquiry ul.board-list li span.inquiry-num, .inquiry ul.board-list li h6.board-title {font-size: 14px;}
.inquiry ul.board-list li span.inquiry-num {
    position: absolute;
    top:0;
    left:0;
    width:40px;
    padding: 10px 5px;
    text-align: center;
}
main.board .board-contents ul.board-list li h6, .inquiry ul.board-list li h6.board-title {
    width: 100%;
    padding: 0 30px 10px 10px;
    margin: 0;
}
.inquiry ul.board-list li h6.board-title {padding-left:50px;}
.inquiry ul.board-list li h6.board-title span.icon-state {
    width: 48px;
    padding: 0 3px;
    margin-left:5px;
    font-size: 11px;
    border:1px solid #6dac4f;
    border-radius: 2px;
    color:#6dac4f;
}
.inquiry ul.board-list li h6.board-title span.icon-state.complete {
    background: #3b811b;
    color: #fff;
}
.inquiry .board-list .inquiry-text {
    width:100%;
    padding: 10px 20px;
    background: #fafafa;
    border-top:1px solid #d6d6d6;
}
.inquiry .board-list .inquiry-text ul {margin-bottom: 10px;}
.inquiry .board-list .inquiry-text li {
    padding: 0;
    background: #fafafa;
    border:none;
    margin-bottom: 5px;
}
.inquiry .board-list .inquiry-text li h6, .inquiry .board-list .inquiry-text li p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    vertical-align: top;
}
.inquiry .board-list .inquiry-text li h6 {
    min-width:65px;
    width: 24%;
    padding-right: 20px;
    color:#77797e;
}
.inquiry .board-list .inquiry-text li h6.write-date {
    width:100%;
    color: #b1b3b7;
}
.inquiry .board-list .inquiry-text li p {
    width: 74%;
    padding: 0;
    color: #484a4e;
}
.inquiry .board-list .inquiry-text p.answer {
    padding: 20px 0;
    font-size: 12px;
    color: #484a4e;
    border-top:1px solid #bbbbbb;
}
.inquiry .board-list .inquiry-text p.answer span.answer-date {
    display: block;
    margin-top: 15px;
    color:#b1b3b7;
}
.inquiry .board-list .inquiry-text .btn-area {text-align: right;}
.inquiry .board-list .inquiry-text button {
    display: inline-block;
    width: 70px;
    padding: 6px;
    margin-left:10px;
    text-align: center;
    border-radius: 4px;
    font-size:12px;
    font-weight: 500; 
    color: #fff;
}

.inquiry .board-list li .inquiry-text {display:none;}
.inquiry .board-list li.open .inquiry-text {display:block;}

.inquiry .board-list .inquiry-text button.btn-modify {background: #6dac4f;}
.inquiry .board-list .inquiry-text button.btn-delete {background: #77797e;}

.inquiry .page-nation {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.inquiry .page-nation li {display: inline-block;}
.inquiry .page-nation li a {
    display: inline-block;
    padding: 9px;
    font-size:14px;
}
.inquiry .page-nation li.current a, .inquiry .page-nation li:hover a {
    color: #6dac4f;
    font-weight: bold;
    text-decoration: none;
}
.inquiry .page-nation li.forword a, .inquiry .page-nation li.next a {
    width: 40px;
    text-indent: -9999px;
}
.inquiry .page-nation li.forword a {background: url(../images/board-arrow-forword.png) no-repeat 50%;}
.inquiry .page-nation li.next a {background: url(../images/board-arrow-next.png) no-repeat 50%;}


main.board .board-contents ul.board-list li button, .inquiry ul.board-list li > button {
    position: absolute;
    top: 10px;
    right: 7px;
    width: 20px;
    height: 17px;
    background-image: url(../images/board-open.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 5px;
}
main.board .board-contents ul.board-list li.open, .inquiry ul.board-list li.open {margin-bottom: 5px;}
main.board .board-contents ul.board-list li.open > p, .inquiry ul.board-list li.open > p {
    padding: 15px 10px;
    margin: 0;
    border-top:1px solid #eee;
    clear: both;
}
.inquiry-write {
    position: relative;
    border-top:2px solid #77797e;
    text-align: center;
    padding: 30px 40px 100px;
    background: #f2f2f2;
}
.inquiry-write .write-form {margin-top: 20px;}
.inquiry-write .write-form li {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}
.inquiry-write .write-form li div input, .inquiry-write .write-form li div textarea {
    width: 100%;
    height: 45px;
    padding: 6px 15px;
    border-radius: 4px;
    border:1px solid #9f9f9f;
    vertical-align: middle;
}
.inquiry-write .write-form li div textarea {height: 140px;}
.inquiry-write .write-form li.budget div input {
    width:90%;
    margin-right: 5px;   
}
.inquiry-write .write-form li.event-time div input {width: 55%;} 
.inquiry-write .btn-area button {
    position: absolute;
    bottom: 0;
    width:50%;
    height: 55px;
    color: #fff;
    font-size:18px;
    font-weight: 600;
    text-align: center;
}
.inquiry-write .btn-area button.btn-cancel {
    left: 0;
    background: #bbbbbb;
}
.inquiry-write .btn-area button.btn-next {
    right: 0;
    background: #6dac4f;
}

main.board .board-contents .board-category li {
    float: left;
    width: 33.33%;
    margin-bottom: 1px;
    text-align: center;
}
main.board .board-contents .board-category li:nth-child(3n) {border-right:1px solid rgba(255,255,255,0);}
main.board .board-contents .board-category li a {
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    background: #fff;
    border-right:1px solid #eee;
}
main.board .board-contents .board-category li.select a {
    padding: 10px 10px 8px;
    border-bottom: 2px solid #6dac4f;
    color: #6dac4f;
    font-weight: 500;
}
main.board .board-contents .board-search {margin-bottom: 10px;}
main.board .board-contents .board-search input {
    float:left;
    width: 83%;
    padding: 5px 10px 8px;
    margin-right: 2%;
    border:1px solid #ddd;
    border-radius: 2px;
}
main.board .board-contents .board-search button {
    float: right;
    width: 15%;
    padding: 11px 10px;
    background: #6dac4f;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
}

/* 아이디 찾기 */
#find-wrap.container {padding: 0;}
#find-wrap.container .idSearchBox {
    position: relative;
    width: 100%;
    height: 100vh;
    background: #fff;
    text-align: center;
}
#find-wrap.container .idSearchBox > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 280px;
    height: 370px;
    margin: auto;
}
#find-wrap.container .idSearchBox > button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 10px 13px;
    background: #6dac4f;
    color: #fff;
    font-size: 17px;
}
#find-wrap.container .idSearchBox .idSearchTitle {margin-bottom: 30px;}
#find-wrap.container .idSearchBox .idSearchTitle h4 {font-size: 20px;}

#find-wrap.container .idSearchBox input {
    width: 100%;
    padding: 6px 10px 8px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#find-wrap.container .idSearchBox .idSearchForm > div {margin-bottom: 15px;}
#find-wrap.container .idSearchBox .idSearchForm > div {margin-bottom:15px;
}
#find-wrap.container .idSearchBox .idSearchForm  button {
    width: 100%;
    padding: 9px 10px 10px;
    border-radius: 10px;
    background: #6dac4f;
    border: none;
}

.id-search-complete, .pw-search-complete {
    top: 0;
    bottom: 0;
    padding: 50px 30px;
    text-align: center;
}
.id-search-complete {height: 248px;}
.pw-search-complete {height: 292px;}
.id-search-complete a, .pw-search-complete a {
    display: inline-block;
    margin-top: 40px;
    border-bottom: 1px solid #999;
}
.idSearchresult {margin-top: 100px;}
.idSearchresult label, .idSearchresult span {
    display: block;
    font-weight: 500;
}
.idSearchresult label {
    font-size:20px;
    color: #333;
}
.idSearchresult span {font-size:14px;}
.idSearchForm .idSearchForm_email2:nth-child(2) {margin-top: 30px;}
.idSearchForm .idSearchForm_email2 > div, .idSearchForm .idSearchForm_email2 label, .idSearchForm .idSearchForm_email2 input, .idSearchForm .idSearchForm_email2 span {
    display: block;
    width: 100%;
    text-align: left;
}
.idSearchForm .idSearchForm_email2 label {
    margin-bottom: 5px;
    font-size:14px;
    font-weight: 500;
    color: #333;
}
.idSearchForm .idSearchForm_email2 span {
    padding-left: 5px;
    font-size:10px;
}
.idSearchForm .idSearchForm_email2 span.error {color:#ff0000;}
.idSearchForm .idSearchForm_email2 span.success {color: #6ba54e;}
/* 광고상세 팝업 */
.popup-box.ad-detail-alarm {
    padding-top: 20px;
}
.ad-detail-alarm h4 {
    font-size:20px;
}
.ad-detail-alarm .mobile-popup-scroll-box {
    height: 350px;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
}
.ad-detail-alarm .sign-text {margin-top: 25px}
.ad-detail-alarm .sign-text span, .ad-detail-alarm h5 {color: #ed0091;}
.ad-detail-alarm h5 {margin-bottom:5px;}
.ad-detail-alarm h6 {
    margin-top: 25px;
    font-size:14px;
}
.ad-detail-alarm ol li {
    margin: 0 15px;
    font-size:12px;
}
.ad-detail-alarm > div {
    position: relative;
}
.ad-detail-alarm > div input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
}
.ad-detail-alarm > div label {
    padding-left: 23px;
    font-size:14px;
    background-image: url(../images/modify-check-off.png);
    background-repeat:  no-repeat;
    background-position: left;
    background-size: 18px;
}
.ad-detail-alarm > div input:checked + label {background-image: url(../images/modify-check-on.png);}


/* 받을정보 입력 */
.delivery-address .address-select li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.delivery-address .address-select li select {
    width: 100%;
    height: 40px;
    border:1px solid #ddd;
}
.delivery-address .address-select li input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
}
.delivery-address .address-select li label {
    padding-left: 20px;
    font-size:14px;
    background-image: url(../images/modify-check-off.png);
    background-repeat:  no-repeat;
    background-position: left;
    background-size: 18px;
}
.delivery-address .address-select li input:checked + label {background-image: url(../images/modify-check-on.png);}
.delivery-address li {margin-bottom: 15px;}
.delivery-address li h5 span {color: #ed0091;}
.delivery-address li input {
    width: 100%;
    border:1px solid #ddd;
    margin-bottom: 5px;
    vertical-align: top;
}
.delivery-address li input.zip-code {
    width: 204px;
    margin-right: 5px;
}
.delivery-address li:last-child input {
    width: 30%;
    margin-right: 3%;
}
.delivery-address li:last-child input:last-child {margin-right: 0;}
.delivery-address li button {
    display: inline-block;
    width: 70px;
    padding: 11px 5px;
    background: #6dac4f;
    color: #fff;
    font-size:12px;
    font-weight: 500;
}


.rejection, .agonize {
    text-align: center;
}
.mobile-rejection-box, .mobile-agonize-box{
    padding: 30px 20px 20px 20px;
}
.rejection h4, .agonize h4 {font-size: 14px;}
.rejection ul, .agonize ul {margin: 10px 0px 10px 0px;}
.rejection li, .agonize li {
    position: relative;
    text-align: left;
}
.rejection li input, .agonize li input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
}
.rejection li label, .agonize li label {
    padding-left: 22px;
    font-size:14px;
    background-image: url(../images/modify-check-off.png);
    background-repeat:  no-repeat;
    background-position: left;
    background-size: 18px;
}
.rejection li input:checked + label, .agonize li input:checked + label {background-image: url(../images/modify-check-on.png);}
.agonize textarea {
    width: 100%;
    height: 80px;
}
.popup-box.new-account, .popup-box.bank-select {
    text-align: center;
}
.popup-box.new-account > h5, .popup-box.bank-select > h5 {font-size:20px;}
.popup-box.new-account ul, .popup-box.bank-select ul {margin: 10px 0;}
.popup-box.new-account li {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}
.popup-box.new-account li input {
    position: absolute;
    top: 8px;
    left: 0;
    opacity: 0;
}
.popup-box.new-account li label {
    padding-left: 22px;
    font-size:14px;
    background-image: url(../images/modify-check-off.png);
    background-repeat:  no-repeat;
    background-position: left;
    background-size: 18px;
}
.popup-box.new-account li input:checked + label {background-image: url(../images/modify-check-on.png);}
.popup-box.new-account li label span {
    display: inline-block;
    margin-right: 5px;
}
.popup-box.bank-select ul li {
    float: left;
    width: 33.33%;
    padding: 2px;
}
.popup-box.bank-select li button {
    width: 100%;
    padding: 5px 2px;
    font-size:12px;
    border:1px solid #ddd;
}
.popup-box.bank-select li.on button {
    background: #e1eedb;
    border:1px solid #e1eedb;
    color: #333;
    font-weight: 500;
}

.mypage-right.delivery-administration {padding: 15px 0 0;}
.delivery-administration  .in-box > h4, .delivery-administration .in-box > h5 {padding: 0 15px;}
.delivery-administration .in-box > h4 {font-size:20px;}
.delivery-administration .in-box > button.btn-administration {
    margin-left: 15px;
    margin-bottom: 15px;
    font-size:12px;
    background: #6dac4f;
    color: #fff;
}
.delivery-administration .in-box > table {
    width:100%;
    margin-bottom: 0;
}
.delivery-administration thead th, .delivery-administration tbody td {
    padding: 5px;
    font-size: 12px;
    border-right: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
}
.delivery-administration thead th {
    background: #e1eedb;
    font-weight: 500;
    color: #333;
}
.delivery-administration thead th:last-child, .delivery-administration tbody td:last-child {border-right:none}
.delivery-administration tbody td {border-bottom: 1px solid #ddd;}
.delivery-administration tbody td:nth-child(2) {text-align: left;}
.delivery-administration td span {
    display: block;
    font-size: 10px;
}
.delivery-administration td span.icon-box {
    padding: 1px 3px 2px;
    margin-top: 3px;
    border:1px solid #6dac4f;
    color: #6dac4f;
    border-radius: 2px;
}
.delivery-administration td button {
    margin: 2px;
    background: #6dac4f;
    color: #fff;
    border-radius: 2px;
}
.delivery-pop > h5 {
    margin-bottom: 20px;
    font-size:20px;
    text-align: center;
}
.delivery-pop li {
    position: relative;
    margin-bottom: 10px;
}
.delivery-pop li h6 {
    display: inline-block;
    width: 23%;
}
.delivery-pop li > span {
    display: inline-block;
    width: 73%;
    margin-left: 2.5%;
}
.delivery-pop li > span input {
    width:100%;
    min-height: unset;
    padding: 5px 7px;
    margin-bottom: 5px;
    border:1px solid #ddd;
}
.delivery-pop li.full-width h6, .delivery-pop li.full-width > span {
    width:100%;
    margin: 0;
}
.delivery-pop li.full-width h6 {margin-bottom:5px;}
.delivery-pop li.full-width input:first-child {
    width: 70%;
    margin-right: 2%;
}
.delivery-pop li.full-width button {
    display: inline-block;
    width: 28%;
    padding: 9px 5px;
    font-size:12px;
    background: #6dac4f;
    color: #fff;
    vertical-align: top;
}
.delivery-pop li.tel-number input {
    width:31%;
    margin-right: 3%;
}
.delivery-pop li.tel-number input:last-child {margin-right:0;}

.delivery-pop li input[type=radio] {
    position: absolute;
    top: 8px;
    left: 0;
    opacity: 0;
}
.delivery-pop li label {
    padding-left: 22px;
    font-size:14px;
    background-image: url(../images/modify-check-off.png);
    background-repeat:  no-repeat;
    background-position: left;
    background-size: 18px;
}
.delivery-pop li input[type=radio]:checked + label {background-image: url(../images/modify-check-on.png);}

.popup-box.recommender-pop {
    top: 0;
    bottom: 0;
    height: 310px;
    margin: auto;
    padding: 20px 15px;
}
.recommender-pop > h4 {
    font-size:20px;
    text-align: center;
}
.recommender-pop > h5 {text-align: center;}
.recommender-pop div h6 {font-size:14px;}
.recommender-pop div input, .recommender-pop div button {display: inline-block;}
.recommender-pop div input {width: 68%;}
.recommender-pop div button {
    width: 28%;
    margin-left: 2%;
    padding: 11px 5px;
    background: #6dac4f;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
}
.recommender-pop div p {
    width:100%;
    margin-top: 10px;
}
main.board .board-contents .board-list .board-date{
    display : none;
}
main.board .board-contents .board-list li p{
    display:none;
}
main.board .board-contents .page-nation {
    margin-top: 40px;
    text-align: center;
}
main.board .board-contents .page-nation li {display: inline-block;}
main.board .board-contents .page-nation li a {
    display: inline-block;
    padding: 9px;
    font-size:18px;
}
main.board .board-contents .page-nation li.current a, main.board .board-contents .page-nation li:hover a {
    color: #6dac4f;
    font-weight: bold;
    text-decoration: none;
}
main.board .board-contents .page-nation li.forword a, main.board .board-contents .page-nation li.next a {
    width: 40px;
    text-indent: -9999px;
}
main.board .board-contents .page-nation li.forword a {background: url(../images/board-arrow-forword.png) no-repeat 50%;}
main.board .board-contents .page-nation li.next a {background: url(../images/board-arrow-next.png) no-repeat 50%;}
main.board .board-contents .board-list li.open p {
    display: block;
}
.membership-transfer > div {padding: 50px 20px;}
.membership-transfer p {
    margin-bottom: 30px;
    text-align: center;
    font-size:17px;
}
.membership-transfer a {
    display: block;
    width: 200px;
    padding: 10px;
    margin: auto;
    background: #6dac4f;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-size: 17px;
}
.popup-box.transfer-alarm {
    top: 0;
    bottom: 0;
    padding: 40px 15px;
    height: 220px;
    text-align: center;
}

main#member-mypage {padding-top: 10px;}
main#member-mypage .container {padding: 0;}

.transfer-alarm h4 {
    margin-bottom: 30px;
    font-size: 17px;
}
.transfer-alarm a {
    font-size:14px;
    font-weight: 500;
    border-bottom: 1px solid #999;
}
@media (max-width: 575.98px) {
    .brand-detail-pop-close-btn{
        display:none;
    }
    .mypage-left .mypage-bottom li.gridOpt-sm a{
        padding: 12px 5px;
    }
}
@media (max-width: 390px) {
    .mypage-left .mypage-bottom li.gridOpt-xs a{
        padding: 12px 5px;
    }
}

@media (max-width: 768px) {
    .popup-box{
        margin: 50px 10px;
        width : auto;
    }
    .popup-box.brand-listup{

    }
    .pop-login {
        width: 250px;
        margin : 50px auto;
    }
}

@media (min-width: 768px) {
    .popup-box{
        margin: 50px auto;
        width : 600px;
    }
    .popup-box.brand-listup{

    }
}

/* pick 버튼 */
.btn-pick, .font-piikle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}
.btn-pick {color:#fff;}
.box .btn-pick {font-size:14px;}

/* 헤더 뒤로가기 */
#header-arrow-left {
    margin-top: 5px;
    float: left;
}


/**
 * 진짜 모달팝업 및 팝업내부 버튼 세팅
 */
.real-popup-wrapper{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.real-popup-wrapper .popup-box, .popup-box-reset{
    padding-bottom: 0px;
    position:relative;
    border-radius: 10px;
}
.real-popup-wrapper .popup-header{
    padding : 20px;
}
.real-popup-wrapper .popup-content{
    padding : 20px;
}
.real-popup-wrapper .popup-box .real-btn-wrap .real-btn, .popup-box-reset .real-btn-wrap .real-btn{
    position: relative;
    border-radius: 0px;
    padding : 12px 10px;
    float : left;
}
.real-popup-wrapper .popup-box .real-btn-wrap .real-btn.l, .popup-box-reset .real-btn-wrap .real-btn.l{
    border-radius: 0 0 0 10px;
}
.real-popup-wrapper .popup-box .real-btn-wrap .real-btn.r, .popup-box-reset .real-btn-wrap .real-btn.r{
    border-radius: 0 0 10px 0;
}
.real-popup-wrapper .popup-box .real-btn-wrap .real-btn.lr, .popup-box-reset .real-btn-wrap .real-btn.lr{
    border-radius: 0 0 10px 10px;
}
.real-popup-wrapper .popup-box .real-btn-wrap .btn-color-cancel, .popup-box-reset .real-btn-wrap .btn-color-cancel{
    background-color : #c4c4c4;
    color: #4b4b4b;
}
.real-popup-wrapper .popup-box .real-btn-wrap .btn-color-confirm, .popup-box-reset .real-btn-wrap .btn-color-confirm{
    background-color : #6dac4f;
    color : #fff;
}
.real-popup-wrapper .popup-box .real-btn-wrap .one, .popup-box-reset .real-btn-wrap .one{
    width : 100%;
}
.real-popup-wrapper .popup-box .real-btn-wrap .half, .popup-box-reset .real-btn-wrap .half{
    width : 50%;
}
.real-popup-wrapper .popup-box .real-btn-wrap .third, .popup-box-reset .real-btn-wrap .third{
    width : 33.33333%;
}
/**
 * padding
 */
.pd-10{
    padding : 10px;
}
.pd-15{
    padding : 15px;
}
.pd-20{
    padding : 20px;
}
.pd-30{
    padding : 20px;
}
/**
 * padding bottom
 */
.pb-0{
    padding-bottom : 0px;
}
.pb-10{
    padding-bottom : 10px;
}
.pb-15{
    padding-bottom : 15px;
}
.pb-20{
    padding-bottom : 20px;
}
.pb-30{
    padding-bottom : 30px;
}
/**
 * padding top
 */
.pt-0{
    padding-top : 0px;
}
.pt-10{
    padding-top : 10px;
}
.pt-15{
    padding-top : 15px;
}
.pt-20{
    padding-top : 20px;
}
.pt-30{
    padding-top : 30px;
}
/**
 * padding right
 */
.pr-0{
    padding-right : 0px;
}
.pr-10{
    padding-right : 10px;
}
.pr-15{
    padding-right : 15px;
}
.pr-20{
    padding-right : 20px;
}
.pr-30{
    padding-right : 30px;
}
/**
 * padding left
 */
.pl-0{
    padding-left : 0px;
}
.pl-10{
    padding-left : 10px;
}
.pl-15{
    padding-left : 15px;
}
.pl-20{
    padding-left : 20px;
}
.pl-30{
    padding-left : 30px;
}
/**
 * margin
 */
.mg-10{
    margin : 10px;
}
.mg-20{
    margin : 20px;
}
.mg-30{
    margin : 20px;
}
/**
 * margin bottom
 */
.mb-0{
    margin-bottom : 0px;
}
.mb-10{
    margin-bottom : 10px;
}
.mb-20{
    margin-bottom : 20px;
}
.mb-30{
    margin-bottom : 30px;
}
/**
 * margin top
 */
.mt-0{
    margin-top : 0px;
}
.mt-10{
    margin-top : 10px;
}
.mt-20{
    margin-top : 20px;
}
.mt-30{
    margin-top : 30px;
}
/**
 * tutorial popup set
 */
.real-popup-wrapper .tutorial-box{
    width : 260px;
    height : 460px;
    position: absolute;
    right : 0px;
    left : 0px;
    bottom : 0px;
    top : 0px;
    margin : auto;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    top: 20px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #b9b9b9;
    border-radius: 50px;
}
.tutorialNoShow{
    position: absolute;
    bottom: 0px;
    padding: 10px 30px 10px 30px;
    width: 100%;
    right: 0px;
    left: 0px;
    background: #999;
    color: #fff;
    text-align :left;
}
.tutorialNoShow span {
    color : #fff;
    vertical-align: middle;
    display: inline-block;
    margin-left : 10px;
}
.tutorialNoShow #tutorialNoShowCheckBox{
    vertical-align: middle;
}
.carousel-indicators .active {
    background-color: #6dad50;
}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%66666' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%66666' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-prev, .carousel-control-next{
    bottom : 60px;
}
.real-popup-wrapper .popup-guide{
    height : 80%;
    overflow-y : scroll;
}
.popup-guide img.guide{
    width : 100%;
}
#filter_categorys .reset-grid{
    padding: 5px;
}
#filter_categorys .reset-grid button{
    display: block;
    width : 100%;
    height: 46px;
    border: 1px solid #ddd;
    font-size: 12px;
    background: #fff;
    text-align: center;
}
#filter_categorys .select button{
    background: #e1eedb;
    border-color: #e1eedb;
}
.reset-grid-wrap .reset-grid{
    padding: 5px;
}
.reset-grid-wrap .reset-grid button{
    display: block;
    width : 100%;
    height: 46px;
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight : 400;
    background: #fff;
    text-align: center;
}
.reset-grid-wrap .select button{
    background: #e1eedb;
    border-color: #e1eedb;
}
.popup-box.brand-listup li ul.brand-reset-grid-wrap{
    width : initial;
    padding: 10px;
}
.popup-box.brand-listup li ul.brand-reset-grid-wrap li{
    padding : 5px;
}
.popup-box.brand-listup li ul.brand-reset-grid-wrap li button{
    width : 100%;
    line-height : initial;
}
.display-reset-table{
    display : table;
    width : 100%;
}
.mypage-payment-list .display-reset-table-row{
    display : table-row;
}
.mypage-payment-list .display-reset-table-cell{
    display : table-cell;
    vertical-align: middle;
    float: none;
    border-bottom : 1px solid #ddd;
}
.br-grey{
    border : 1px solid #ddd;
}
#popupGuide.G{
    cursor: pointer;
    position: absolute;
    margin-top: -24%;
    right: 0px;
}
#popupGuide.G img{
    width : 50%;
    float : left;
}
#popupGuide.X{
    cursor: pointer;
    position: absolute;
    margin-top: -24%;
    right: 0px;
}