@charset "utf-8";

/* 공통사용 */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');


body {background: #f2f2f2;}

*, h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.5;
    letter-spacing: -0.025em;
    color:#4b4b4b;
}
.font-bold {font-weight: bold}
.fontC-red {color:#ff0000;}
.fontC-piikle {color: #6dac4f;}

input:disabled,select:disabled,textarea:disabled
{
    background-color: rgb(235, 235, 228);
}

.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; }



::-webkit-input-placeholder {
    color: #8d9988;
    font-weight: 200;
    font-size: 11px;
}

::-moz-placeholder {
    color: #8d9988;
    font-weight: 200;
    font-size: 11px;
}

:-ms-input-placeholder {
    color: #8d9988;
    font-weight: 200;
    font-size: 11px;
}

::input-placeholde {
    color: #8d9988;
    font-weight: 200;
    font-size: 11px;
}



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, header div:after, main .container:after, .filter-popup > div ul:after, .brand-right .brand-ad-list li:after {
  content: '';
  display: block;
  clear: both;
}

button.btn-half {
    position: absolute;
    bottom: 0;
    width: 50%;
    color: #fff;
    border-radius: 0 0 10px 10px !important;
}
button.btn-half.btn-left {
    left: 0;
    border-bottom-right-radius: 0 !important;
    background-color: #bbb;
}
button.btn-half.btn-right {
    right: 0;
    border-bottom-left-radius: 0 !important;
    background-color: #6dac4f;
}
button.btn-full {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    border-radius: 0 0 10px 10px !important;
    background-color: #6dac4f !important;
}

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


/* 공통 사용 */
.box-shadow, .filter-popup, .artist .box, .brand .box, .brand-profile, ul.brand-ad-tab, main.ad-detail .product-deposit .in-box, main.ad-detail .product-information, main.ad-detail .list-progress > li, main.register .out-box, main.login-artist .out-box, main.ad-detail-artist .list-progress > li, .mypage-left, .mypage-right .brand-list-tap ul, .mypage-right .mypage-payment, .mypage-right .mypage-ad-list, .mypage-right .out-box {box-shadow: 0 3px 9px 0 rgba(63,63,63,0.2);}

.thumbnail, main.ad-detail-artist .ad-detail-modify li div.thumbnail, .brand .box .thumbnail {
    display: block;
    position: relative;
    padding-top: 100%; /* 1:1 ratio */
    overflow: hidden;
}
.thumbnail {
    background-color: #fff
}
.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%);
}



header {
    padding : 0 20px;
    background: #6dac4f;
}


header .container {position: relative;}
.logo {
    float: left;
    padding-top: 12px;
}
.logo img {
    width: 100px
}
.nav {
    display: block;
    position: absolute;
    margin: auto;
    width: 206px;
    left: 0;
    right: 0;
    text-align: center;
}
.nav a {
    display: inline-block;
    padding-top: 13px;
    margin-left:15px;
    margin-right: 15px;
    font-size:18px;
    font-weight: 500;
    border-bottom: 3px solid rgba(188, 226, 173, 0);
    color: #bce2ad;
}
.nav a:hover, .nav a.nav-on {
    color: #fff;
    border-bottom: 3px solid rgba(255, 255, 255, 1);
    text-decoration: none;
}
.search-my {
    float: right;
    padding: 10px 5px;
    text-align: right;
}
.search-my .search, .search-my .login-before, .search-my .login-after, .login-after .alarm, .login-after .mypage {
    display: inline-block;
    vertical-align: middle;
}
.search {
    position: relative;
    margin-right: 10px;
}
.search input, .search button {
    height: 40px;
    background: #fff;
    vertical-align: middle;
    box-sizing: border-box;
}
.search input {
    width: 243px;
    padding: 7px 0 9px 15px;
    border-radius: 20px 0 0 20px;
    border:none;
}
.search button {
    padding: 6px 12px 8px 10px;
    border-radius: 0 20px 20px 0;
    margin-left:-5px;
}

.login-after .alarm {
    margin-right: 10px;
}
.login-after .alarm .alarm-icon {
    position: relative;
    width:25px;
    height: 25px;
}
.login-after .alarm .alarm-icon .thumbnail {background-color: #6dac4f;}
.login-after .alarm-icon .badge {
    display: block;
    position: absolute;
    top: -10px;
    right: -7px;
    width: 21px;
    padding: 5px 0;
    background: #ff4545;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}
.login-after .alarm-pop:before {
    position: absolute;
    top:-14px;
    right: 20px;
    display: block;
    width: 11px;
    height: 14px;
    content: '';
    background: url('../images/pop-box-arrow.png') no-repeat;
}
.login-after .alarm-pop {
    position: absolute;
    top:60px;
    right: 60px;
/*  display: block; */
    width: 240px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 0 9px 0 rgba(63,63,63,0.2);
    text-align: left;
/*    display:none; */
}
.login-after .alarm-pop ul {
    width: 100%;
    height: 323px;
    margin: 0;
    overflow-x: auto;
}
.login-after .alarm-pop li {
    padding: 10px 20px;
    font-size: 14px;
    color: #4b4b4b;
    border-bottom:1px solid #e6e6e6;
    background: #e1eedb;
}
.login-after .alarm-pop li a {text-decoration: none;}
.login-after .alarm-pop li:hover, .login-after .alarm-pop li.alarm-check  {
    background: #fff;
    cursor: pointer;
}
.login-after .alarm-pop li:last-child {
    border:none;
}
.login-after .alarm-pop li span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #a2a2a2;
}


/* 로그인 sns 시작 */
main.login-sns .login-box {
    width: 400px;
    margin: auto;
    text-align: center;
}
main.login-sns .id-login {margin-bottom: 50px;}
main.login-sns .id-login h1.logo {
    float: initial;
    width: 195px;
    margin:100px auto 30px;
}
main.login-sns .id-login h1.logo img {
    width: auto;
    height: 83px;
}
main.login-sns .id-login li:first-child {margin-bottom:10px;}
main.login-sns .id-login li input {
    width:100%;
    height: 50px;
    padding: 0 15px;;
    border-radius: 4px;
    border:1px solid #9f9f9f;
}
main.login-sns .id-login .auto-login {
    position:relative;
    height: 26px;
    margin-bottom: 30px;
    text-align: left;
}
main.login-sns .id-login .auto-login input {
    position:absolute;
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 0;
}
main.login-sns .id-login .auto-login label {
    padding-top:0;
    padding-left: 35px;
    background-image: url('../images/modify-check-off.png');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 0 2px;
    font-size: 18px;
    font-weight: 400;
    color:#232426;
}
main.login-sns .id-login .auto-login input:checked + label {background-image: url('../images/modify-check-on.png');}
main.login-sns .id-login button, main.login-sns .sns-login button {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    text-align: center;
}
main.login-sns .id-login button {
    background: #6dac4f;
    color:#fff;
    font-size:24px;
    font-weight: bold;
}
main.login-sns .sns-login button {
    margin-bottom: 20px;
    background: #fff;
    font-size:20px;
}
main.login-sns .sns-login button img {
    width: auto;
    height: 30px;
    margin-top: -8px;
    margin-right: 5px;
}
main.login-sns .login-box ul.id-pw-search {margin-top:40px;}
main.login-sns .login-box ul.id-pw-search li {
    display: inline-block;
}
main.login-sns .login-box ul.id-pw-search li a {
    font-size:18px;
    font-weight: 400;
    color:#484a4e;
}
main.login-sns .login-box ul.id-pw-search li a:after {
    display: inline-block;
    content: "|";
    padding: 0 20px;
}
main.login-sns .login-box ul.id-pw-search li:last-child a:after {
    display: none;
}
/* sns 로그인 끝 */


.search .search-word, .mypage .mypage-pop {
    position: absolute;
    background: #fff;
    z-index: 10;
    box-shadow: 0 0 9px 0 rgba(63,63,63,0.2);
}
.search .search-word {
    display: none;
    top:38px;
    left: 0;
    width: 100%;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
.search-word.on {display: inline-block;}
.search-word ul {margin-bottom: 0;}
.search-word h6, .search-word li {
    font-size:11px;
    text-align: left;
    padding:7px 20px;
    margin-bottom: 0;
}
.search-word li:hover {
    background: #e3edd5;
    cursor: pointer;
}
.search-word h6 {
    padding-bottom: 10px;
    color: #898989;
}
.mypage {position: relative;}
.mypage .photo-box {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}
.artist .box .profile img, .brand-profile .brand-photo img, .brand-right .brand-ad-list .product-img img {
    width: 100%;
    height: auto;
}

.mypage .mypage-pop {
    top:50px;
    right: 0;
    width:160px;
    padding: 10px 0;
    border-radius: 5px;
}
.mypage .mypage-pop:before {
    position: absolute;
    top:-14px;
    right: 15px;
    display: block;
    width: 11px;
    height: 14px;
    content: '';
    background: url('../images/pop-box-arrow.png') no-repeat;
}
.mypage .mypage-pop li {
    font-size: 13px;
    text-align: center;
    padding-top:10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.mypage .mypage-pop li:hover, .mypage .mypage-pop li.select, .btn-array li:hover {
    background: #e3edd5;
    color: #6dac4f;
    font-weight: bold;
}
.search-my a.join, .search-my a.login {
    font-size: 15px;
    padding: 10px;
    color: #fff;
}
main {
    background: #f2f2f2;
    width: 100%;
    min-height: 92vh;
    padding: 10px 0;
}


button.ad-register {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 110px;
    height : 110px;
    border-radius: 50%;
    background: #ff961c;
    color:#fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.2);
    z-index: 9;
}

main .container.filter {
    padding-top:10px;
    padding-bottom: 10px;
}

button.btn-filter, .select-channel {
    position: relative;
    height: 35px;
    padding: 8px 10px 9px;
    font-size: 14px;
    line-height: 1;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    vertical-align: middle;
    font-weight: 600;
}

button.btn-filter {
    background: #6dac4f;
    color: #fff;
}
.select-channel {
    border-color: #828282;
    color: #828282;
}
.select-channel.on {
    border-width: 2px;
    border-color: #6dac4f;
    padding: 7px 9px 8px;
    color: #6dac4f;
}




button.btn-filter img, button.btn-keyword, .filter-after button.filter-reset img {margin-right: 5px;}
.filter button {
    font-weight: bold;
    text-align: center;
}

.filter-popup {
    display: none;
    position: absolute;
    top:124px;
    left: 10px;
    width:720px;
    padding-top:30px;
    background: #fff;
    z-index: 30;
}
.filter-popup h4 {
    width: 660px;
    margin: 0 auto 25px;
    font-size: 22px;
    font-weight: 500;
    color: #4b4b4b;
}
.product-img img.product_img {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom : 0px;
    right : 0px;
    max-width: 100%;
    margin: auto;
}
.mypage-payment-list .product-img {
    float: left;
    width: 20%;
    height: 65px;
    position: relative;
    overflow: hidden;
}
.popupSubWrap .keyword, .popupSubWrap .follower{
    margin-bottom: 30px
}
.filter-popup.pop-select {display: block;}
.filter-popup > div.keyword {margin-bottom: 5px;}
.filter-popup .btn-filter-close {
    position: absolute;
    top:16px;
    right:9px;
}
.filter-popup h5 {
    display: inline-block;
    font-size:20px;
    font-weight: 500;
}
.filter-popup button.btn-keyword {
    padding: 3px 12px 4px 10px;
    border-radius: 20px;
    font-size:13px;
    vertical-align: text-bottom;
    background: #e1eedb;
}
.filter-popup button.btn-keyword.off {
    background: #e4e4e4;
}
.filter-popup > div ul {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
.filter-popup > div li:nth-child(5n) {margin-right: 0;}
.filter-popup li.select button, .filter-popup li:hover button {
    position: relative;
    background: #e1eedb;
    border-color: #e1eedb;
}
.filter-popup li.select button:before, main.register .out-box .category-select button:before  {
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    content: '';
    width: 21px;
    height: 21px;
    background: url('../images/ic-cancle.png') no-repeat;
    z-index: 30;

}
.filter-popup .follower input {
    width: 208px;
    padding: 7px 10px;
    border:1px solid #c1c1c1;
}
.filter-popup .pick-star li button {
    width: 658px;
    padding-top: 9px;
    padding-bottom: 8px;
    font-size:16px;
    font-weight: bold;
    border : 1px solid #ddd;
}
.filter-popup button.filter-apply {
    width: 100%;
    padding: 17px 0 20px;
    margin-top:30px;
    background: #517e3c;
    font-size:22px;
    color: #fff;
    line-height: 1;
}

.filter-after {margin-top:10px;}
.filter-after button, .filter-after ul, .filter-after li {
    display: inline-block;
    margin-bottom: 0;
}
.filter-after button.filter-reset {
    margin-right: 10px;
    padding: 3px 10px;
    background: #d1d1d1;
    font-size:12px;
    border-radius: 20px;
}
.filter-after li {
    margin-right: 10px;
    font-size:13px;
}
.filter-after li button.filter-cancel {
    width: 10px;
    height: 10px;
    background: url('../images/ic-cancel2.png') no-repeat;
}

.btn-array {
    position: relative;
    float: right;
    width: 140px;
    text-align: center;
}
.btn-array h6 {
    font-size: 16px;
    font-weight: 300;
}
.btn-array h6 span {
    margin-right: 5px;
}
.btn-array h6 img {
    vertical-align: bottom;
}
.btn-array ul {
    position: absolute;
    width: 140px;
    padding: 10px 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
    z-index: 30;
}
.btn-array button {
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 300;
}
.artist, .brand {
    display: inline-block;
    float: left;
    width : 260px;
    padding: 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;}
.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 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 150px;
    height: 50px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.artist.no-post .box a, .artist.closed .box a {
    padding: 50px 10px 40px;
    background: #f0f0f0;
    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 .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;
}
.artist button.btn-like, .artist button.btn-like-off, .brand button.btn-like, .brand button.btn-like-off {
    position: absolute;
    top:20px;
    right: 14px;
    width: 24px;
    height: 22px;
    padding: 0;
    border-radius: 0;
    background-repeat: no-repeat;
}
.artist button.btn-like, .brand button.btn-like {background: url('../images/ic-like.png') no-repeat;}
.artist button.btn-like-off, .brand button.btn-like-off {background: url('../images/ic-like-off.png') no-repeat;}




.artist button.btn-instagram, .artist button.btn-youtube, .brand button.btn-instagram, .brand button.btn-youtube {
    position: absolute;
    top:19px;
    right: 14px;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: 24px;
}
.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');}
.brand button.btn-instagram, .brand button.btn-youtube { cursor:default }

.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:15px;
    font-weight: bold;
}
.artist .box li span, main.deposit-payment .artist .box li span {
    display: block;
    width: 100%;
    padding: 0;
    font-size:13px;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 500;
}
.artist button.btn-pick, .brand button.btn-pick  {
    padding-top: 12px;
    padding-bottom: 13px;
    background: #6dac4f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.04em;
}
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 .add-category {
    left: 10px;
    padding: 1px 8px;
    border:1px solid #ff961c;
    border-radius: 5px;
    font-size:18px;
    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 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 150px;
    height: 50px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}



.brand .box > div {
    border-bottom:1px solid #dbdbdb;
}
.brand .box .brand-name {
    width: 175px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
}
.brand .box .product-name {
    width: 205px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 18px;
}
.brand .box ul.finish li {color: #b5b5b5;}
.brand .box ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.brand .box li {
    display: inline-block;
    min-width: 28%;
    max-width: 47%;
    font-size:18px;
    font-weight: 300;
}
.brand .box ul.magam li {
    color: #b5b5b5;
}
.brand .box ul.magam li img {
    opacity: 0.5;
}
.brand .box ul.an-magam p {
    color: #f000d7;
    font-size:18px;
    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;}



/* 브랜드 main : 광고 detail pop */
.real-popup-wrapper .brand-detail-pop {
    position: absolute;
    left: 0;
    right: 0;
    width: 760px;
    margin: 50px auto;
    padding-top: 30px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.brand-detail-pop > ul, main.ad-detail-artist .ad-detail-contents > ul {
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px 10px;
    border-bottom: 1px solid #d6d6d6;

}
.brand-detail-pop > ul:nth-child(4), main.ad-detail-artist .ad-detail-contents > ul.border-none {
    border-bottom: none;
}
.brand-detail-pop .brand-ad-info li,  main.ad-detail-artist .ad-info li, main.ad-detail-artist .ad-link li {
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
}

.brand-detail-pop .brand-photo2, main.ad-detail-artist .brand-photo2 {
    width: 110px;
    height: 110px;
    margin: 0 auto 10px;
    border-radius: 55px;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
}
.brand-detail-pop .brand-photo2 img, main.ad-detail-artist .brand-photo2 img {
    width: 100%;
    height: auto;
}
.brand-detail-pop li, main.ad-detail-artist li {
    font-size:20px;
    font-weight: 400;
}
.brand-detail-pop li h4, main.ad-detail-artist li h4 {font-weight: 500;}
.brand-detail-pop .brand-ad-info h4, main.ad-detail-artist .ad-info h4 {margin-bottom: 0;}
.brand-detail-pop li div.brand-name h4, main.ad-detail-artist li div.brand-name h4 {
    display:inline-block;
    height:38px;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align : middle;
    word-wrap:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.brand-detail-pop li div.brand-name button.btn-bookmark, main.ad-detail-artist li div.brand-name button.btn-bookmark {
    display: inline-block;
    width: 24px;
    height: 22px;
    margin-top: 0;
    margin-left: 5px;
    padding: 0;
    background: url('../images/ic-like-off.png') no-repeat;
    vertical-align: middle;
}
.brand-detail-pop li div.brand-name button.btn-bookmark.add-on, main.ad-detail-artist li div.brand-name button.btn-bookmark.add-on {background: url('../images/ic-like.png') no-repeat; vertical-align:middle;}



.brand-detail-pop li div.brand-name button.btn-instagram, main.ad-detail-artist li div.brand-name button.btn-instagram, .brand-detail-pop li div.brand-name button.btn-youtube, main.ad-detail-artist li div.brand-name button.btn-youtube {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-left: 5px;
    padding: 0;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 24px;
}
.brand-detail-pop li div.brand-name button {
    background: none;
}
.brand-detail-pop li div.brand-name button.btn-instagram, main.ad-detail-artist li div.brand-name button.btn-instagram {background-image: url('../images/ico-instagram.png');}
.brand-detail-pop li div.brand-name button.btn-youtube, main.ad-detail-artist li div.brand-name button.btn-youtube {background-image: url('../images/ico-youtube.png');}





.brand-detail-pop .brand-ad-info h4, main.ad-detail-artist .ad-info h4 {margin-bottom: 0;}
.brand-detail-pop .brand-ad-info li:nth-child(2) h5, main.ad-detail-artist .ad-info li:nth-child(2) h5 {
    width: 80%;
    margin: 0 auto 35px;
    text-align: left;
}
.brand-detail-pop .brand-ad-info li:nth-child(2) h5:nth-child(2), main.ad-detail-artist .ad-info li:nth-child(2) h5:nth-child(2) {margin-bottom: 0;}
.brand-detail-pop .brand-ad-info .ad-category, main.ad-detail-artist .ad-info .ad-category {color:#6dac4f;}
.brand-detail-pop li h5, .brand-detail-pop li a, main.ad-detail-artist li h5, main.ad-detail-artist li a {
    font-weight: 300;
    font-size: 20px;
}
.brand-detail-pop li h5 span, main.ad-detail-artist li h5 span {
    display: block;
    color: #ed0091;
}
.brand-detail-pop li a, main.ad-detail-artist li a {
    color: #0000f1;
    font-weight: 400;
}
.brand-detail-pop li a.btn-download, main.ad-detail-artist li a.btn-download, .brand-detail-pop ul.brand-ad-link .btn-brand-homepage, .brand-detail-pop ul.brand-ad-link .btn-brand-video, main.ad-detail-artist li a.btn-brand-homepage, main.ad-detail-artist li a.btn-brand-video {
    display: block;
    width: 250px;
    margin: 0 auto 10px;
    padding: 15px 0;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}
.brand-detail-pop li a.btn-download, main.ad-detail-artist li 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, main.ad-detail-artist li a.btn-brand-homepage, main.ad-detail-artist li a.btn-brand-video {background: #6dac4f;}

.brand-detail-pop .brand-ad-intro li h4, .brand-detail-pop .brand-ad-essential li h4, main.ad-detail-artist .ad-intro li h4, main.ad-detail-artist .ad-essential li h4 {
    display: inline-block;
    width: 218px;
    vertical-align: top;
    text-align: left;
}
.brand-detail-pop .brand-ad-intro li p, .brand-detail-pop .brand-ad-essential li p, main.ad-detail-artist .ad-intro li p, main.ad-detail-artist .ad-essential li p {
    display: inline-block;
    width: 435px;
    vertical-align: top;
    text-align: left;
}
.brand-detail-pop .brand-ad-link h5, main.ad-detail-artist .ad-link h5 {margin-bottom: 0;}
.brand-detail-pop .brand-ad-intro > li, .brand-detail-pop .brand-ad-essential > li, main.ad-detail-artist .ad-intro > li, main.ad-detail-artist .ad-essential > li {
    margin-bottom: 20px;
}
.brand-detail-pop .brand-ad-intro > li:last-child, .brand-detail-pop .brand-ad-essential > li:last-child, main.ad-detail-artist .ad-intro > li:last-child, main.ad-detail-artist .ad-essential > li:last-child {
    margin-bottom: 0;
}
.brand-detail-pop .brand-ad-essential .ad-point:after, main.ad-detail-artist .ad-essential .ad-point:after {
    display: block;
    content: '';
    clear:both;
}
.brand-detail-pop .brand-ad-essential .ad-point h4, main.ad-detail-artist .ad-essential .ad-point h4, .brand-detail-pop .brand-ad-essential .product-ad-photo h4 {
    display: block;
    width: 100%;
}
.brand-detail-pop .brand-ad-essential .product-photo, main.ad-detail-artist .ad-essential .product-photo {
    float: left;
    width: 150px;
    height: 175px;
    margin-right: 25px;
    border-radius: 5px;
}
.brand-detail-pop .brand-ad-essential .ad-point h5, main.ad-detail-artist .ad-essential .ad-point h5 {
    font-weight: 400;
    margin-bottom: 15px;
    text-align: left
}
.brand-detail-pop .brand-ad-essential .ad-point li, main.ad-detail-artist .ad-essential .ad-point li {
    margin-bottom: 5px;
    text-align: left
}
.brand-detail-pop .brand-ad-essential .product-ad-photo:after, main.ad-detail-artist .ad-essential .product-ad-photo:after {
    display: block;
    content: '';
    clear: both;
}
.brand-detail-pop .brand-ad-essential .product-ad-photo, main.ad-detail-artist .ad-essential .product-ad-photo {
    text-align: left;
}
.brand-detail-pop .brand-ad-essential .product-ad-photo li{
    display: inline-block;
    width: 150px;
    height: 160px;
    border-radius: 5px;
}
main.ad-detail-artist .ad-essential .product-ad-photo li {
    display: inline-block;
    width: 150px;
    height: 160px;
    border-radius: 5px;
}
.brand-detail-pop .brand-ad-essential .product-ad-photo li:last-child, main.ad-detail-artist .ad-essential .product-ad-photo li:last-child {margin-right: 0;}

.brand-detail-pop button, main.ad-detail-artist button, .mypage-right .ad-detail-modify button {
    width: 100%;
    padding: 23px 0;
    margin-top: 30px;
    background: #6dac4f;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
}


main.ad-detail-artist, main.ad-detail-artist * {box-sizing: border-box;}
main.ad-detail-artist .container {
    width: 760px;
    margin: auto;
}

main.ad-detail-artist ul.tab {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 5px;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.1);
}
main.ad-detail-artist ul.tab:after {
    display: block;
    content: '';
    clear: both;
}
main.ad-detail-artist ul.tab li {
    float: left;
    display: inline-block;
    border-right: 1px solid #d4d4d4;
}
main.ad-detail-artist ul.tab li:last-child {border-right: none;}
main.ad-detail-artist ul.tab li a {
    display: block;
    width: 130px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 300;
    background: #fff;
    text-align: center;
    color: #4b4b4b;
}
main.ad-detail-artist ul.tab li:first-child a {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
main.ad-detail-artist ul.tab li:last-child a {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
main.ad-detail-artist ul.tab li.select a, main.ad-detail-artist ul.tab li a:hover {
    background: #e1eedb;
    text-decoration: none;
    color: #4b4b4b;
}
main.ad-detail-artist .ad-category-title {
    width: 760px;
    margin: 10px auto 5px;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.1);
}
main.ad-detail-artist .ad-category-title h4 {
    display: inline-block;
    width: 49.5%;
    padding: 20px 30px 15px;
}
main.ad-detail-artist .ad-category-title h4:nth-child(2) {
    text-align:right;
    color: #6dac4f;
}
main.ad-detail-artist .ad-detail-contents, main.ad-detail-artist .ad-detail-modify {
    width: 760px;
    margin: 0 auto;
    background: #fff;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.1);
}
main.ad-detail-artist .brand-main-product .main-product-img {
    display: inline-block;
    width: 245px;
}
main.ad-detail-artist .brand-main-product .main-product-img img {
    width: 100%;
    height: auto;
}


main.ad-detail-artist button.set1-1, main.ad-detail-artist button.set1-2, main.ad-detail-artist button.set1-3 {
    width: 33.33%;
    font-size:24px;
    font-weight: 500;
    color: #4b4b4b;
}
main.ad-detail-artist button.set1-1 {
    color: #fff;
    background: #6dac4f;
}
main.ad-detail-artist button.set1-2 {background: #d6d6d6;}
main.ad-detail-artist button.set1-3 {background: #e1eedb;}

main.ad-detail-artist button.btn-ad-modify {
    float: right;
    width: 105px;
    padding: 12px 0 11px;
    margin: 15px;
    border-radius: 5px;
    background: #6dac4f;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

main.ad-detail-artist .ad-detail-contents > h4 {
    display: block;
    padding: 30px 0 10px;
    margin: 0 30px 20px;
    color: #6dac4f;
    border-bottom: 1px solid #d6d6d6;
}

main.ad-detail-artist .mb50 {margin-bottom: 50px;}


/* 광고등록 공통 */
main.ad-detail-artist .ad-detail-modify > li, .mypage-register .ad-detail-modify > li {
    font-size: 20px;
    font-weight: normal;
}
main.ad-detail-artist .ad-detail-modify .ad-expenses2 h4,
main.ad-detail-artist .ad-detail-modify li h4, .mypage-register .ad-detail-modify li h4 {
    display: inline-block;
    width: 230px;
    font-size: 22px;
    font-weight: normal;
    vertical-align: top;
}
main.ad-detail-artist .ad-detail-modify li > div, .mypage-register .ad-detail-modify li > div {vertical-align: top;}
main.ad-detail-artist .ad-detail-modify h4.full-width, .mypage-register .ad-detail-modify h4.full-width {width: 100%;}
main.ad-detail-artist .ad-detail-modify h4 span, .mypage-register .ad-detail-modify h4 span {
    font-size: 20px;
    font-weight: 300;
    color: #ff199b;
}
main.ad-detail-artist .ad-detail-modify h4 span.title-explain, .mypage-register .ad-detail-modify h4 span.title-explain {
    font-size: 14px;
    font-weight: normal;
    color: #ed0000;
}
main.ad-detail-artist .ad-detail-modify ul, main.ad-detail-artist .ad-detail-modify ul li,
main.ad-detail-artist .ad-detail-modify li > div,
.mypage-register .ad-detail-modify ul,
.mypage-register .ad-detail-modify ul li, .mypage-register .ad-detail-modify li div {display: inline-block;}
main.ad-detail-artist .ad-detail-modify .category-choice, main.ad-detail-artist .ad-detail-modify .channel-choice, .mypage-register .ad-detail-modify .category-choice, .mypage-register .ad-detail-modify .channel-choice {position: relative}
main.ad-detail-artist .ad-detail-modify .category-choice input, main.ad-detail-artist .ad-detail-modify .channel-choice input, .mypage-register .ad-detail-modify .category-choice input, .mypage-register .ad-detail-modify .channel-choice input {
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    opacity: 0;
}
main.ad-detail-artist .ad-detail-modify .category-choice label, main.ad-detail-artist .ad-detail-modify .channel-choice label, .mypage-register .ad-detail-modify .category-choice label, .mypage-register .ad-detail-modify .channel-choice label {
    padding-left: 25px;
    margin-right: 10px;
    background: url(../images/modify-radio-off.png) no-repeat 0 5px;
}
main.ad-detail-artist .ad-detail-modify label span, .mypage-register .ad-detail-modify label span {font-size:16px;}
main.ad-detail-artist .ad-detail-modify .category-choice input:checked + label, main.ad-detail-artist .ad-detail-modify .channel-choice input:checked + label, .mypage-register .ad-detail-modify .category-choice input:checked + label, .mypage-register .ad-detail-modify .channel-choice input:checked + label {background: url(../images/modify-radio-on.png) no-repeat 0 5px;}
main.ad-detail-artist .ad-detail-modify li label, .mypage-register .ad-detail-modify li label {margin-bottom: 0;}
main.ad-detail-artist .ad-detail-modify .category-button button, .mypage-register .ad-detail-modify .category-button button {
    float: left;
    padding: 13px 0;
    margin: 0 8px 10px 0;
    font-size: 15px;
    font-weight: 400;
    color: #4b4b4b;
    background: #fff;
    border:1px solid #c1c1c1;
}
.category-choice input[disabled="disabled"] + label { color: #999 }
.channel-choice input[disabled="disabled"] + label { color: #999 }
main.ad-detail-artist .ad-detail-modify .category-button .select button, main.ad-detail-artist .ad-detail-modify .category-button li:hover button, .mypage-register .ad-detail-modify .category-button .select button, .mypage-register .ad-detail-modify .category-button li:hover button {
    font-weight: 500;
    background: #e1eedb;
    border-color:  #e1eedb;
}
main.ad-detail-artist .ad-detail-modify input, .mypage-register .ad-detail-modify input {
    padding: 11px 0 10px;
    border-radius: 5px;
    border:1px solid #c1c1c1;
    font-size: 18px;
}
main.ad-detail-artist .ad-detail-modify .ad-expenses p, main.ad-detail-artist .ad-detail-modify .ad-expenses2 p, main.ad-detail-artist .ad-detail-modify .ad-expenses3 p, .mypage-register .ad-detail-modify .ad-expenses p, .mypage-register .ad-detail-modify .ad-expenses2 p, .mypage-register .ad-detail-modify .ad-expenses3 p {
    font-size: 16px;
    font-weight: 300;
}
main.ad-detail-artist .ad-detail-modify .ad-expenses p span, main.ad-detail-artist .ad-detail-modify .ad-expenses2 p, main.ad-detail-artist .ad-detail-modify .ad-expenses3 p, .mypage-register .ad-detail-modify .ad-expenses span, .mypage-register .ad-detail-modify .ad-expenses2 p, .mypage-register .ad-detail-modify .ad-expenses3 p {color: #000fd2;}
/* main.ad-detail-artist .ad-detail-modify .ad-expenses2 h4, */
.mypage-register .ad-detail-modify .ad-expenses2 h4 {width:100px;}
main.ad-detail-artist .ad-detail-modify .hash-tag div, main.ad-detail-artist .ad-detail-modify .hash-tag input, main.ad-detail-artist .ad-detail-modify .product-intro li input, main.ad-detail-artist .ad-detail-modify .product-intro textarea, .mypage-register .ad-detail-modify .ad-expenses3 input, .mypage-register .ad-detail-modify .artist-choice input, .mypage-register .ad-detail-modify .hash-tag div, .mypage-register .ad-detail-modify .hash-tag input, .mypage-register .ad-detail-modify .product-intro li input, .mypage-register .ad-detail-modify .product-intro textarea {width: 100%;}

main.ad-detail-artist .ad-detail-modify .company-result textarea, .mypage-register .ad-detail-modify .company-result textarea {
    width: 100%;
    border-radius: 5px;
}
main.ad-detail-artist .ad-detail-modify .main-product-intro button.ad-file, .mypage-register .ad-detail-modify .main-product-intro button.ad-file {
    width: 80px;
    padding: 10px 0;
    margin: 0 0 0 5px;
    font-size: 20px;
    border-radius: 5px;
}
main.ad-detail-artist .ad-detail-modify .main-product-intro p, .mypage-register .ad-detail-modify .main-product-intro p {
    position: relative;
    font-size: 18px;
    color: #6dac4f;
}
main.ad-detail-artist .ad-detail-modify .main-product-intro p span, .mypage-register .ad-detail-modify .main-product-intro p span {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 0;
}
main.ad-detail-artist .ad-detail-modify .piikle-manager h4, .mypage-register .ad-detail-modify .piikle-manager h4 {color: #6dac4f;}
main.ad-detail-artist .ad-detail-modify .piikle-manager h4 span, .mypage-register .ad-detail-modify .piikle-manager h4 span {
    display: block;
    color: #4b4b4b;
    font-size: 16px;
}
main.ad-detail-artist .ad-detail-modify .piikle-manager p, .mypage-register .ad-detail-modify .piikle-manager p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}
main.ad-detail-artist .ad-detail-modify .piikle-manager p span, .mypage-register .ad-detail-modify .piikle-manager p span {
    display: block;
    font-size: 17px;
    color: #6dac4f;
}
main.ad-detail-artist .ad-detail-modify .img-upload li button, main.ad-detail-artist .ad-detail-modify .product-intro li:first-child button, .mypage-register .ad-detail-modify .img-upload li button, .mypage-register .ad-detail-modify .product-intro li:first-child button {
    border-radius: 5px;
    margin-top: 0;
}
main.ad-detail-artist .ad-detail-modify .product-intro li, .mypage-register .ad-detail-modify .product-intro li {vertical-align: top;}
main.ad-detail-artist .ad-detail-modify .product-intro textarea, .mypage-register .ad-detail-modify .product-intro textarea {
    height: 92px;
    margin-top:10px;
    border-radius: 5px;
}
main.ad-detail-artist .ad-detail-modify select, .mypage-register .ad-detail-modify select {
    padding: 8px 0 8px 5px;
    border-radius: 5px;
}
main.ad-detail-artist .ad-detail-modify .model-career li, main.ad-detail-artist .ad-detail-modify .piikle-manager li, main.ad-detail-artist .ad-detail-modify .ad-expenses2 li, .mypage-register .ad-detail-modify .model-career li, .mypage-register .ad-detail-modify .piikle-manager li, .mypage-register .ad-detail-modify .ad-expenses2 li {position: relative;}
main.ad-detail-artist .ad-detail-modify .model-career input, main.ad-detail-artist .ad-detail-modify .piikle-manager input, main.ad-detail-artist .ad-detail-modify .ad-expenses2 input.btn-radio, .mypage-register .ad-detail-modify .model-career input, .mypage-register .ad-detail-modify .piikle-manager input, .mypage-register .ad-detail-modify .ad-expenses2 input {
    position: absolute;
    top: 5px;
    width: 33px;
    height: 32px;
    opacity: 0;
}
main.ad-detail-artist .ad-detail-modify .model-career label, main.ad-detail-artist .ad-detail-modify  .piikle-manager label, main.ad-detail-artist .ad-detail-modify .ad-expenses2 label, .mypage-register .ad-detail-modify .model-career label, .mypage-register .ad-detail-modify .piikle-manager label, .mypage-register .ad-detail-modify .ad-expenses2 label {
    padding-top:7px;
    padding-left: 38px;
    margin-right: 10px;
    background: url(../images/modify-check-off.png) no-repeat 0 5px;
}
main.ad-detail-artist .ad-detail-modify .model-career input:checked + label, main.ad-detail-artist .ad-detail-modify  .piikle-manager input:checked + label, main.ad-detail-artist .ad-detail-modify .ad-expenses2 input:checked + label, .mypage-register .ad-detail-modify .model-career input:checked + label, .mypage-register .ad-detail-modify .piikle-manager input:checked + label, .mypage-register .ad-detail-modify .ad-expenses2 input:checked + label {
    background: url(../images/modify-check-on.png) no-repeat 0 5px;
}
main.ad-detail-artist .ad-detail-modify .ad-expenses2 .direct-input, .mypage-register .ad-detail-modify .ad-expenses2 .direct-input {
    margin-left: 10px;
    margin-top: -10px;
}
main.ad-detail-artist .ad-detail-modify .bottom-btn, .mypage-register .ad-detail-modify .bottom-btn {margin:0;}
main.ad-detail-artist .ad-detail-modify .bottom-btn:after, .mypage-register .ad-detail-modify .bottom-btn:after {
    display: block;
    content: '';
    clear: both;
}
main.ad-detail-artist .ad-detail-modify .bottom-btn button, .mypage-register .ad-detail-modify .bottom-btn button {
    display: inline-block;
    float: left;
    width: 50%;
}
main.ad-detail-artist .ad-detail-modify .bottom-btn button.cancel, .mypage-register .ad-detail-modify .bottom-btn button.cancel {
    background: #c4c4c4;
    color: #4b4b4b;
}



/* 광고등록 상세보기 */
main.ad-detail-artist .ad-detail-modify {
    margin-bottom: 50px;
    padding-top: 50px;
}
main.ad-detail-artist .ad-detail-modify > li, main.ad-detail-artist .ad-detail-modify > div {margin: 0 50px 30px;}
main.ad-detail-artist .ad-detail-modify > div > li { margin-bottom: 30px }
main.ad-detail-artist .ad-detail-modify .category-button button {width: 120px;}
main.ad-detail-artist .ad-detail-modify .time-limit input, main.ad-detail-artist .ad-detail-modify .ad-term input {width: 150px;}
main.ad-detail-artist .ad-detail-modify .ad-expenses input {width: 100px;}
main.ad-detail-artist .ad-detail-modify .ad-expenses input:last-child {width: 170px;}
main.ad-detail-artist .ad-detail-modify select, main.ad-detail-artist .ad-detail-modify input {width: 320px;}
main.ad-detail-artist .ad-detail-modify .product-intro li:nth-child(2), main.ad-detail-artist .ad-detail-modify .product-intro li:nth-child(3) {width: 498px;}
main.ad-detail-artist .ad-detail-modify .ad-expenses2 ul {width: 555px;}
main.ad-detail-artist .ad-detail-modify .main-product-intro input {width: 335px;}
main.ad-detail-artist .ad-detail-modify .ad-expenses3 input,
main.ad-detail-artist .ad-detail-modify .artist-choice input {width: 320px;}

/* 마이페이지 광고등록 */
.mypage-register {
    position: relative;
    width: 100%;
    padding-top: 50px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.1);
    overflow: hidden;
}
.mypage-register > h4 {
    padding: 0 50px;
    margin-bottom: 50px;
}
.mypage-register button.transient-storage {
    position: absolute;
    top: 45px;
    right: 50px;
    width: 110px;
    padding: 10px 0;
    text-align: center;
    background: #6dac4f;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
}
.mypage-register .ad-detail-modify {margin-bottom: 0;}
.mypage-register .ad-detail-modify > li {
    margin-bottom: 30px;
    padding: 0 50px;
}
.mypage-register .ad-detail-modify > li.bottom-btn {padding: 0;}
.mypage-register .ad-detail-modify .category-button button {width: 140px;}
.mypage-register .ad-detail-modify li > div {width: 375px;}
.mypage-register .ad-detail-modify .time-limit input, .mypage-register .ad-detail-modify .ad-term input {width: 130px;}
.mypage-register .ad-detail-modify .ad-expenses input {width: 90px;}
.mypage-register .ad-detail-modify .ad-expenses input:last-child {width: 150px;}
.mypage-register .ad-detail-modify select, .mypage-register  .ad-detail-modify .product-name input {width: 280px;}
.mypage-register .ad-detail-modify .product-intro li:nth-child(2), .mypage-register  .ad-detail-modify .product-intro li:nth-child(3) {width: 459px;}
.mypage-register .ad-detail-modify .product-intro li:first-child, .mypage-register .ad-detail-modify .img-upload li {width: 143px !important;}
.mypage-register .ad-detail-modify .ad-expenses2 ul {width: 505px;}
.mypage-register .ad-detail-modify .main-product-intro input {width: 285px;}



main.ad-detail-artist .list-progress > li {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
}
main.ad-detail-artist .list-progress > li:after {
    display: block;
    content: '';
    clear: both;
}

@media (min-width: 0px) and (max-width: 519px) {
    .artist, .brand {
        width : 100%;
        padding: 3px;
    }
    .nav {
        margin-left:10px;
        position: static;
        float:left;
        width : initial;
        margin : initial;
    }
}

@media (min-width: 520px) and (max-width: 779px) {
    .artist-list, .brand-list{
        width: 520px;
    }
    .nav {
        margin-left:10px;
        position: static;
        float:left;
        width : initial;
        margin : initial;
    }
}

@media (min-width: 780px) and (max-width: 1039px) {
    .artist-list, .brand-list {
        width: 780px;
    }
    .nav {
        margin-left:10px;
        position: static;
        float:left;
        width : initial;
        margin : initial;
    }
}

@media (min-width: 1040px) and (max-width: 1299px) {
    .artist-list, .brand-list {
        width: 1040px;
    }
}

@media (min-width: 1300px) and (max-width: 1559px) {
    .artist-list, .brand-list {
        width: 1300px;
    }
}

@media (min-width: 1560px) and (max-width: 1819px) {
    .artist-list, .brand-list {
        width: 1560px;
    }
}

@media (min-width: 1820px) and (max-width: 2079px) {
    .artist-list, .brand-list {
        width: 1820px;
    }
}

@media (min-width: 2080px) and (max-width: 2339px) {
    .artist-list, .brand-list {
        width: 2080px;
    }
}

@media (min-width: 2340px) and (max-width: 2599px) {
    .artist-list, .brand-list {
        width: 2340px;
    }
}

@media (min-width: 2600px) and (max-width: 2859px) {
    .artist-list, .brand-list {
        width: 2600px;
    }
}

@media (min-width: 2860px) and (max-width: 3119px) {
    .artist-list, .brand-list {
        width: 2860px;
    }
}

@media (min-width: 3120px) and (max-width: 3379px) {
    .artist-list, .brand-list {
        width: 3120px;
    }
}

@media (min-width: 3380px) and (max-width: 3639px) {
    .artist-list, .brand-list {
        width: 3380px;
    }
}

@media (min-width: 3640px) and (max-width: 3899px) {
    .artist-list, .brand-list {
        width: 3640px;
    }
}

@media (min-width: 3900px) and (max-width: 4159px) {
    .artist-list, .brand-list {
        width: 3900px;
    }
}

@media (min-width: 4160px) and (max-width: 4419px) {
    .artist-list, .brand-list {
        width: 4160px;
    }
}


/* 마이페이지 */
.mypage-left {
    float: left;
    width: 33.33%;
    min-width: 260px;
    margin-top:10px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
.mypage-left .profile-top {
    padding: 30px;
    text-align: center;
}
.mypage-left .profile-photo {
    position: relative;
    width: 110px;
    height: 110px;
    margin: auto;
}
.mypage-left .profile-photo .thumbnail {
    border-radius: 50%;
    border:1px solid #a0a0a0;
}

.mypage-left .profile-top button {
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    width: 50px;
    height: 50px;
    padding: 10px 0;
    border:3px solid #58b65d;
    border-radius: 25px;
    background: #fff;
    color: #6ba54e;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    z-index: 9;
}
.mypage-left .brand-name {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 400;
}
.mypage-left .point {
    font-size:20px;
    font-weight: 400;
}
.mypage-left .possession-brand > div {
    margin-bottom: 0;
    padding: 5px 0 1px 0;
    background: #dedede;
}
.mypage-left .possession-brand ul {
    margin-bottom: 0;
    border-bottom: 1px solid #c9c9c9;
}
.mypage-left .possession-brand ul:after {
    display: block;
    content: '';
    clear:both;
}
.mypage-left .possession-brand li {
    float: left;
    width: 33.333%;
    margin-bottom: -1px;
    padding: 15px;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}
.mypage-left .possession-brand li:nth-child(3n) {border-right-color: #fff;}

.mypage-left .possession-brand li .thumbnail {padding-top: 70%;}
.mypage-left .mypage-bottom {
    padding: 15px 0;
    margin-top:-1px;
    border-top: 1px solid #c9c9c9;
}
.mypage-left .mypage-bottom li {margin-bottom: 0;}
.mypage-left .mypage-bottom li a {
    display: block;
    padding: 10px 0;
    font-size:20px;
    font-weight: 300;
}
.mypage-left .mypage-bottom li a:hover, .mypage-left .mypage-bottom li.select a {
    color: #6dac4f;
    text-decoration: none;
}

.mypage-right {
    float: left;
    width: 66%;
    margin-top:10px;
    padding-left:20px;
    box-sizing: border-box;
}
.mypage-right .brand-list-tap {
    width: 100%;
    margin-bottom: 19px;
    text-align: center;
}
.mypage-right .brand-list-tap > a, .mypage-right .brand-list-tap ul, .mypage-right .brand-list-tap li {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.mypage-right .brand-list-tap a {
    width: 40px;
    padding: 10px 0;
}
.mypage-right .brand-list-tap a:hover {
    text-decoration: none;
    color: #4b4b4b;
}
.mypage-right .brand-list-tap > a {padding: 14px 0 7px;}
.mypage-right .brand-list-tap ul {
    border-radius: 5px;
    overflow: hidden;
}
.mypage-right .brand-list-tap li {
    float: left;
    border-right: 1px solid #c9c9c9;
    background: #fff;
}
.mypage-right .brand-list-tap li:last-child {border-right: none;}
.mypage-right .brand-list-tap li a, .mypage-right .brand-list-tap li button {
    display: block;
    width: 103px;
    height: 44px;
    padding: 10px 5px;
    font-size:16px;
}
.mypage-right .brand-list-tap li a {
    padding-top: 0;
    line-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mypage-right .brand-list-tap li button {padding: 8px 0;}
.mypage-right .brand-list-tap li a:hover, .mypage-right .brand-list-tap li button:hover, .mypage-right .brand-list-tap li.select a, .mypage-right .brand-list-tap li.select button {background: #e1eedb;}

.mypage-right .mypage-payment {
    border-radius: 5px;
    overflow: hidden;
}
.mypage-right .mypage-payment ul {margin-bottom: 2px;}
.mypage-right .mypage-payment ul:after {
    display: block;
    content: '';
    clear: both;
}
.mypage-right .mypage-payment-tab li {
    display: inline-block;
    float: left;
    width: 50%;
}
.mypage-right .mypage-payment-tab li a {
    display: block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
}
.mypage-right .mypage-payment-tab li.select a, .mypage-right .mypage-payment-tab li a:hover {
    text-decoration: none;
    background: #fff;
    color: #6dac4f;
    font-weight: 500;
}
.mypage-right .payment-list-search {
    padding: 15px;
    margin-bottom: 2px;
    background: #fff;
}
.mypage-right .payment-list-search.color {background: #E1EEDB;}
.mypage-right .payment-list-search input,
.mypage-right .payment-list-search select
{
    width: 130px;
    padding: 12px;
    margin: 5px;
    border:1px solid #c9c9c9;
    border-radius: 5px;
}
.mypage-right .payment-list-search input.search-word-input {width: 410px;}
.mypage-right .payment-list-search button {
    width: 110px;
    padding: 13px 0;
    margin-left: 5px;
    background: #6dac4f;
    border-radius: 5px;
    color: #fff;
}
.mypage-right h5.account-info {
    width: 100%;
    padding: 16px 0;
    margin-bottom: 2px;
    text-align: center;
    font-size: 20px;
    background: #fff;
}
.mypage-right .mypage-payment-list {background: #fff;}
.mypage-right .mypage-payment-list > li {
    position: relative;
    font-size:16px;
    border-bottom: 2px solid #f2f2f2;
}
.mypage-right .mypage-payment-list > li:last-child {border: none;}
.mypage-right .mypage-payment-list > li:after {
    display: block;
    content: '';
    clear: both;
}
.mypage-right .mypage-payment-list .product-img {
    float: left;
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-right: 15px;
    border-right:2px solid #f2f2f2;
    box-sizing: border-box;
}
.mypage-right .mypage-payment-list .product-information, .mypage-right .mypage-payment-list .product-information2 {
    float: left;
    width: 365px;
    padding-right: 15px;
    margin-top: 15px;
}
.mypage-right .mypage-payment-list .product-information2 {width: 270px;}
.mypage-right .mypage-payment-list h5.product-name {
    font-weight: bold;
    margin-bottom: 5px;
}
.mypage-right .mypage-payment-list h6.date {font-weight: 400;}
.mypage-right .mypage-payment-list .ad-category {
    float: left;
    display: block;
    padding: 2px 10px;
    border-radius: 50px;
    background: #6dac4f;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.mypage-right .mypage-payment-list .ad-state, .mypage-right .mypage-payment-list .ad-state3, .mypage-right .mypage-payment-list .ad-state4 {
    float: right;
    position: relative;
    display: inline-block;
    width: 200px;
    height: 130px;
    padding: 40px 0;
    text-align: center;
    border-left:2px solid #f2f2f2;
}
.mypage-right .mypage-payment-list .ad-state3, .mypage-right .mypage-payment-list .ad-state4 {padding-top: 35px;}
.mypage-right .mypage-payment-list .ad-state3.line2 {padding-top: 20px;}
.mypage-payment-list .ad-state a.btn-open, .mypage-payment-list .ad-state a.btn-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    display: block;
    margin: auto;
    width: 24px;
    height: 27px;
    padding: 5px;
}
.possession-brand a.btn-open, .possession-brand a.btn-close
{
    display: block;
    width: 24px;
    height: 27px;
    float: right;
    margin: -30px 10px 0 0;
}
.mypage-payment-list .ad-state a.btn-open, .possession-brand a.btn-open {background: url(../images/board-open.png) no-repeat center;}
.mypage-payment-list .ad-state a.btn-close, .possession-brand a.btn-close {background: url(../images/board-close.png) no-repeat center;}
.mypage-right .mypage-payment-list .ad-state h5, .mypage-right .mypage-payment-list .ad-state h6 {
    width: 100%;
    padding: 0 20px;
    text-align: left;
}
.mypage-right .mypage-payment-list .ad-state h5 {
    font-size: 15px;
    margin-bottom: 5px;
}
.mypage-right .mypage-payment-list .ad-state h6 {font-size: 13px;}
.mypage-right .mypage-payment-list .ad-state.unpaid h5 {width: 200px;}
.mypage-right .mypage-payment-list .ad-state.unpaid h5.btn-unpaid {
    color: #d80000;
    background: url('../images/btn-unpaid.png') no-repeat 112px 4px;
    background-size: 8px 16px ;
}
.mypage-right .mypage-payment-list .ad-state2 {
    float: right;
    width: 250px;
    padding-top: 25px;
}
.mypage-right .mypage-payment-list .ad-state2 span {
    display: inline-block;
    width: 80px;
    height: 80px;
    padding:25px 5px;
    margin: auto 0;
    border-radius: 40px;
    border:3px solid #6dac4f;
    text-align: center;
    color: #6dac4f;
    font-weight: 500;
}
.mypage-right .mypage-payment-list .ad-state2.worry-accept span {padding:16px 5px;}
.mypage-right .mypage-payment-list .ad-state2.refusal-complete span {
    border-color: #acacac;
    color: #acacac;
}

.mypage-right .mypage-payment-list .ad-state2 a, .mypage-right .mypage-payment-list .ad-state3 a {
    display: inline-block;
    padding: 0 23px;
    font-size: 20px;
    font-weight: 400;
    background: url('../images/arrow_right.png') no-repeat right 5px;
}
.mypage-right .mypage-payment-list .ad-state3 a {
    display: block;
    width: 120px;
}
.mypage-right .mypage-payment-list .ad-state2 a:hover, .mypage-right .mypage-payment-list .ad-state3 a:hover {
    color: #4b4b4b;
    text-decoration: none;
}
.mypage-right .mypage-payment-list .ad-state2 h5 {
    display: inline-block;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #6dac4f;
}

.mypage-right .mypage-payment-list .ad-state3 > span {
    display: block;
    width: 100%;
    padding: 0 23px 5px;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #6dac4f;
}

.mypage-right .mypage-payment-list .ad-state3 h5 {
    padding-left: 23px;
    font-size: 18px;
    text-align: left;
    font-weight: 400;
}
.mypage-right .mypage-payment-list .ad-state3 h5 span {font-weight: 500;}

.mypage-right .mypage-payment-list .ad-state4 span {
    display: block;
    width: 190px;
    padding: 0 0 5px 20px;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
}
.mypage-right .mypage-payment-list .ad-state4 a {
    display: block;
    width: 140px;
    padding-left: 20px;
    font-size: 18px;
    text-align: left;
    font-weight: 400;
    color: #d80000;
    background: url('../images/arrow_right-red.png') no-repeat right 5px;
}

.mypage-right .mypage-payment-list table {
    width: 100%;
    border-bottom: 13px solid #f2f2f2;
}
.mypage-right .mypage-payment-list table th, .mypage-right .mypage-payment-list table td {
    padding: 10px 5px;
    text-align: center;
}
.mypage-right .mypage-payment-list table thead th {
    padding: 12px 0;
    background: #e1eedb;
    font-size: 15px;
    font-weight: 400;
}
.mypage-right .mypage-payment-list table tbody td {
    font-size:14px;
    vertical-align: middle;
}
.mypage-right .mypage-payment-list table tbody tr {border-bottom:1px solid #f2f2f2;}

.mypage-right .mypage-payment-list table tr td:nth-child(2) {color: #060cfb;}
.mypage-right .mypage-payment-list table tr td.payment-standby {color: #d80000;}
.mypage-right .mypage-payment-list table tr td a {
    color: #060cfb;
    border-bottom: 1px solid #060cfb;
}
.mypage-right .mypage-payment-list table tr td a:hover {text-decoration: none;}
.mypage-right .mypage-payment-list .artist-profile-photo {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background: #f2f2f2;
    border-radius: 15px;
    vertical-align: text-top;
}
.mypage-right button.btn-more {
    width: 100%;
    padding: 8px 0 7px;
    background: #e8e8e8;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.mypage-right button.btn-more img {margin-left: 5px;}



.mypage-payment-list {margin-bottom: 0;}
.mypage-right .mypage-ad-list {
    border-radius: 5px;
    overflow: hidden;
}
.mypage-right .mypage-ad-list .ad-category-tab {
    margin-bottom: 2px;
    background: #fff;
}
.mypage-right .mypage-ad-list .ad-category-tab:after {
    display: block;
    content: '';
    clear: both;
}
.mypage-right .mypage-ad-list .ad-category-tab li {
    display: inline-block;
    float: left;
    width: 25%;
    padding: 0 2px;
}
.mypage-right .mypage-ad-list .ad-category-tab a {
    display: inline-block;
    width: 100%;
    padding: 15px 0 12px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 3px solid rgba(109, 172, 79, 0);
}
.mypage-right .mypage-ad-list .ad-category-tab a:hover, .mypage-right .mypage-ad-list .ad-category-tab .select a {
    border-bottom: 3px solid rgba(109, 172, 79, 1);
    color: #6dac4f;
    text-decoration: none;
}
.mypage-right .mypage-ad-list .ad-category-hashtag li:before {content: '#';}
.mypage-right .mypage-ad-list .ad-category-hashtag li {
    display: inline-block;
    margin-right: 5px;
}
.mypage-right .mypage-ad-list ul.ad-state {padding: 35px 0;}
.mypage-right .mypage-ad-list .ad-state li {
    display: inline-block;
    margin: 0 10px;
}
.mypage-right .mypage-ad-list .ad-state li h5, .mypage-right .mypage-ad-list .ad-state li h4 {
    width: auto;
    margin: 0;
    padding: 0;
}
.mypage-right .mypage-ad-list .ad-state li h4 span {color: #6dac4f;}
/* 2018.12.12 1개 숫자만 표시되는 경우가 있어서 주석처리 kdh
.mypage-right .mypage-ad-list .ad-state li h4 span:after {
    display: inline-block;
    content: '/';
    color: #bbb;

} */
.mypage-right .mypage-ad-list .ad-state h5 {color: #6dac4f;}
.mypage-right .mypage-ad-list .ad-state li h5 {color: #4b4b4b;}
.mypage-right .mypage-ad-list .ad-state h5 a.ico-question {
    float: none;
    position: relative;
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 3px;
    vertical-align: bottom;
    background: url("../images/ico-question.png") no-repeat center;
    cursor: pointer;

}
a.ico-question + span.ico-question-pop {
    position: absolute;
    right: 40px;
    top: -209px;
    display: none;
    width: 280px;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    z-index: 10;
    border-radius: 5px;
    font-size: 20px;
}
a.ico-question:hover + span.ico-question-pop {
    display: block;
}
.mypage-right .mypage-ad-list .ad-state > a {
    float: left;
    padding: 0 20px;
    text-align: left;
    background: url('../images/ico-btn-arrow-right.png') no-repeat right 7px;
    background-size: 7px 14px ;
    font-size: 18px;
}



.mypage-right .mypage-brand-listup table {width: 100%;}

.mypage-right .mypage-brand-listup thead th, .mypage-right .mypage-brand-listup tbody td {
    font-size:21px;
    font-weight: 300;
    text-align: center;
    border-right: 1px solid #f7f7f7;
}
.mypage-right .mypage-brand-listup thead th {
    padding: 19px 0 18px;
    color: #fff;
    background: #858585;
}
.mypage-right .mypage-brand-listup table thead th:last-child {border-right: none;}
.mypage-right .mypage-brand-listup tbody tr td {
    padding: 14px 0;
    background: #fff;
    border-bottom: 1px solid #b4b4b4;
}
.mypage-right .mypage-brand-listup td button {
    width: 70px;
    margin: 5px;
    padding: 7px 0 6px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
}
.mypage-right .mypage-brand-listup td button.btn-modify {
    background: #6ba54e;
    color: #fff;
}
.mypage-right .mypage-brand-listup td button.btn-delete {background: #c6c6c6;}
.mypage-right .mypage-brand-listup button.btn-listup {
    display: block;
    width: 250px;
    margin: 0 0 20px;
    padding: 23px 0;
    border-radius: 20px;
    color: #fff;
    font-size:24px;
    font-weight: 300;
    background: #6dac4f;
}
.mypage-right .mypage-brand-listup button.btn-listup img {margin-right: 10px;}

.mypage-right .progress-btn {padding: 32px 0 0;}
.mypage-right .progress-btn button {
    width: 90px;
    margin: 2px;
    padding: 13px 0 12px;
    font-size: 17px;
    border-radius: 5px;
    text-align: center;
}
.mypage-right .progress-btn button.btn-accept {
    background: #6dac4f;
    color: #fff;
}
.mypage-right .progress-btn button.btn-refusal {background: #c7c7c7;}
.mypage-right .progress-btn button.btn-deliberation {background: #e1eedb;}
.fontC-piikle {color: #6dac4f;}
.mypage-right .progress-btn button[disabled] {
    background: #e6e6e6;
    cursor: default;
    color: #939393;
}


/* box 공통 bg #fff, border-radius 15, align center */

.out-box, .pop-login, .popup-box, main.ad-detail .in-box, main.ad-detail .product-information, main.ad-detail .list-progress > li, .popup-bg .ad-select {
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}



.out-box  {
    width: 720px;
    border-radius: 15px;
    margin:40px auto;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.no-box  {
    margin:40px auto;
    box-sizing: border-box;
    text-align: center;
}
.no-box li {
    width: 370px;
    margin: auto;
    margin-bottom: 20px;
}
.no-box input {
    width: 300px;
    padding: 10px 15px 11px;
    border:1px solid #9f9f9f;
    border-radius: 5px;
    font-size:18px;
}
.no-box .tel-number input, .in-box .tel-number input, .sign-up.g-member > div .tel-number input, .out-box .tel-number input {
    width: 93px;
    padding: 7px 15px 8px;
    margin-right: 7px;
    font-size: 22px;
    text-align: center;
}
.sign-up.g-member > div.approval .tel-number input, .sign-up .out-box.approval .tel-number input, .sign-up .out-box.approval input#insId, .sign-up .in-box.approval input#insId {margin-bottom:20px;}
.no-box .tel-number input:nth-child(3), .in-box .tel-number input:nth-child(3), .out-box .tel-number input:nth-child(3), .sign-up.g-member > div .tel-number input:nth-child(3) {margin-right: 0;}

.no-box button {
    width: 100%;
    max-width: 300px;
    padding: 14px 0;
    margin-left: 2px;
    margin-right: 2px;
    background: #bbbbbb;
    border-radius: 5px;
    color: #fff;
    font-size: 28px;
}

.no-box .tel-number button {
    margin-top: 10px;
    padding: 15px 0;
    font-size: 20px;
}
.no-box button.complete {
    background: #6dac4f;
}



.no-box input::-webkit-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}

.no-box input::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}

.no-box input:-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}

.no-box input::input-placeholde {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}
.no-box input + span, .no-box button + span {
    display: block;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 14px;
    color: #a4a4a4;
    text-align: left;
}
.no-box button.disable + span {color: #ccc;}
.out-box input, .sign-up.g-member > div input {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #9f9f9f;
    margin-bottom: 15px;
}

.out-box label {
    font-size: 20px;
    font-weight: 500;
}
.out-box input.accept, .out-box input.accept2, .out-box input:focus, .sign-up.g-member > div input.accept2 {
    border-color:#49cc5d;
}
.out-box input.accept {background: url(../images/ico-accept.png) no-repeat 493px 22px;}
.out-box input.accept2, .out-box input.turn-down2, .out-box input:focus, .sign-up.g-member > div input.accept2 {
    border-width: 2px;
    padding: 18px 20px;
    outline:0;
}

.out-box input.turn-down, .out-box input.turn-down2 {border-color:#d11221;}
.out-box input.turn-down {background: url(../images/ico-turn-down.png) no-repeat 496px 20px;}
.no-box input + span.input-error-msg, .no-box button + span.input-error-msg, .input-error-msg {color:#d11221;}
.out-box input::-webkit-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 16px;
}

.out-box input::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 16px;
}

.out-box input:-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 16px;
}

.out-box input::input-placeholde {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 16px;
}

.out-box button, .sign-up.g-member > div button {
    padding: 20px 80px 25px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
    background: #dbdbdb;
}
.out-box button.ok {background: #6dac4f;}

/* 회원가입 */

.sign-up .no-box {
    padding-top: 50px;
    padding-bottom: 60px;
    text-align: center;
}
.sign-up h3, .sign-up h5 {color: #565656;}
.sign-up h3 {
    font-size: 28px;
    font-weight: 500;
}
.sign-up h5 {
    font-size: 22px;
    font-weight: 400;
}

.sign-up .no-box ul {
    margin-top:47px;
    margin-bottom: 40px;
    padding: 0 90px;
}
.sign-up .agree-area li {
    position: relative;
    padding: 0 10px;
    margin-bottom: 15px;
    text-align: left;
}
.sign-up .agree-area li.all-select {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.sign-up .agree-area li input {
    position: absolute;
    top: -12px;
    bottom: 0;
    left: 10px;
    width: 25px;
    height: 25px;
    margin: auto;
    opacity: 0;
}
.sign-up .agree-area li label {
    margin-bottom: 0;
    padding-left: 35px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    background-image: url("../images/icn-check.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left;
}
.sign-up .agree-area li input:checked + label {background-image: url("../images/icn-check-on.png");}

/* 회원입입- 승인 */
.sign-up .out-box, .sign-up.g-member > div {
    margin: auto;
    width: 660px;
    padding: 100px;
}
.sign-up .out-box h4, .sign-up .out-box h5, .sign-up.g-member > div h4, .sign-up.g-member > div h5 {
    font-weight: 300;
    margin-bottom: 30px;
}
.sign-up .out-box h5, .sign-up.g-member > div h5 {font-size: 20px;}
.sign-up.g-member > div h5 a {
    font-weight: bold;
    color: blue;
    text-decoration: underline;
}
.sign-up .out-box button, .sign-up.g-member > div button, .sign-up.g-member > div button {
    min-width: 200px;
    background: #6ba54e;
    padding: 17px 40px;
    font-size: 24px;
}
.sign-up .out-box.approval input, .sign-up.g-member > div.approval input {margin-bottom: 120px;}
.sign-up .out-box.approval-code div, .sign-up.g-member > div.approval-code div {
    position: relative;
    margin-bottom: 50px;
}
.sign-up .out-box.approval-code div button, .sign-up.g-member > div.approval-code div button {
    position: absolute;
    top: 11px;
    right: 11px;
    min-width:initial;
    width: 90px;
    padding: 9px 0 8px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
}
.sign-up .out-box.approval-wait h4 {
    font-size: 26px;
    font-weight: 500;
    margin-top: 70px;
    margin-bottom: 110px;
}
/* 회원가입 - 등록회원 전환 */
.sign-up-transfer {
    padding: 60px 0;
}
.sign-up-transfer .member-category  {
    margin-top: 40px;
    margin-bottom: 70px;
}
.sign-up-transfer .member-category button {
    width: 210px;
    padding: 15px 0;
    text-align: center;
    border-radius: 30px;
    font-size: 20px;
    background: #afcba1;
    color: #fff;
    font-weight: 300;
}

.sign-up-transfer .member-category button.selected {background: #6ba54e;}
.sign-up-transfer .member-category button.disable {
    background: #e1e1e1;
    color: #ccc;
}
.sign-up-transfer .member-category span {
    width: 210px;
    margin: auto;
}

.sign-up-transfer  a.general-member {
    font-size: 22px;
    color: #2717ed;
    border-bottom: 2px solid #2717ed;
}
.sign-up-transfer  button {
    width: 290px;
    background: #9f9f9f;
}
.sign-up-transfer  button.next-step {
    background: #6ba54e;
}


/* 회원가입 확인 */
.sign-up-complete, main.quit-complete {
    position: relative;
    background: #fff;
    text-align: center;
}
.sign-up-complete > div, main.quit-complete > div {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width:720px;
    height: 490px;
    margin: auto;
}
.sign-up-complete h1, main.quit-complete h1 {
    font-size:48px;
    font-weight: bold;
    color: #6ba54e;
    margin-bottom: 20px;
}
.sign-up-complete p, main.quit-complete p {
    font-size:24px;
    font-weight: 300;
}
.sign-up-complete p span {font-weight: bold;}
.sign-up-complete p:nth-child(2) {margin-bottom: 120px;}
.sign-up-complete button, main.quit-complete button {
    width: 315px;
    margin-top:10px;
    padding: 24px 35px 28px;
    font-size:32px;
    font-weight: 400;
    color: #fff;
    background: #6dac4f;
    border-radius: 50px;
}


/* 탈퇴 확인 */
.quit-complete > div {
    width: 870px;
    height: 320px;
}
.quit-complete button {
    margin-top: 30px;
}
/* 회원가입-스타 */
.sign-artist-register {
    position: relative;
    padding: 0;
}
.sign-artist-register .no-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 400px;
    height: 224px;
    padding: 0;
    margin: auto;
}
.sign-artist-register h4 {
    font-size: 24px;
    color: #6ba54e;
    font-weight: bold;
}
.sign-artist-register h6 {
    font-size: 15px;
    color: #565656;
    font-weight: 300;
    margin-bottom: 60px;
}
.sign-artist-register button {
    width: 370px;
    max-width: none;
    padding: 28px 0;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    border-radius: 15px;
    background: linear-gradient(to top,#7823bd,#be1a7a,#d37347);
}

/* 회원가입 : 브랜드등록회원 */
.sign-up-brand h3, .sign-up-brand h5, .mypage-right .brand-modify h3, .mypage-right .brand-modify h5 {color: #565656;}
.sign-up-brand h3, .mypage-right .brand-modify h3 {
    font-size: 28px;
    font-weight: 500;
}
.sign-up-brand h5, .mypage-right .brand-modify h5 {
    font-size: 22px;
    font-weight: 400;
}

.sign-up-brand li.category-title, .mypage-right .brand-modify li.category-title {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size:24px;
    color: #b9b9b9;
    font-weight: 300;
    border-bottom: 2px solid #c2c2c2;
}
.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;
    display: inline-block;
    width: 50%;
    margin: 0;
    padding:9px 0;
    background: #fff;
    border:1px solid #9f9f9f;
    font-size: 20px;
    color: #565656;
    box-sizing: border-box;
}

.sign-up-brand li.business-class button:nth-child(1), .mypage-right .brand-modify li.business-class button:nth-child(1) {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.sign-up-brand li.business-class button:nth-child(2), .mypage-right .brand-modify li.business-class button:nth-child(2) {
    margin-left: -1px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.sign-up-brand li.business-class button.select, .sign-up-brand li.business-class button:hover, .mypage-right .brand-modify li.business-class button.select, .mypage-right .brand-modify li.business-class button:hover {
    background: #6ba54e;
    color: #fff;
    border-color: #6ba54e;
}

.sign-up-brand li.file-add input, .mypage-right .brand-modify li.file-add input {
    width: 205px;
    margin-right: 5px;
}
.sign-up-brand li.file-add button, .mypage-right .brand-modify li.file-add button {
    width: 80px;
    padding:10px 0;
    background: #6ba54e;
    color: #fff;
    font-size: 20px;
}
.sign-up-brand li.file-add span, .mypage-right .brand-modify li.file-add span {
    position: relative;
    font-size: 18px;
    color: #6dac4f;
}
.sign-up-brand li.file-add span i, .mypage-right .brand-modify li.file-add span i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(../images/ico-close.png) no-repeat center ;
}
.sign-up-brand li.file-add textarea, li.file-add textarea {margin-top: 20px;}
.sign-up-brand li textarea, .mypage-right .brand-modify li textarea {
    width: 100%;
    padding: 10px 15px;
    background: #fff;
    border:1px solid #9f9f9f;
    border-radius: 5px;
}

.sign-up-brand li textarea::-webkit-input-placeholder, .mypage-right .brand-modify li textarea::-webkit-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}

.sign-up-brand li textarea::-moz-placeholder, .mypage-right .brand-modify li textarea::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}

.sign-up-brand li textarea:-ms-input-placeholder, .mypage-right .brand-modify li textarea::-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}

.sign-up-brand li textarea::input-placeholder, .mypage-right .brand-modify li textarea::input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
    font-size: 18px;
}
.sign-up-brand button.end-step, .mypage-right .brand-modify button.end-step {
    margin-top:30px;
    background: #6dac4f;
    color: #fff;
}
.sign-up-brand .check-line, .mypage-right .brand-modify .check-line {
    position: relative;
    text-align: left;
}
.sign-up-brand .member-same, .sign-up-brand .member-same + span.member-same-icon, .mypage-right .brand-modify .member-same, .mypage-right .brand-modify .member-same + span.member-same-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.sign-up-brand .member-same, .mypage-right .brand-modify .member-same {
    z-index: 10;
    opacity: 0;
}
.sign-up-brand .member-same + span.member-same-icon, .mypage-right .brand-modify .member-same + span.member-same-icon {
    background: url('../images/icn-check2.png') no-repeat;
}
.sign-up-brand .member-same:checked + span.member-same-icon, .mypage-right .brand-modify .member-same:checked + span.member-same-icon {
    background: url('../images/icn-check2-on.png') no-repeat;
}
.sign-up-brand .check-line label, .mypage-right .brand-modify .check-line label {
    padding: 10px 0 0 60px;
    color: #b9b9b9;
    font-size: 18px;
    font-weight: 300;
}



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

/* 회원가입 - 등록회원 전환 */


.sign-up-complete.g-member,
.sign-up.g-member {
    background: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.2);
}
.sign-up-transfer.g-member {
    text-align: center;
}
.sign-up-transfer.g-member div li {margin-bottom: 20px;}
.sign-up-transfer.g-member .member-category button {
    width: 250px;
}
.sign-up-transfer.g-member .member-category span {
    display: block;
    width: 250px;
}
.sign-up-transfer.g-member div > button {
    width: 100%;
    max-width: 340px;
    padding: 14px 0;
    margin-left: 2px;
    margin-right: 2px;
    background: #6ba54e;
    border-radius: 5px;
    color: #fff;
    font-size: 28px;
}


.sign-up-complete.g-member {
    padding: 100px 0;
}
.sign-up-complete.g-member > div {
    position: static;
}

.sign-up-brand.g-member .no-box {
    margin:0;
    padding: 50px 0;
}

.sign-up-brand.g-member > div .check-line li {margin-bottom: 10px;}
.sign-up-brand.g-member > div .check-line li input {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.sign-up-brand.g-member > div .check-line li label {
    height: 50px;
    padding-left: 60px;
    background: url('../images/icn-check2.png') no-repeat left;
}
.sign-up-brand.g-member > div .check-line li input:checked + label {
    background: url('../images/icn-check2-on.png') no-repeat left;
}

.sign-up.g-member div.approval-code div div {
    position: relative;
}

/* 회원가입 : 스타 대기 */
.sign-up-artist-wait.g-member > div {
    position: static;
    height: auto;
    padding: 0;
}
.sign-up-artist-wait.g-member h3 span {
    display: block;
}


/* 회원가입방법 선택 시작 */
main.sign-up-select .persnal-signup, main.sign-up-select .sns-signup {
    width: 800px;
    margin: auto;
    text-align: center;
}
main.sign-up-select .persnal-signup {
    padding: 100px 0 90px;
    border-bottom:1px solid #bbb;
}
main.sign-up-select .sns-signup {padding: 60px 0 100px;}
main.sign-up-select .persnal-signup h3, main.sign-up-select .sns-signup h3 {color:#232426;}
main.sign-up-select .persnal-signup h6, main.sign-up-select .sns-signup h6 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 400;
    color:#77797e;
}
main.sign-up-select .persnal-signup button, main.sign-up-select .sns-signup button {
    width:400px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
}
main.sign-up-select .persnal-signup button {
    color:#fff;
    background: #6dac4f;
    font-size: 24px;
    font-weight: bold;
}
main.sign-up-select .sns-signup button {
    margin-bottom: 20px;
    color: #484a4e;
    background: #fff;
    font-size: 20px;
    font-weight: 400;
}
main.sign-up-select .sns-signup button img {
    width: auto;
    height: 30px;
    margin-top: -8px;
    margin-right: 5px;
}
/* 회원가입방법 선택 끝 */

/* ====================================== */




/* 마이페이지 - 배송지관리 */


.delivery-administration .in-box {
    position: relative;
    padding: 30px;
    border-radius: 5px;
    background: #fff;
}
.delivery-administration h4 {
    font-weight: 400;
}
.delivery-administration button.btn-administration {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 130px;
    padding: 13px 0;
    border-radius: 5px;
    background: #6dac4f;
    color: #fff;
}
.delivery-administration table {
    margin-top: 20px;
    margin-bottom: 50px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

.delivery-administration thead th, .delivery-administration tbody td {
    padding: 15px 10px;
    border-bottom: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
    text-align: center;
    vertical-align: middle;
}
.delivery-administration thead th {
    background: #e1eedb;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
}
.delivery-administration thead th:last-child, .delivery-administration tbody td:last-child {border-right: none;}
.delivery-administration tbody td {min-height: 110px;}
.delivery-administration tbody td:nth-child(2) {text-align: left;}

.delivery-administration td span {display: block;}
.delivery-administration td:nth-child(1) span:nth-child(1) {font-weight: bold;}
.delivery-administration td:nth-child(1) span.icon-box {
    width: 90px;
    padding: 3px;
    margin: auto;
    margin-top: 8px;
    color: #6dac4f;
    border:1px solid #6dac4f;
    font-size:15px;
}
.delivery-administration td:last-child button {
    width: 50px;
    border:1px solid #d2d2d2;
}
.delivery-administration td:last-child button:hover {
    background: #6dac4f;
    color: #fff;
    border-color: #6dac4f;
}
.delivery-administration td span.zip-code {margin-bottom: 5px;}




/* 회원가입 : 스타 대기 */
.sign-up-artist-wait {position: relative;}
.sign-up-artist-wait .no-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:560px;
    height: 510px;
    margin: auto;
}
.sign-up-artist-wait .insta-box {
    display: block;
    width: 560px;
    height: 400px;
    padding: 5px;
    background: linear-gradient(to top,#7823bd,#be1a7a,#d37347);
    border-radius: 15px;
}
.sign-up-artist-wait .insta-box .insta-in-box {
    display: block;
    width: 550px;
    height: 390px;
    background: #fff;
    border-radius: 10px;
}
.sign-up-artist-wait .insta-in-box h3 {
    padding-top: 80px;
    padding-bottom: 55px;
    font-weight: 500;
    color: #4b4b4b;
}
.sign-up-artist-wait h3 img {
    vertical-align: middle;
}
.sign-up-artist-wait .insta-in-box h4 {
    font-size: 26px;
    font-weight: bold;
    color: #4b4b4b;
}
.sign-up-artist-wait button {
    width: 220px;
    padding: 18px 0 19px;
    margin-top: 40px;
    font-size: 22px;
    font-weight: 500;
    background: #6ba54e;
    border-radius: 35px;
}

/* 로그인 : 스타 */
main.login-artist {
    position: relative;
}
main.login-artist .out-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 615px;
    padding: 210px 0 220px;
}
main.login-artist h4 {
    font-weight: 300;
}
main.login-artist button.btn-insta {
    width: 370px;
    padding: 26px 0 27px;
    margin-top:10px;
    background: linear-gradient(to top,#7823bd,#be1a7a,#d37347);
    border-radius: 15px;
    font-size: 26px;
    vertical-align: middle;
}

/* 로그인 */
main.login {position: relative;}
main.login input {
    padding: 19px 20px;
    border-radius: 10px;
}
main.login label {color: #2f531f;}
main.login .out-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 660px;
    height: 601px;
    padding-top: 50px;
    padding-bottom: 50px;
}
main.login .out-box ul {
    margin-top:30px;
    padding-left: 130px;
    padding-right: 130px;
    text-align: left;
}
main.login h1 {text-align: center;}
main.login button {
    margin-top:30px;
    margin-bottom: 30px;
    padding: 18px 75px;
    font-size:22px;
    font-weight: bold;
    color: #fff;
    background: #6dac4f;
    border-radius: 50px;
}
main.login .auto-login {
    position: relative;
    width: 132px;
    margin: -5px auto -12px;
}
main.login .auto-login input {
    display: inline-block;
    position:absolute;
    top:4px;
    left:0;
    width: 23px;
    height: 23px;
    z-index: 10;
    opacity: 0;
}
main.login .find a {
    padding: 0 20px;
}

main.login .auto-login input + span.icn-check {
    display: inline-block;
    position: relative;
    left: -1px;
    top: 3px;
    width: 23px;
    height: 23px;
    margin-right: 5px;
    background: url(../images/icn-check.png) no-repeat center;
}
main.login .auto-login input:checked + span.icn-check {
    background: url(../images/icn-check-on.png) no-repeat center;
}




.pop-login {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 460px;
    height: 512px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.pop-login button.btn-close, .popup-box button.btn-close, .inner-popup-box button.btn-close, .popup-bg2 .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px;
    margin: 0;
    padding: 0;
    background: none;
    z-index: 10;
}
.pop-login button.btn-close img {vertical-align: top;}
.pop-login h1 {
    margin-bottom: 90px;
    margin-top: 10px;
}
.pop-login button.login, .pop-login button.join {
    width: 270px;
    padding: 15px 0 16px;
    margin-bottom: 30px;
    border-radius: 50px;
    font-size: 26px;
    font-weight: 400;
    color: #fff;
}
.pop-login button.login {background: #9dc960;}
.pop-login button.join {background: #5a9608;}

.pop-login a {
    display: block;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
}
.pop-login a:hover {text-decoration: none;}

.popup-bg {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}
.popup-bg2 {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 300vh;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}
.popup-box {
    margin: 50px auto;
    position : relative;
    width: 400px;
}
.popup-box button.bottom-two, main.register .out-box > button.bottom-two {
    position: absolute;
    bottom: 0;
    width: 50%;
    margin: 0;
    padding: 23px 0 24px;
    font-size: 22px;
    font-weight: 500;
}
.popup-box button.bottom-two.ok, main.register .out-box > button.bottom-two.ok {
    right: 0;
    background: #6dac4f;
    color: #fff;
}
.popup-box button.bottom-two.cancel, main.register .out-box > button.bottom-two.cancel {
    left: 0;
    background: #c4c4c4;
}
/* pop-pick */
.popup-box.pop-pick {
    padding-top: 80px;
}
.popup-box.pop-pick h4, .popup-box.pop-pick h5, .popup-box.pop-pick p {font-weight: 500;}
.popup-box.pop-pick h4 {font-size:30px;}
.popup-box.pop-pick p {
    font-size:20px;
    padding-top: 40px;
    padding-bottom:35px;
}
.popup-box.pop-pick h5 {margin-bottom: 0;}
.popup-box.pop-pick h1 {
    font-size:48px;
    font-weight: bold;
}
.popup-box.pop-pick2 {
    padding-top: 60px;
}
.popup-box.pop-pick2 h4.title, .popup-box.pop-pick3 h4.title {margin-bottom: 0;}
.popup-box.pop-pick2 h5.stitle {
    font-size: 18px;
    font-weight: 400;
}
.popup-box.pop-pick2 ul {
    padding-top: 10px;
    overflow-y: scroll;
    height: 341px;
}
.popup-box.pop-pick2 li {
    position: relative;
    text-align: left;
    padding: 17px 40px 13px 50px;
    border-bottom: 1px solid #c4c4c4;
}
.popup-box.pop-pick2 li:last-child {border:none;}
.popup-box.pop-pick2 li input[type="radio"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    width: 33px;
    height: 33px;
    margin: auto;
    opacity: 0;
    cursor: pointer;
}
.popup-box.pop-pick2 label {
    width: 100%;
    margin: 0;
    background: url('../images/modify-check-off.png') no-repeat right;
    padding-right: 45px;
    cursor: pointer;

}
.popup-box.pop-pick2 li input:checked + label {background: url('../images/modify-check-on.png') no-repeat right;}
.popup-box.pop-pick2 label h5, .popup-box.pop-pick2 label h6 {font-weight: 400;}
.popup-box.pop-pick2 label h6 {font-size: 18px;}


.popup-box.pop-pick3 {
    width: 500px;
    padding-top: 40px;
    text-align: left;
}
.popup-box.pop-pick3 h4.title {margin:0 40px;}
.popup-box.pop-pick3 .mobile-pop-pick-wrap > div, .popup-box.pop-pick3 > p {
    padding: 20px 40px;
}
.real-popup-wrapper .popup-box .mobile-pop-pick-wrap{
    padding: 20px 15px;
}

.popup-box.pop-pick3 div {border-bottom: 1px solid #c4c4c4;}
.popup-box.pop-pick3 div:last-child {border:none;}
.popup-box.pop-pick3 div h6 {font-size: 18px;}
.popup-box.pop-pick3 div ul li {
    position: relative;
    padding: 10px 0;
}
.popup-box.pop-pick3 li input[type="checkbox"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 32px;
    opacity: 0;
}
.popup-box.pop-pick3 li label {
    padding-right: 45px;
    margin-bottom: 0;
    background: url("../images/modify-check-off.png") no-repeat right;
}
.popup-box.pop-pick3 li input:checked + label {background: url("../images/modify-check-on.png") no-repeat right;}
.popup-box.pop-pick3 .point {color:#f000d7;}


/* 스타 승인대기 팝업 */
.popup-box.artist-standby {
}
.popup-box.artist-standby h4 {
    position: relative;
    top: 167px;
}

/* 알람동의 팝업 */
.popup-box.alarm-agree {
    padding-top: 60px;
}
.popup-box.alarm-agree h4, .popup-box.alarm-agree p {margin:0 60px 33px;}
.popup-box.alarm-agree p.small-font {font-size: 15px;}
.popup-box.alarm-agree button.btn-popup-bottom {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 50%;
    padding: 24px 0 23px;
    background: #c4c4c4;
    font-size:22px;
    font-weight: 500;
}
.popup-box.alarm-agree button.btn-popup-bottom.ok {
    background: #6dac4f;
    color: #fff;
}
.popup-box.alarm-agree button.btn-popup-bottom.one-btn {
    width: 100%;
    left: 0;
}

.popup-box.alarm-agree ul li {
    position: relative;
    width: 230px;
    margin: auto;
    text-align: left;
    padding: 5px 0;
}
.popup-box.alarm-agree li input {
    position: absolute;
    top: 2px;
    width: 23px;
    height: 23px;
    opacity: 0;
}
.popup-box.alarm-agree li label {
    padding-left: 32px;
    background: url('../images/icn-check.png') no-repeat 0 2px;
}
.popup-box.alarm-agree li input:checked + label {background: url('../images/icn-check-on.png') no-repeat 0 2px;}
.popup-box.alarm-agree li label span {
    display: block;
    font-size:14px;
}
/* 관심스타 tutorial */
.popup-box.tutorial {
    padding-top: 60px;
    padding-bottom: 60px;
}
.popup-box.tutorial h4 {margin-bottom: 30px;}
.popup-box.tutorial h4 span {
    border-bottom:6px solid #ffc1c1;
}




/* pop-select-thing */
.popup-box.pop-select-thing {
}
.popup-box.pop-select-thing h5, .popup-box.pop-select-thing li {text-align: left;}
.popup-box.pop-select-thing h5 {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: bold;
    padding: 33px 40px 0;
}
.popup-box.pop-select-thing ol {
    list-style: decimal;
    list-style-position: inside;
    overflow-y: auto;
    height: 259px;
}
.popup-box.pop-select-thing li {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0 24px 18px;
}
.popup-box.pop-select-thing li, .popup-box.pop-select-thing li label, .popup-box.pop-select-thing li span.icon-radio, .popup-box.pop-select-thing li input {cursor: pointer;}
.popup-box.pop-select-thing li label {
    width: 85%;
    padding-left: 18px;
    font-weight: 500;
}
.popup-box.pop-select-thing li input, .popup-box.pop-select-thing li span.icon-radio {
    display: block;
    position: absolute;
    top: 3px;
    right: 18px;
    width: 25px;
    height: 25px;
}
.popup-box.pop-select-thing li input {
    opacity: 0;
    z-index: 10;
}
.popup-box.pop-select-thing li input + .icon-radio {background: url('../images/radio_off.png') no-repeat;}
.popup-box.pop-select-thing li input:checked + .icon-radio {background: url('../images/radio_on.png') no-repeat;}


/*브랜드선택안내 팝업*/
.popup-box.brand-select-pop h4 {
    display: block;
    padding: 130px 0;
    font-size:26px;
    font-weight: 400;
}

/* 광고 등록 완료 팝업 */

/* 광고 등록 완료 팝업 */
.popup-box.ad-register-pop, .popup-box.ad-register-pop.end-message2 {
    padding-top:50px;
}
.popup-box.ad-register-pop h3 {
    padding-top: 90px;
    padding-bottom: 40px;
    font-weight: 400;
}
.popup-box.ad-register-pop h4 {
    font-size: 26px;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 30px;
}
.popup-box.ad-register-pop h5 {
    font-size: 20px;
    color: #f000d7;
}

.popup-box.ad-register-pop a {
    display: block;
    width: 210px;
    margin: auto;
    font-size: 20px;
    border-bottom: 1px solid #4b4b4b;
}
.popup-box.ad-register-pop button.btn-half {
    position: absolute;
    bottom: 0;
    width: 50%;
    padding: 22px 0 23px;
    font-size: 22px;
    font-weight: 400;
}
.popup-box.product-pop-img {
    width: 700px;
    height: 700px;
    text-align: center;
}
.popup-box.product-pop-img > img {
    margin: auto;
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.inner-popup-box.photo-pop-square, .inner-popup-box.photo-pop-rectangle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 700px;
    margin: auto;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    background: #fff;
    text-align: center;
}
.inner-popup-box.photo-pop-square {height: 700px;}
.inner-popup-box.photo-pop-rectangle {height: 450px;}
.inner-popup-box button.btn-close {
    width: 28px;
    height: 28px;
}
.inner-popup-box.photo-pop-square > img {
    width: 100%;
    height: auto;
}
.inner-popup-box.photo-pop-rectangle > img {
    width: auto;
    height: 100%;
}

/*광고 상세 내용 팝업*/
.popup-box.ad-detail-alarm {
    width: 500px;
    padding-top: 40px;
    text-align: left;
}
.popup-box.ad-detail-alarm .ad-detail-alarm-pc{
    padding : 30px;
}
.ad-detail-alarm h4 {margin: 0 30px 20px;}
.ad-detail-alarm .sign-text, .ad-detail-alarm h5 {font-size:18px;}
.ad-detail-alarm p span, .ad-detail-alarm h5, .ad-detail-alarm .comment {color: #f000d7;}
.ad-detail-alarm h5 {font-weight: 400;}
.ad-detail-alarm h6 {
    margin-top: 20px;
    margin-bottom: 0;
}
.ad-detail-alarm div {position: relative;}
main.ad-detail-artist .ad-detail-alarm li {font-size:16px;}

.popup-box.ad-detail-alarm .model-alarm {
    font-size:22px;
    text-align: center;
    margin-bottom: 50px;
}

.ad-detail-alarm input, .delivery-address .address-select input, .rejection input, .agonize input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    opacity: 0;
}
.ad-detail-alarm label, .delivery-address .address-select label, .rejection label, .agonize label {
    height: 32px;
    padding-left: 37px;
    padding-top: 3px;
    margin-right: 10px;
    font-size: 18px;
    background: url(../images/modify-check-off.png) no-repeat 0 0;
}
.ad-detail-alarm input:checked + label, .delivery-address .address-select input:checked + label, .rejection input:checked + label, .agonize input:checked + label {background: url(../images/modify-check-on.png) no-repeat 0 0;}
main.ad-detail-artist .ad-detail-alarm button, .ad-detail-alarm button, .delivery-address > button, main.ad-detail-artist .delivery-address > button, .rejection button, .agonize button, .account-number-register button, .delivery-pop > button, .recommender-pop > button, .quit-pop > button, .quit-pw-check > button {
    width: 50%;
    padding: 24px 0 23px;
    font-size: 22px;
    background: #c4c4c4;
}
main.ad-detail-artist .ad-detail-alarm button.btn-confirm, .ad-detail-alarm button.btn-confirm, .delivery-address button.btn-confirm, main.ad-detail-artist .delivery-address button.btn-confirm, .rejection button.btn-confirm, .agonize button.btn-confirm, .account-number-register button.btn-confirm, .delivery-pop button.btn-confirm, .recommender-pop button.btn-confirm, .quit-pop > button.btn-confirm, .quit-pw-check > button.btn-confirm {
    background: #6dac4f;
    color: #fff;
}
/* 스타 마이페이지 제품상세 거절,고민 팝업 버튼 */
.popup-box.rejection button, .popup-box.agonize button {
    width: 50%;
}
/* 스타 마이페이지 제품상세 거절,고민 팝업 취소 버튼 */
.popup-box.rejection button.btn-cancel, .popup-box.agonize button.btn-cancel {
    background: #c4c4c4;
}


/*배송지관리*/

.popup-box.delivery-address {
    position: absolute;
    min-width: 520px;
    padding-top: 40px;
    text-align: left;
}

.delivery-address ul {
    margin-left: 30px;
    margin-right: 30px;
}
.delivery-address .address-select li {
    display: inline-block;
    width: 100%;
    margin: 0;
}
.delivery-address .address-select li select {
    width: 100%;
    height: 48px;
    padding-left: 10px;
}
.delivery-address h5, main.ad-detail-artist li h5 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}
.delivery-address h5 span, main.ad-detail-artist li h5 span {
    display: inline-block;
    color: #f000d7;
}
.delivery-address li input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}
.delivery-address input.zip-code {
    width: 310px;
    margin-right: 10px;
}
.delivery-address input.zip-code + button {
    width: 120px;
    padding: 10px 0 11px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
    background: #6dac4f;
    color: #fff;
}
.delivery-address li:last-child input {
    width: 30%;
    margin-right: 3%;
}
.delivery-address li:last-child input:last-child {margin-right: 0;}
/*거절하기 팝업*/
.popup-box.rejection {
    padding-top: 50px;
    text-align: left;
}
.rejection h3, .rejection h4, .agonize h3, .agonize h4, .agonize li {font-weight: 400;}
.rejection h3, .rejection h4, .agonize h3, .agonize h4 {text-align: center;}
.rejection ul {margin: 60px 30px 30px 30px;}

/*고민사유 팝업*/
.popup-box.agonize {
    padding-top: 50px;
    text-align: left;
}
.agonize ul {margin: 40px 40px 0;}
.agonize li {margin-bottom: 10px;}
.agonize textarea {
    width: 100%;
    height: 170px;
    padding: 10px;
    margin-top: 5px;
    border-radius: 10px;
}




/* 브랜드 등록하기 팝업 */
.brand-listup {
    width: 1200px;
    padding-top: 60px;
}
.mobile-brand-style-opt > h4 {
    display: block;
    padding: 10px 0;
    margin: 0 60px;
    border-bottom: 1px solid #a0a0a0;
    text-align: left;
}
.mobile-brand-style-opt > ul {margin: 30px 60px 0;}
.mobile-brand-style-opt ul:after {
    display: block;
    content: '';
    clear: both;
}
.mobile-brand-style-opt > ul > li {
    display: inline-block;
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 30px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}
.mobile-brand-style-opt li.full-width {width: 100%;}
.mobile-brand-style-opt li h5 {
    display: inline-block;
    width:125px;
    margin:0 15px 0 0;
    padding-top:15px;
    text-align: right;
    font-size: 20px;
    font-weight: 400;
    vertical-align: top;
}
.mobile-brand-style-opt li h5.line2 {padding-top: 0;}
.mobile-brand-style-opt h5 span {
    font-weight: 500;
    color: #ff199b;
}
.mobile-brand-style-opt span.sales-info, .mobile-brand-style-opt div.sales-info-pop {
    position: absolute;
    top: 0;
    left: 15px;
}
.mobile-brand-style-opt div.sales-info-pop {
    width: 300px;
    padding: 30px 40px;
    border:1px solid #c2c2c2;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    z-index: 10;
}
.mobile-brand-style-opt div.sales-info-pop h5 {
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
}
.mobile-brand-style-opt div.sales-info-pop li {margin-bottom: 20px;}
.mobile-brand-style-opt div.sales-info-pop h6 {
    margin:0;
    font-weight: 500;
}
.mobile-brand-style-opt div {
    display: inline-block;
    width: 380px;
    vertical-align: top;
}
.mobile-brand-style-opt div:after {
    display: block;
    content: '';
    clear: both;
}
.mobile-brand-style-opt .full-width div, .mobile-brand-style-opt .full-width ul {
    display: inline-block;
    width:920px;
}
.mobile-brand-style-opt div input, .mobile-brand-style-opt div select {
    float: left;
    width: 100%;
    padding: 17px 15px;
    border-radius: 5px;
    border:1px solid #9f9f9f;
    vertical-align: top;
}
.mobile-brand-style-opt li.brand-introduce input {width: 840px;}
.mobile-brand-style-opt li.brand-logo input {width: 300px;}
.mobile-brand-style-opt li button {
    float: left;
    width: 70px;
    padding: 15px 0;
    margin-left: 5px;
    text-align: center;
    background: #6ba54e;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    border-radius: 5px;
    vertical-align: top;
}
.mobile-brand-style-opt .category li:nth-child(5n) {margin-right: 0;}
.mobile-brand-style-opt .category button {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border:1px solid #9f9f9f;
    background: #fff;
    color: #4b4b4b;
    font-weight: 400;
}
.mobile-brand-style-opt .category li.select button, .mobile-brand-style-opt .category li button:hover {
    background: #bbd095;
    color: #fff;
    border: 1px solid #bbd095;
}
.mobile-brand-style-opt > button.btn-ok {
    width: 100%;
    padding: 24px 0;
    background: #6ba44e;
    font-size: 28px;
    color: #fff;
}


/* 계좌번호 등록 팝업 */
.account-number-register {
    height: 400px;
    padding-top: 40px;
    text-align: left;
}
.account-number-register h4 {
    margin-left: 30px;
    margin-right: 30px;
}
.account-number-register ul {
    margin: 20px 30px 0;
}
.account-number-register li {padding-bottom: 20px;}
.account-number-register h5, .account-number-register span {display: inline-block;}
.account-number-register h5 {
    width: 80px;
    margin-right: 20px;
    text-align: right;
}
.account-number-register span, .account-number-register select {width: 230px;}
.account-number-register input {
    width: 100%;
    padding: 9px 0 8px;
    font-size: 18px;
}
.account-number-register select {padding: 11px 0 11px 10px;}


/* 배송지 정보 상세 팝업 */
.popup-box.delivery-pop {
    width: 540px;
    padding-top: 30px;
    text-align: left;
}
.delivery-pop h5, .delivery-pop ul, .delivery-pop > h6 {
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
}
.delivery-pop ul {margin-top: 30px;}
.delivery-pop ul li {
    position: relative;
    margin-bottom: 10px;
}
.delivery-pop ul li:after {
    display: block;
    content: '';
    clear: both;
}
.delivery-pop h6 {
    font-size: 18px;
    font-weight: 400;
}
.delivery-pop li h6, .delivery-pop span {display: inline-block;}
.delivery-pop li h6 {
    float: left;
    width: 100px;
    margin-top: 12px;
}
.delivery-pop li > span {width: 335px;}
.delivery-pop li.full-width h6, .delivery-pop li.full-width > span, .delivery-pop li input {width: 100%;}
.delivery-pop > h6 {color: #858585;}
.delivery-pop li h6 span {color: #f300df;}
.delivery-pop li input, .delivery-pop li button {vertical-align: top;}
.delivery-pop li input {
    padding: 11px 10px;
    margin-bottom: 10px;
}
.delivery-pop li button {
    width: 130px;
    padding: 12px 0 11px;
    background: #6dac4f;
    color: #fff;
    font-size:18px;
    font-weight: 300;
}
.delivery-pop li.full-width input:first-child {
    width: 300px;
    margin-right: 10px;
}
.delivery-pop li.tel-number input {
    width: 31.3%;
    margin-right: 10px;
}
.delivery-pop li.tel-number input:last-child {margin-right: 0;}
.delivery-pop li input[type="radio"], .quit-pop input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 32px;
    opacity: 0;
}
.delivery-pop li label, .quit-pop li label {
    height: 32px;
    padding-top: 2px;
    padding-left: 40px;
    background: url('../images/modify-check-off.png') no-repeat left 0;
}
.delivery-pop li input:checked + label, .quit-pop li input:checked + label {background: url('../images/modify-check-on.png') no-repeat left 0;}

/* 추천인 코드 전송 팝업 */
.popup-box.recommender-pop {
    padding-top: 40px;
    text-align: left;
}
.recommender-pop h4, .recommender-pop > h5, .recommender-pop div {
    padding-left: 30px;
    padding-right: 30px;
}
.recommender-pop > h5, .recommender-pop h6 {
    font-size: 18px;
    font-weight: 400;
}
.recommender-pop div {margin-top: 20px;}
.recommender-pop p {
    padding-top: 10px;
    font-size: 15px;
}
.recommender-pop input, .recommender-pop div button {vertical-align: top;}
.recommender-pop input {
    width: 230px;
    margin-right: 5px;
    padding: 11px;
}
.recommender-pop div button {
    width: 100px;
    padding: 11px 0 10px;
    font-size:18px;
    color: #959595;
    border:1px solid #c1c1c1;
}


.popup-box.quit-pop, .popup-box.quit-pw-check {
    width: 500px;
    padding-top: 40px;
    text-align: left;
}

.quit-pop > h4, .quit-pop ul, .popup-box.quit-pw-check h4, .popup-box.quit-pw-check h5, .popup-box.quit-pw-check div {
    padding-left: 30px;
    padding-right: 30px;
}
.quit-pop li {
    position: relative;
    margin-bottom: 20px;
}
.quit-pop li p, .quit-pop label  {font-size:18px;}
.quit-pop p span {color:#f000d7;}

/* 탈퇴하기 비밀번호 확인 */
.popup-box.quit-pw-check h4 {margin-bottom: 30px;}
.popup-box.quit-pw-check h5 {
    font-size: 18px;
    font-weight: 400;
    color:#f000d7;
}
.popup-box.quit-pw-check input {
    width: 100%;
    margin-bottom: 15px;
    padding: 11px;
}

.quit-message {
    width: 300px;
    margin: 40px auto 0;
    text-align: left;
}
.quit-message h6 {
    font-weight: 400;
    margin-bottom: 0;
}
.quit-message a {
    font-weight: 500;
    color: #6dac4f;
    padding-right: 15px;
    background: url("../images/ico-color-arrow-right.png") no-repeat right 6px;
}

/* 탈퇴 안내 */
.quit {position: relative;}
.quit h2.title {
    font-size:32px;
    color: #6dac4f;
}
.quit > h5 {
    font-size:22px;
    font-weight: 400;
    margin-bottom: 40px;
}
.quit li {margin-bottom: 40px;}
.quit li h4 {font-size: 24px;}
.quit li p {font-size:20px;}
.quit li p span {color: #f000d7;}
.quit li input, .mypage-right .out-box.quit li input[type=text] {
    width: 400px;
    height: 50px;
    padding-left: 15px;
    border-radius: 0;
}

/* 탈퇴 확인 팝업 */
.quit-confirm-message {
    position: absolute;
    padding-top: 30px;
}
.quit-confirm-message h4 {
    font-size: 26px;
    margin-bottom: 32px;
}
.quit-confirm-message p {
    color: #f000d7;
    font-size: 20px;
}
.quit-confirm-message button {
    position: absolute;
    bottom: 0;
    width: 50%;
    padding: 23px 10px 24px;
    font-size:22px;
}
.quit-confirm-message button.btn-cancel {
    left:0;
    background: #c4c4c4;
}
.quit-confirm-message button.btn-ok {
    right: 0;
    background: #6dac4f;
    color: #fff;
}
.mypage-right .out-box.quit li input[type=text] {border:2px solid #49cc5d;}
.mypage-right .out-box.quit li input[type=password] {
    margin-top:15px;
    border:2px solid #ac2626;
}
.quit button.btn-bottom-full {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #6dac4f;
    color: #fff;
    border-radius: 0;
}

/* 등록회원 전환 안내 */
.popup-box.transfer-alarm {
    padding: 90px;
}
.popup-box.transfer-alarm h4 {margin-bottom: 60px;}
.popup-box.transfer-alarm a {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px solid #acacac;
}

/* 기간연장 팝업 */
.date-extension-pop {
    height: 480px;
    padding-top: 80px;
}
.date-extension-pop2 {
    height:360px;
    padding-top: 100px;
}
.date-extension-pop select {
    width: 300px;
    padding: 9px 10px 8px;
    border-radius: 5px;
    font-size:20px;
}
/* 스타 프로필 팝업 */
.popup-box.artist-profile-pop {
    width: 600px;
    padding-top: 50px;
}
.artist-profile-pop .artist-photo-area {
    position: relative;
    width: 135px;
    margin: 0 auto 30px;;
}
.artist-profile-pop .artist-photo {
    width: 135px;
    height: 135px;
    margin: auto;
    border-radius: 70px;
    overflow: hidden;
}
.artist-profile-pop .artist-photo img {
    width: 100%;
    height: auto;
    border-radius: 70px;
}
.artist-profile-pop .ico-official {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    margin: auto;
}
.artist-profile-pop h3 {margin-bottom: 0;}
.artist-profile-pop button.btn-like-off, .artist-profile-pop button.btn-like-on {
    display: inline-block;
    width: 30px;
    height: 27px;
    margin-top: 0;
    margin-left: 10px;
    padding: 0;
    vertical-align: middle;
}
.artist-profile-pop button.btn-like-off {background: url(../images/ico-like2-off.png) no-repeat;}
.artist-profile-pop button.btn-like-on {background: url(../images/ico-like2-on.png) no-repeat;}
.artist-profile-pop .insta-info {
    margin-top: 30px;
    margin-bottom: 30px;
}
.artist-profile-pop .insta-info li {
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
}
.artist-profile-pop .insta-info li span {display: block;}

.artist-profile-pop a.btn-insta-go, .artist-profile-pop a.btn-youtube-go {
    display: inline-block;
    width: 340px;
    padding: 15px 0 14px;
    border-radius: 10px;
    font-size:24px;
    color: #fff;
}

.artist-profile-pop a.btn-insta-go {
    background: linear-gradient(to top,#7823bd,#be1a7a,#d37347);
}
.artist-profile-pop a.btn-insta-go:hover, .artist-profile-pop a.btn-youtube-go:hover {
    color: #fff;
    text-decoration: none;
}
.artist-profile-pop a.btn-youtube-go {
    background: #f61c0d;
}

.artist-profile-pop ul.artist-info {
    border-top:1px solid #d6d6d6;
    padding: 50px 80px 50px;
    margin-top: 50px;
    margin-bottom: 0;
    text-align: left;
}

.artist-profile-pop ul.artist-info li {
    margin-bottom: 30px;
    font-size:21px;
    font-weight: 400;
}
.artist-profile-pop ul.artist-info li:last-child {margin-bottom: 0;}
.artist-profile-pop ul.artist-info li span {
    display: inline-block;
    width: 170px;
    font-size:23px;
    font-weight: 500;
}
.artist-profile-pop button.btn-pick, .artist-profile-pop button.btn-agree, .artist-profile-pop button.btn-refusal {
    /* position: absolute;
    bottom: 0; */
    padding: 20px 0;
    font-size:28px;
    font-weight: 600;
}

.artist-profile-pop button.btn-pick, .artist-profile-pop button.btn-agree, .popup-box.refusal-message button.btn-refusal {
    background: #6dac4f;
    color: #fff;
}
.artist-profile-pop button.btn-pick {width: 100%;}
.artist-profile-pop button.btn-pick, .artist-profile-pop button.btn-refusal, .popup-box.refusal-message button.btn-cancel {
    left: 0;
    bottom: 0;
    position: absolute;
}
.artist-profile-pop button.btn-agree, .artist-profile-pop button.btn-refusal, .popup-box.refusal-message button.btn-refusal, .popup-box.refusal-message button.btn-cancel {width: 50%;}
.artist-profile-pop button.btn-agree, .popup-box.refusal-message button.btn-refusal {
    float: right;
    bottom: 0;
    position: absolute;
}
.artist-profile-pop button.btn-refusal, .popup-box.refusal-message button.btn-cancel {
    background: #c7c7c7;
    color: #4b4b4b;
    float: left;
}


.popup-box.refusal-message h3, .popup-box.refusal-message-view h3 {
    font-size: 30px;
    font-weight: 600;
}
.popup-box.refusal-message h4, .popup-box.refusal-message-view h4 {font-size: 24px;}

/* 2019.3.6 브랜드 받은요청 수락완료 팝업 kdh */
.service-waiting .body h3 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 47px;
}
.service-waiting .body h4 {font-size: 24px;padding-top: 47px;}

.popup-box.refusal-message {
    padding-top: 50px;
}
.popup-box.refusal-message textarea {
    width: 320px;
    margin-top: 15px;
    border-radius: 5px;
}
.popup-box.refusal-message button.btn-refusal, .popup-box.refusal-message button.btn-cancel{
    padding: 20px 0;
    font-size:22px;
    font-weight: 400;
}
.popup-box.refusal-message button.btn-refusal {
    right: 0;
}

/* 거절메시지 보기 */
.popup-box.refusal-message-view {
    position: relative;
    padding:50px 20px;
}
.popup-box.refusal-message-view p {
    height: 150px;
    padding: 20px;
    border:1px solid #ddd;
    border-radius: 10px;
    text-align: left;
}
.popup-box.refusal-message-view button.btn-confirm {
/*    position: absolute;
    left: 0;
    bottom: 0;*/
}
/* 입금은행 선택 팝업 */
.popup-box.bank-select {
    position: relative;
}
.popup-box.bank-select h5 {
    font-size: 22px;
    text-align: left;
    padding: 0 5px;
}
.popup-box.bank-select ul {margin:10px 0 30px;}
.popup-box.bank-select li {
    float: left;
    width: 33.33%;
    padding: 5px;
}
.popup-box.bank-select li button.bank {
    width: 100%;
    padding: 10px 5px;
    border:1px solid #c1c1c1;
}
.popup-box.bank-select li.on button.bank {
    background: #e1eedb;
    border-color: #e1eedb;
}
.popup-box button.btn-accept {
    width: 100%;
    padding: 15px;
    background: #517e3c;
    font-size: 22px;
    color:#fff;
}

/* 최근계좌선택 */
.popup-box.new-account {
    position: relative;
}
.popup-box.new-account h5 {font-size: 22px;}
.popup-box.new-account ul {margin:50px 0;}
.popup-box.new-account li {
    position: relative;
    margin-bottom: 20px;
    text-align: left;
}
.popup-box.new-account li label {
    width: 100%;
    font-size:18px;
    background: url("../images/icn-check.png") no-repeat right;
}
.popup-box.new-account li label span {
    display: inline-block;
    width: 200px;
}
.popup-box.new-account li input {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
}
.popup-box.new-account li input:checked + label {background-image: url("../images/icn-check-on.png")}

/* ad-detail */
main.ad-detail a:hover {text-decoration: none;}
main.ad-detail .product:after, main.ad-detail .product-img2:after, main.ad-detail .example-photo:after, main.ad-detail .list-progress > li:after, main.ad-detail .progress-step:after {
    display: block;
    content: '';
    clear: both;
}
main.ad-detail .product-deposit {
    float: left;
    width: 350px;
}

main.ad-detail .in-box {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-bottom: 10px;
}

main.ad-detail .in-box .main-photo {
    width: 200px;
    height: 155px;
    margin: auto auto 11px;
    border:1px solid #dbdbdb;
    box-sizing: border-box;
    overflow: hidden;
}
main.ad-detail .in-box .main-photo img, main.ad-detail .product-img2 li img, main.ad-detail .example-photo li img, main.ad-detail .star-profile span img,
.product-intro img, .product-ad-photo img, .product-photo img, .thumbnail img {
    width: 100%;
    height: auto;
}
main.ad-detail .in-box h4, main.ad-detail .in-box h5, main.ad-detail .in-box h6, main.ad-detail .in-box .account li {
    padding-left: 30px;
    padding-right: 30px;
}
main.ad-detail .in-box h4 {
    font-size:22px;
    font-weight: bold;
    margin-bottom: 0;
}
main.ad-detail .in-box h5 {
    margin-top:21px;
    margin-bottom:21px;
    font-weight: bold;
}
main.ad-detail .in-box h5.deposit {font-size: 18px;}
main.ad-detail .in-box h5 span {
    font-weight: 400;
    color: inherit;
}
main.ad-detail .in-box .account {border-top:1px solid #dbdbdb;}
main.ad-detail .in-box .account h5, main.ad-detail .in-box .account li {
    font-size: 18px;
    text-align: left;
}
main.ad-detail .in-box .account h5 {margin-bottom: 15px;}
main.ad-detail .in-box .account li {margin-bottom: 7px;}
main.ad-detail .in-box h6 {margin-bottom: 0;}
main.ad-detail .in-box h1 {
    font-size:48px;
    font-weight: bold;
}
main.ad-detail .product-deposit button {
    display: inline-block;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 14px;
    border-radius: 10px;
    background: #6dac4f;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
main.ad-detail .product-deposit button.out-button-two {
    width: 170px;
    margin-right: 7px;
}
main.ad-detail .product-deposit button.out-button-two:last-child {margin-right: -3px;}
main.ad-detail .product-information {
    float: right;
    width: 750px;
    padding: 25px 30px;
    text-align: left;
}
main.ad-detail .infomation-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
}
main.ad-detail .product-img2 li, main.ad-detail .example-photo li {
    float: left;
    margin-right: 20px;
    margin-top: 4px;
    margin-bottom: 19px;
    border:1px solid #dbdbdb;
    box-sizing: border-box;
    overflow: hidden;
}
main.ad-detail .product-img2 li {
    width: 216px;
    /* height: 155px; */
}
main.ad-detail .product-img2 li:last-child, main.ad-detail .example-photo li:last-child {margin-right: 0;}
main.ad-detail .product-information p, main.ad-detail .product-information ol li {font-size:14px;}
main.ad-detail .product-information ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 8px;
}
main.ad-detail .example-photo li {
    width:160px;
    /* height: 120px; */
}
main.ad-detail h6.example-title {font-size:14px;}
main.ad-detail .list-progress, main.ad-detail-artist .list-progress {
    width: 760px;
}
main.ad-detail .list-progress > li, main.ad-detail-artist .list-progress > li {
    padding: 30px;
    margin-top: 10px;
}
main.ad-detail .star-profile, main.ad-detail-artist .list-progress .star-profile {
    float: left;
    width: 100px;
}
main.ad-detail .star-profile span, main.ad-detail-artist .list-progress .star-profile > div {
    display: block;
    width: 85px;
    height: 85px;
    margin: auto;
    border-radius: 45px;
    background: #dadada;
    overflow: hidden;
    border:1px solid #dadada;
}
main.ad-detail-artist .list-progress .star-profile > div .thumbnail {padding-top: 100%;}
main.ad-detail .star-profile span img, main.ad-detail-artist .list-progress .star-profile img {
    width: 100%;
    height: auto;
}
main.ad-detail .star-profile h6, main.ad-detail-artist .list-progress .star-profile h6 {
    margin-top: 5px;
    margin-bottom: 0;
    text-align: center;
}
main.ad-detail .star-profile a.btn-star-profile, main.ad-detail-artist .star-profile a.btn-star-profile {
    display: block;
    width: 100px;
    margin-top: 5px;
    padding: 4px 0;
    font-size: 16px;
    background: #6dac4f;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
main.ad-detail .progress-step, main.ad-detail-artist .progress-step {
    float: right;
    margin-top: 10px;
}
main.ad-detail .progress-step > li, main.ad-detail-artist .progress-step > li {
    position: relative;
    display: inline-block;
    width: 93px;
    height: 122px;
    padding-top: 92px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
}
main.ad-detail .progress-step span, main.ad-detail-artist .progress-step span {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    display: block;
    width: 65px;
    height: 65px;
    padding: 25px 15px;
    margin: auto;
    border-radius: 40px;
    background: #dadada;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    line-height: 1.2
}
main.ad-detail .progress-step span.line2, main.ad-detail-artist .progress-step span.line2 {padding-top: 17px;}
/* main.ad-detail .progress-step .present, main.ad-detail-artist .progress-step .present {width: 152px;} */
main.ad-detail .progress-step .present span, main.ad-detail-artist .progress-step .present span {
    top:10px;
    width: 75px;
    height: 75px;
    background: #6dac4f;
    padding-top: 26px;
    font-size: 18px;
    font-weight: bold;
}
main.ad-detail .progress-step .present span.line2, main.ad-detail-artist .progress-step .present span.line2 {padding: 16px 11px;}
main.ad-detail .progress-step .present h6, main.ad-detail-artist .progress-step .present h6 {
    display: block;
    font-size: 12px;
    color: #3b7022;
    font-weight: 400;
    margin-bottom: 0;
}
/* 진행상황 일시 */
.progress-step li .detail .date {
    width: 130px;
    margin-left: -23px;
}
/* 진행상황 링크 */
.progress-step li .detail > a {
    width: 120px;
    margin-left: -13px;
}
/* 진행상황 배송조회 */
.progress-step li .detail .baesong {
    width: 174px;
    margin-left: -37px;
}
/* 진행상황 완료 상태 커서 포인트 */
.progress-step li.complete {
    cursor: pointer;
}

main.ad-detail .progress-step .refusal span, main.ad-detail-artist .progress-step .refusal span {background: #8f8f8f;}
main.ad-detail .progress-step .refusal h6, main.ad-detail-artist .progress-step .refusal h6 {color: #8f8f8f;}
.progress-step .refusal a {
    color: #8f8f8f;
    display: block;
    font-size: 14px;
    color: #3b7022;
    font-weight: 400;
    margin-bottom: 0;
}

main.ad-detail .progress-step .delivery h6, main.ad-detail-artist .progress-step .delivery h6 {
    font-size: 11px;
    margin-bottom: 2px;
}
main.ad-detail .progress-step .delivery h6 a, main.ad-detail-artist .progress-step .delivery h6 a {
    display: inline-block;
    margin-left: 2px;
    padding: 1px 8px 0;
    color: #3b7022;
    border-radius: 15px;
    border:1px solid #3b7022;
    font-size: 11px;
}

main.ad-detail .progress-step .complete span, main.ad-detail-artist .progress-step .complete span {
    background: #e1eedb;
    color: #6dac4f;
}
main.ad-detail .progress-step .complete h6, main.ad-detail-artist .progress-step .complete h6 {
    font-size: 13px;
}
.progress-step .detail {
    color: #3b7022;
    font-size: 12px;
}
main.ad-detail .progress-step .making a, main.ad-detail .progress-step .finish a, main.ad-detail .progress-step .payment a, main.ad-detail-artist .progress-step .making a, main.ad-detail-artist .progress-step .finish a, main.ad-detail-artist .progress-step .payment a, main.ad-detail-artist .progress-step .present.refusal a {
    display: inline-block;
    padding: 1px 8px;
    color: #3b7022;
    font-size:11px;
    border-radius: 20px;
    border:1px solid #3b7022;
}
main.ad-detail-artist .progress-step .present.refusal a {
    color: #8f8f8f;
    border:1px solid #8f8f8f;
}

.list-progress div.recruit-guide {
    float: left;
    width: 360px;
    margin-top: 20px;
    margin-left: 30px;
}
.list-progress div.recruit-guide h5 {
    margin-bottom: 0;
    font-weight: 300;
}
.list-progress div.recruit-guide h5.fontC-piikle {font-weight: 500;}
.list-progress div.recruit-guide p {
    margin-top: 15px;
    font-size:17px;
    font-weight: 400;
}
.list-progress li .btn-area {
    float: right;
    margin-top:20px;
}
.list-progress li .btn-area button {
    display: inline-block;
    width: 100px;
    padding: 12px 0;
    font-size:20px;
    font-weight: 300;
    border-radius: 5px;
}
.list-progress li .btn-area button.btn-refusal {
    background: #c7c7c7;
    color: #4b4b4b;
}




/* 광고 종류 선택 */
.popup-bg .ad-select {
    position: absolute;
    bottom: 80px;
    right: 120px;
    width: 200px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.popup-bg .ad-select li a {
    display: inline-block;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: bold;
    font-size: 22px;
}
.popup-bg .ad-select li a:hover {
    color:#6dac4f;
    background: #e3edd5;
    text-decoration: none;
}


/* 광고 등록 */
main.register .out-box {
    position: relative;
    padding: 40px 40px 135px;
    text-align: left;
}
main.register .out-box h3 {
    font-size: 26px;
    font-weight: bold;
}
main.register .out-box h5 {margin-top: 10px;}
main.register .out-box input {padding: 12px;}
main.register .category:after, main.register .img-upload ul:after {
    display: block;
    content: '';
    clear: both;
}
main.register .category li {
    float: left;
    display: block;
    width: 98px;
    margin: 0 10px 10px 0;
}
main.register .category li:nth-child(6n), main.register .img-upload li:last-child {margin-right: 0;}
main.register .category button {
    position: relative;
    width: 100%;
    padding: 15px 0;
    font-size:15px;
    color: #4b4b4b;
    border:1px solid #c1c1c1;
    background: #fff;
    border-radius: 0;
}
main.register .category-select button, main.register .out-box button:hover {
    background: #e1eedb;
    border:1px solid rgba(193,193,193,0);
}
main.register select {
    width: 325px;
    padding: 11px;
    border-radius:5px;
    border:1px solid #9f9f9f;
    margin-bottom: 15px;
}
main.register h5 span {
    font-size: 14px;
    color: #ed0000;
}
main.register .img-upload li, main.register .product-intro li:first-child, main.ad-detail-artist .ad-detail-modify .product-intro li:first-child, main.ad-detail-artist .ad-detail-modify .img-upload li, .mypage-register .ad-detail-modify .product-intro li:first-child, .mypage-register .ad-detail-modify .img-upload li {
    float: left;
    width: 152px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    text-align: center;
    border:1px solid #9f9f9f;
    overflow: hidden;
}

main.register .img-upload li .thumbnail, main.register .product-intro li:first-child .thumbnail {
    position: relative;
    padding-top: 100%; /* 1:1 ratio */
    overflow: hidden;
}
main.register .img-upload li .thumbnail .centered, main.register .product-intro li:first-child .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%);
}
main.register .img-upload li .thumbnail .centered img, main.register .img-upload li .thumbnail .centered video, main.register .product-intro li:first-child .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%);
}

/* 2018.8.21 이미지,동영상 업로드 영영 손가락 마우스 커서 표시 kdh */
main.register .img-upload li, main.register .product-intro li {
    cursor: pointer;
}


main.register .img-upload button, main.register .product-intro button, main.register .img-upload button:hover, main.register .product-intro button:hover, main.ad-detail-artist .ad-detail-modify .product-intro button, main.ad-detail-artist .ad-detail-modify .product-intro button:hover, main.ad-detail-artist .ad-detail-modify .img-upload button, main.ad-detail-artist .ad-detail-modify .img-upload button:hover, .mypage-register .ad-detail-modify .product-intro button, .mypage-register .ad-detail-modify .product-intro button:hover, .mypage-register .ad-detail-modify .img-upload button, .mypage-register .ad-detail-modify .img-upload button:hover   {
    width: 100%;
    padding: 97px 0 29px;
    background: url(../images/ico-upload.png) no-repeat center 44px;
    font-size: 16px;
    font-weight: normal;
    color:#9f9f9f;
    border: none;
}

main.register .product-intro li {
    float: left;
    width:478px;
    margin-right: 0;
}
main.register .product-intro input, main.register .product-intro textarea {
    border-color: #9f9f9f;
    margin-bottom: 10px;
}
main.register .product-intro textarea {
    width: 100%;
    height: 92px;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
}

main.register .product-intro textarea::-webkit-input-placeholder {
    color: #ababab;
    font-weight: 200;
    font-size: 16px;
}

main.register .product-intro textarea::-moz-placeholder {
    color: #ababab;
    font-weight: 200;
    font-size: 16px;
}

main.register .product-intro textarea:-ms-input-placeholder {
    color: #ababab;
    font-weight: 200;
    font-size: 16px;
}

main.register .product-intro textarea::input-placeholde {
    color: #ababab;
    font-weight: 200;
    font-size: 16px;
}
main.register .out-box > button.bottom-two {border-radius: 0;}
main.register .out-box > button.bottom-two:hover {border:none;}

main.register .period input {
    width: 103px;
    margin-left: -1px;
    border-radius: 0;
}
main.register .period input:nth-child(2) {
    margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
main.register .period input:nth-child(4) {
    margin-right: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
main.register .period input:nth-child(5) {
    margin-left: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
main.register .period input:nth-child(7) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}





/* 디파짓 결제 */
main.deposit-payment .out-box {
    position: relative;
    padding: 40px 40px 100px 40px;
    text-align: left;
}

main.deposit-payment .out-box > div {
    border: 1px solid #dbdbdb;
    margin-bottom: 40px;
}
main.deposit-payment .out-box > div .btn-closed {
    float: right;
    display: block;
    width: 40px;
    height: 30px;
    padding: 5px;
    margin-right: 30px;
    background: url(../images/btn-close-arrow.png) no-repeat center;
}
main.deposit-payment .out-box > div:after, main.deposit-payment .out-box li:after {
    display: block;
    content: '';
    clear: both;
}
main.deposit-payment .out-box > div > h5 {width: 300px;}
main.deposit-payment h3 {
    font-size: 26px;
    font-weight: bold;
}
main.deposit-payment .out-box > div > ul {border-top:1px solid #dbdbdb;}
main.deposit-payment .out-box li {width: 100%;}
main.deposit-payment h5,  main.deposit-payment .out-box li span {
    display: inline-block;
    padding: 15px 20px;
    font-size: 22px;
}
main.deposit-payment h5 {
    float: left;
    width: 202px;
    margin-bottom: 0;
}
main.deposit-payment div > h5 {
    float: none;
    width: 100%;
}
main.deposit-payment .payment-product {padding-top: 20px;}
main.deposit-payment .out-box .payment-product h5 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 25px;
    line-height: 1;
}
main.deposit-payment .photo-box {
    float: left;
    width: 250px;
    margin: 0 50px 20px 20px;
    background: #f2f2f2;
    box-sizing: border-box;
}
main.deposit-payment .photo-box img {
    width: 100%;
    height: 100%;
}

main.deposit-payment .payment-product h6, main.deposit-payment .payment-product p {
    float: left;
    width:300px;
}
main.deposit-payment .payment-product span {
    float: left;
    display: block;
    width: 140px;
    padding: 6px 0 7px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 15px;
    background: #6dac4f;
    text-align: center;
    color: #fff;
}
main.deposit-payment .out-box li span {
    width: 436px;
    text-align: right;

}

main.deposit-payment .total-price > ul {margin-bottom: 0;}
main.deposit-payment .total-price .total {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #e1eedb;
}
main.deposit-payment .total-price .total h5 {padding-top: 25px;}
main.deposit-payment .total-price .total span {
    font-size: 34px;
    font-weight: bold;
}
main.deposit-payment .payment-information h5 {width: 240px;}
main.deposit-payment .out-box > div.payment-information .btn-closed {margin-top:30px;}
main.deposit-payment .payment-information ul {padding-bottom: 20px;}
main.deposit-payment .payment-information ul, main.deposit-payment .payment-information li, main.deposit-payment .payment-information h5 {padding-top: 10px;}
main.deposit-payment .out-box .payment-information span, main.deposit-payment .payment-information select {
    float: right;
    width: 320px;
}
main.deposit-payment .out-box .payment-information span {
    position: relative;
    padding: 0 5px 5px;
    margin-right: 20px;
    border-bottom: 1px solid #dbdbdb;
}
main.deposit-payment .out-box .payment-information span input {
    position: absolute;
    left: 20px;
    width: 250px;
    margin-right: 0;
    text-align-last: right;
}
main.deposit-payment .out-box .payment-information span.account {
    padding: 10px 5px;
    font-size: 18px;
    margin-right: 20px;
    border-bottom: 1px solid #dbdbdb;
}

main.deposit-payment .payment-information .payment-scheduled span {
    color:#6dac4f;
    font-size: 36px;
}
main.deposit-payment .payment-information input {
    padding: 0;
    margin: 0;
    border: none;
}

main.deposit-payment .payment-information > h5 {padding: 28px 20px ;}
main.deposit-payment .payment-information .payment-scheduled h5 {font-size: 28px;}
main.deposit-payment button.account-register {
    float: right;
    width: 125px;
    margin: 20px;
    padding: 8px 0 9px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    background: #6dac4f;
    border-radius: 0;
}
main.deposit-payment button.point-use {
    float: right;
    padding: 5px 10px;
    margin-top: 10px;
    margin-right: 20px;
    border:1px solid #dbdbdb;
    border-radius: 0;
    background: #ebebeb;
    font-size: 16px;
    color: #4b4b4b;
    font-weight: normal;
}
main.deposit-payment button.payment-way {
    float: left;
    width: 598px;
    margin: 0 20px 30px;
    padding: 15px 0;
    background: #6dac4f;
    border-radius: 0;
    font-size: 26px;
}
main.deposit-payment select {
    padding: 15px 20px;
    margin-right: 20px;
    border:1px solid #dbdbdb;
}
main.deposit-payment select option:first-child {color: #dbdbdb;}

main.deposit-payment .corporate-number li h5 {
    margin-top: 20px;
    padding-top: 10px;
}
main.deposit-payment .out-box > div.corporate-number .btn-closed {margin-top:16px;}
main.deposit-payment .corporate-number input {
    width: 102px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    border-radius: 0;
    border:1px solid #dbdbdb;
    font-size:22px;
}
main.deposit-payment .corporate-number input.corporate-name {
    width: 330px;
}
main.deposit-payment .corporate-number button.modify {
    width: 75px;
    margin: 0 20px 0px 10px;
    padding: 10px 0;
    background: #6dac4f;
    border-radius: 0;
    font-size: 22px;
    font-weight: 500;
}
main.deposit-payment button.btn-payment {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #6dac4f;
    border-radius: 0;
}
main.deposit-payment .ppl-review {padding: 20px;}
main.deposit-payment .artist ul {padding: 20px 0;}
main.deposit-payment .ppl-information {
    float: right;
    width: 328px;
    padding: 10px;
    text-align: center;
}
main.deposit-payment .ppl-information > div {
    width: 100%;
    margin-bottom: 20px;
    background: #f2f2f2;
}
main.deposit-payment .ppl-information a {
    display: inline-block;
    width: 185px;
    padding: 8px 0 9px;
    background: #6dac4f;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    border-radius: 20px;
}
main.deposit-payment .ppl-information a:hover {text-decoration: none;}

main.deposit-payment .ppl-information > p span {
    display: inline-block;
    margin-right: 5px;
    font-size: 20px;
}



/* 결제내역 조회 */
main.payment-list .list-box {
    width: 720px;
    padding: 0;
    margin: auto;
}
main.payment-list .list-tab {margin:0;}
main.payment-list .list-tab:after, main.payment-list .deposit-list li:after {
    display: block;
    content: '';
    clear: both;
}
main.payment-list .list-tab li {
    float: left;
    width: 50%;
    margin-bottom: 2px;
}
main.payment-list .list-tab li a {
    display: block;
    width: 100%;
    padding: 10px 0 11px;
    background: #f2f2f2;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

main.payment-list .list-tab li a:hover, main.payment-list .list-tab li.select a {
    text-decoration: none;
    color: #6dac4f;
    background: #fff;
    font-weight: 500;
}
main.payment-list .list-search {
    margin-bottom: 2px;
    padding: 20px 10px;
    background: #fff;
}

main.payment-list .list-search > div {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 10px;
}
main.payment-list .list-search > div button {
    position: absolute;
}
main.payment-list input {
    padding: 10px;
    border-radius: 5px;
    border:1px solid #c9c9c9;
    font-size: 13px;
}
main.payment-list .list-search-input input {width: 300px;}


main.payment-list .list-search-input input::-webkit-input-placeholder {
   color: #c9c9c9;
    font-weight: 500;
    font-size: 17px;
}

main.payment-list .list-search-input input::-moz-placeholder {
    color: #c9c9c9;
    font-weight: 500;
    font-size: 17px;
}

main.payment-list .list-search-input input:-ms-input-placeholder {
    color: #c9c9c9;
    font-weight: 500;
    font-size: 17px;
}

main.payment-list .list-search-input input::input-placeholde {
    color: #c9c9c9;
    font-weight: 500;
    font-size: 17px;
}




main.payment-list .date-select input {width:137px;}
main.payment-list .list-search button.btn-search {
    width: 94px;
    padding: 10px 0 11px;
    background: #6dac4f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
main.payment-list .list-box > h5 {
    margin-bottom: 10px;
    padding: 15px 0;
    background: #fff;
    text-align: center;
    font-size:20px;
    font-weight: 300;
}
main.payment-list .deposit-list {margin-bottom: 0;}
main.payment-list .deposit-list li {
    margin-bottom: 2px;
    background: #fff;
}
main.payment-list .deposit-list li:last-child {margin-bottom: 0;}
main.payment-list .deposit-list li span.photo {
    display: block;
    float: left;
    width: 120px;
    height: 120px;
    padding: 10px;
    border-right: 2px solid #f2f2f2;
}
main.payment-list .deposit-list li span img {
    width: 100%;
    height: auto;
}
main.payment-list .deposit-list span.division {
    display: block;
    width: 115px;
    padding: 5px 0 6px 0;
    border-radius:15px;
    background: #6dac4f;
    color: #fff;
    font-size:13px;
    text-align: center;
}
main.payment-list .deposit-list .product-info {
    float: left;
    width: 380px;
    padding: 20px;
}
main.payment-list .deposit-list li .right {
    position: relative;
    float: right;
    width: 220px;
    height: 120px;
    padding: 20px;
    border-left:2px solid #f2f2f2;
}
main.payment-list .deposit-list li .right h6 {
    margin-top: 17px;
    font-size: 14px;
    margin-bottom: 0;
}
main.payment-list .deposit-list li .right h6 span {
    display: block;
    padding-top: 5px;
    font-size:13px;
    font-weight: 300;
}
main.payment-list .deposit-list li .right a {
    font-size: 16px;
    color: #d80000;
    font-weight: 500;
}
main.payment-list .deposit-list li .right a i {
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 10px;
    background: url(../images/red-arrow.png) no-repeat;
}
main.payment-list .deposit-list li .right button {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 30px;
    height: 30px;
    margin: auto;
    background: url(../images/right-arrow.png) no-repeat center;
}
main.payment-list .deposit-list li .right button.close {background: url(../images/right-arrow-close.png) no-repeat center}
main.payment-list .deposit-list li table {
    width: 100%;
    margin-bottom: 10px;
}
main.payment-list thead th, main.payment-list tbody th, main.payment-list tbody td {
    padding: 10px;
    text-align: center;
}
main.payment-list thead th {
    background: #eaeaea;
    font-weight: 500;
    font-size: 15px;
}
main.payment-list tbody tr {border-bottom: 1px solid #f2f2f2;}
main.payment-list tbody th, main.payment-list tbody td {
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
}
main.payment-list tbody td.state {font-weight: 500;}
main.payment-list tbody td.state.end, main.payment-list tbody td a {color: #060cfb;}

main.payment-list tbody td.state.stand-by {color: #d80000;}
main.payment-list tbody td.state .refund {
    color: #d80000;
    font-size:11px;
}
main.payment-list tbody td .profile-photo, main.payment-list tbody td .star-name {
    display: inline-block;
    vertical-align: middle;
}
main.payment-list tbody td .profile-photo {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background: #f2f2f2;
    border-radius: 13px;
}
main.payment-list tbody td a {border-bottom: 1px solid #060cfb;}
main.payment-list tbody td a:hover {text-decoration: none;}

main.payment-list .btn-more-view {
    width: 100%;
    padding: 10px;
    background: #e8e8e8;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}
main.payment-list .btn-more-view i {
    display: inline-block;
    width: 12px;
    height: 6px;
    background: url(../images/more-btn-arrow.png) no-repeat;
}




/* 공지사항, FAQ */
main.board {
    padding-left: 20px;
    padding-right: 20px;
}
main.board .board-tab, main.board .board-contents  {
    max-width:998px;
    width: 100%;
    margin: 30px auto;
    overflow: hidden;
}
main.board .board-tab {
    box-shadow: 0 3px 9px 0 rgba(63,63,63, 0.1);
    border-radius: 5px;
    overflow: hidden;
}
main.board .board-tab:after {
    display: block;
    content: '';
    clear: both;
}
main.board .board-tab li:first-child a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
main.board .board-tab li:last-child a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
main.board .board-tab li a {
    float: left;
    width: 50%;
    padding: 14px 0;
    text-align: center;
    font-size:20px;
}
main.board .board-tab li a:hover, main.board .board-tab li.current a {
    background: #fff;
    color: #6dac4f;
    text-decoration: none;
    font-weight: bold;
}
main.board .board-contents .board-category {
    text-align: center;
}
main.board .board-contents .board-category h5 {
    font-weight: 400;
    text-align: left;
}
main.board .board-contents .board-category li {
    display: inline-block;
    width: 16.3%;
}

main.board .board-contents .board-category li a {
    display: block;
    width: 100%;
    padding: 15px 0 12px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    background: #fff;
    box-sizing: border-box;
    border-bottom: 3px solid rgba(109, 172, 79,0);
}
main.board .board-contents .board-category li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
main.board .board-contents .board-category li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
main.board .board-contents .board-category li:hover a, main.board .board-contents .board-category li:select a {
    color: #6dac4f;
    text-decoration: none;
    border-bottom: 3px solid #6dac4f;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
main.board .board-contents .board-search {
    margin-bottom: 30px;
    text-align: center;
}
main.board .board-contents .board-search input {
    width: 885px;
    padding: 14px 20px 15px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    vertical-align: top;
}
main.board .board-contents .board-search button {
    padding: 12px 30px 13px;
    margin-left: 7px;
    background: #6dac4f;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    vertical-align: top;
}
main.board .board-contents .board-list li .member-exit {
    display: block;
    width: 160px;
    padding-top: 30px;
    font-size: 18px;
    color: #0113be;
    border-bottom: 1px solid #0113be;
    text-align: center;
}



main.board .board-contents .board-search input::-webkit-input-placeholder {
    color: #878787;
    font-weight: 500;
    font-size: 16px;
}
main.board .board-contents .board-search input::-moz-placeholder {
    color: #878787;
    font-weight: 500;
    font-size: 16px;
}
main.board .board-contents .board-search input:-ms-input-placeholder {
    color: #878787;
    font-weight: 500;
    font-size: 16px;
}
main.board .board-contents .board-search input::input-placeholder {
    color: #878787;
    font-weight: 500;
    font-size: 16px;
}

.inquiry {position:relative;}

main.board .board-contents .board-list, .inquiry .board-list {border-top:2px solid #989898;}
main.board .board-contents .board-list li, .inquiry .board-list li {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
}
main.board .board-contents .board-list li.open, .inquiry .board-list li.open {
    margin-bottom: 10px;
    border-bottom: none;
}
main.board .board-contents .board-list li:after, .inquiry .board-list li:after {
    display: block;
    content: '';
    clear: both;
}
main.board .board-contents .board-list li *, .inquiry .board-list li * {display: block;}
main.board .board-contents .board-list .board-title, .inquiry .board-list .board-title {
    padding: 20px 180px 20px 30px;
    margin-bottom: 0;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:-webkit-box;
}

.inquiry .board-list .board-title {padding: 20px 180px 20px 60px;}
.inquiry .board-list li span.inquiry-num {
    position: absolute;
    width: 60px;
    top: 0;
    left: 0;
    padding:20px 15px;
    text-align: center;
    
} 
.inquiry .board-list .board-title span.icon-state {
    display: inline-block;
    padding: 0 4px;
    margin-left: 7px;
    color: #6dac4f;
    border:1px solid #6dac4f;
    border-radius: 4px;
    font-size: 14px;
}
.inquiry .board-list .board-title span.icon-state.complete {
    border-color: #3b811b;
    background: #3b811b;
    color: #fff;
}
main.board .board-contents .board-list .board-date, .inquiry .board-list .board-date {
    position: absolute;
    top: 0;
    right: 64px;
    padding:20px 10px;
}
.inquiry .board-list .board-date {
    font-size:14px;
    color: #b1b3b7;
}
main.board .board-contents .board-list button, .inquiry .board-list li > button {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 35px;
    height: 35px;
}
main.board .board-contents .board-list button.btn-open, .inquiry .board-list button.btn-open {background: url(../images/board-open.png) no-repeat center;}
main.board .board-contents .board-list button.btn-close, .inquiry .board-list button.btn-close {background: url(../images/board-close.png) no-repeat center;}

main.board .board-contents .board-list p, .inquiry .board-list p {
    width: 100%;
    padding: 20px 30px;
    border-top: 1px solid #d9d9d9;
    margin-bottom: 0;
}

main.board .board-contents .board-list li p, .inquiry .board-list li p {
    display : none;
}

main.board .board-contents .board-list li.open p, .inquiry .board-list li.open p {
    display : block;
}

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



.inquiry .board-list .inquiry-text {
    width:100%;
    padding: 20px 30px;
    background: #fafafa;
    border-top:1px solid #d6d6d6;
}
.inquiry .board-list .inquiry-text ul {margin-bottom: 20px;}
.inquiry .board-list .inquiry-text li {
    padding: 0;
    background: #fafafa;
    border:none;
}
.inquiry .board-list .inquiry-text li h6 {
    display: inline-block;
    width:60px;
    margin-right: 20px;
    font-size: 14px;
    color:#77797e;
}
.inquiry .board-list .inquiry-text li p {
    display: inline-block;
    width: initial;
    padding: 0;
    border:none;
    font-size: 14px;
    color: #484a4e;
}
.inquiry .board-list .inquiry-text p.answer {
    padding: 20px 40px;
    font-size: 14px;
    color: #484a4e;
    background: url('../images/answer-icon.png') no-repeat 5px 15px;
}
.inquiry .board-list .inquiry-text p.answer span.answer-date {
    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: 80px;
    padding: 8px;
    margin-left:10px;
    text-align: center;
    border-radius: 4px;
    font-size:16px;
    font-weight: 500; 
    color: #fff;
}
.inquiry .board-list .inquiry-text button.btn-modify {background: #6dac4f;}
.inquiry .board-list .inquiry-text button.btn-delete {background: #77797e;}

.inquiry button.btn-write {
    position: absolute;
    right: 0;
    width:140px;
    padding: 12px;
    border-radius: 4px;
    background: #6dac4f;
    color:#fff;
    text-align: center;
    font-size:18px;
}
.inquiry .page-nation {
    margin-top: 20px;
    text-align: center;
}

.inquiry-write .write-form {
    border-top:2px solid #77797e;
    text-align: center;
    padding: 30px 60px 10px;
}
.inquiry-write .write-form li {
    text-align: left;
    margin-bottom: 20px;
}
.inquiry-write .write-form li h6, .inquiry-write .write-form li > div {display: inline-block;}
.inquiry-write .write-form li h6 {
    width: 90px;
    margin-right: 30px;
    padding-top: 10px;
    font-size: 18px;
    color: #484a4e;
    font-weight: 400;
    vertical-align: top;
}
.inquiry-write .write-form li h6 span {
    color: #e60000;
}
.inquiry-write .write-form li > div {width: 410px;}
.inquiry-write .write-form li div input, .inquiry-write .write-form li div textarea {
    width: 100%;
    height: 50px;
    padding: 8px 15px;
    border-radius: 4px;
    border:1px solid #9f9f9f;
    vertical-align: top;
}
.inquiry-write .write-form li div textarea {height: 150px;}
.inquiry-write .write-form li.budget div input {
    width:93%;
    margin-right: 5px;
}
.inquiry-write .write-form li.event-time div input {width: 40%; float:left;}

.inquiry-write .btn-area {
    padding-left: 183px;
}
.inquiry-write .btn-area button {
    width:200px;
    height: 60px;
    margin-right: 7px;
    color: #fff;
    font-size:24px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
}
.inquiry-write .btn-area button.btn-cancel {background: #bbbbbb;}
.inquiry-write .btn-area button.btn-next {background: #6dac4f;}
main.board .board-contents .page-nation {
    margin-top: 40px;
    text-align: center;
}
main.board .board-contents .page-nation li, .inquiry .page-nation li {display: inline-block;}
main.board .board-contents .page-nation li a, .inquiry .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, .inquiry .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, .inquiry .page-nation li.next a, .inquiry .page-nation li.forword a {
    width: 40px;
    text-indent: -9999px;
}
main.board .board-contents .page-nation li.forword a, .inquiry .page-nation li.forword a {background: url(../images/board-arrow-forword.png) no-repeat 50%;}
main.board .board-contents .page-nation li.next a, .inquiry .page-nation li.next a {background: url(../images/board-arrow-next.png) no-repeat 50%;}


/* 결제완료 */
main.payment-result {background: #fff;}
main.payment-result > div {
    width: 580px;
    margin: auto;
    padding-top: 80px;
    text-align: center;
}
main.payment-result div.deposit-infomation, main.payment-result div.deposit-infomation2, main.payment-result div.delivery-infomation {
    width: 500px;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 80px;
}
main.payment-result div.deposit-infomation2 {padding-bottom: 30px;}
main.payment-result div.delivery-infomation {padding-top: 0;}
main.payment-result div.deposit-infomation:after, main.payment-result div.deposit-infomation2:after, main.payment-result div.delivery-infomation:after {
    display: block;
    content: '';
    clear: both;
}
main.payment-result div.deposit-infomation h5, main.payment-result div.deposit-infomation2 h5, main.payment-result div.delivery-infomation h5 {
    float: left;
    font-weight: bold;
}
main.payment-result div.deposit-infomation ul, main.payment-result div.deposit-infomation2 ul, main.payment-result div.delivery-infomation ul {
    float: right;
    width: 350px;
    margin-left: 30px;
    padding: 5px 0 0 30px;
    text-align: left;
    border-left: 1px solid #dfdfdf;
}
main.payment-result div.deposit-infomation li, main.payment-result div.deposit-infomation2 li, main.payment-result div.delivery-infomation li {
    margin-bottom: 10px;
    font-size:20px;
    font-weight: 500;
}

main.payment-result button {
    display: block;
    width: 300px;
    margin: auto;
    padding-top: 13px;
    padding-bottom: 14px;
    border-radius: 10px;
    background: #6dac4f;
    color: #fff;
    font-size: 22px;
    font-weight: bold;

}



/* 프로필 수정 */
main.profile-modify .out-box {
    position: relative;
    padding: 40px 40px 105px;
    text-align: left;
}
main.profile-modify h3 {
    font-weight: bold;
    margin-bottom: 50px;
}
main.profile-modify li {margin-bottom: 30px;}
main.profile-modify li h5 {font-size: 22px;}
main.profile-modify .out-box > button {
    position: absolute;
    bottom: 0;
    width: 50%;
    border-radius: 0;
    font-size: 26px;
    font-weight: 500;
}
main.profile-modify .photo-modify {position: relative;}
main.profile-modify .photo-modify, main.profile-modify .profile-photo-box  {
    width: 140px;
    height: 140px;
    box-sizing: border-box;
}
main.profile-modify .profile-photo-box {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}
main.profile-modify .profile-photo-box > img {
    width: 100%;
    height: auto;
}
main.profile-modify button.btn-photo-modify {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 50px;
    padding: 0 0 5px;
    background: #5a9608;

}
main.profile-modify button.btn-photo-modify img {
    width: 29px;
    height: auto;
    margin-top: -3px;
}


main.profile-modify .out-box > button.cancel {
    left: 0;
    color: #4b4b4b;
    background: #c4c4c4;
}
main.profile-modify .out-box > button.apply {
    right: 0;
    background: #6dac4f;
}



/* 마이페이지 : 광고비 정산 (사업자) */
.mypage-right .out-box {
    position: relative;
    padding: 40px 40px 100px 40px;
    margin-top: 0;
    text-align: left;
}
.mypage-right .out-box h3 {
    font-size: 26px;
    font-weight: bold;
}
.mypage-right .out-box > div {
    border: 1px solid #dbdbdb;
    margin-bottom: 40px;
}
.mypage-right div:after, .mypage-right li:after {
    display: block;
    content: '';
    clear: both;
}
.mypage-right .out-box .payment-product {padding: 20px;}
.mypage-right .photo-box {
    float: left;
    width: 250px;
    height: 190px;
    margin-right: 30px;
    background: #f2f2f2;
    box-sizing: border-box;
}
.mypage-right .out-box .photo-box img {
    width: 100%;
    height: auto;
}
.mypage-right .out-box .payment-product h6, .mypage-right .out-box .payment-product p {
    float: left;
    width:310px;
}
.mypage-right .out-box .payment-product span, main.deposit-payment .payment-product2 div.left span {
    float: left;
    display: block;
    width: 160px;
    padding: 6px 5px 7px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 20px;
    background: #6dac4f;
    text-align: center;
    color: #fff;
}

main.deposit-payment div.payment-product2 {padding-bottom: 20px;}
main.deposit-payment div.payment-product2 > h5 {
    float: left;
    width: 100%;
    padding-bottom: 0;
}
main.deposit-payment div.payment-product2 > div {
    width: 50%;
    padding: 0 10px;
}
main.deposit-payment div.payment-product2 .photo-box {
    float: none;
    margin:25px auto;
}
main.deposit-payment .payment-product2 div.left h6, main.deposit-payment .payment-product2 p {
    width:100%;
    padding: 0 10px;
    text-align: center;
}
main.deposit-payment .payment-product2 div.left span {
    float: none;
    margin: auto;
}
main.deposit-payment .payment-product2 .artist {
    float: none;
    display: block;
    margin:auto;
}




main.deposit-payment .payment-product2 .payment-product2-wrap {
    position: relative;
    width: 95%;
    margin: auto;
}

.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;
    background: none;
}
.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;

}







.mypage-right .out-box div h5, .mypage-right .out-box div li span {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 22px;
}
.mypage-right .out-box h5.title {
    float: none;
    width: 300px;
    margin: 0;
    padding: 25px 20px;
}
.mypage-right .out-box > div .btn-closed {
    float: right;
    display: block;
    width: 40px;
    height: 30px;
    margin: 25px 30px 0;
    padding: 0;
    background: url(../images/btn-close-arrow.png) no-repeat center;
}
.mypage-right .out-box div > ul {
    border-top:1px solid #dbdbdb;
    margin: 0;
    padding-top: 20px;
}
.mypage-right .out-box div > ul > li {padding: 0 20px 20px;}
.mypage-right .out-box div h5 {
    float: left;
    width: 280px;
    margin-bottom: 0;
}
.mypage-right .out-box div span, .mypage-right .out-box div select {
    float: right;
    text-align: right;
}
.mypage-right .out-box div span {
    width: 300px;
    padding-left: 10px;
    border-bottom: 1px solid #dbdbdb;
}
.mypage-right .out-box li.bank-select {position: relative;}
.mypage-right .out-box li.bank-select button.btn-select {
    position: absolute;
    top: -5px;
    right: 20px;
    width: 70px;
    padding: 4px 0;
    background: #9e9e9e;
    font-size: 20px;
    font-weight: 400;
    border-radius: 2px;
}
.mypage-right .out-box input[type=text] {
    padding: 0;
    margin: 0;
    border: none;
}
.mypage-right .out-box div .total {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #e1eedb;
}
.mypage-right .out-box div li.total span {
    font-size: 34px;
    font-weight: bold;
    border-bottom: none;
}
.mypage-right .out-box div li.total h5 {padding-top: 15px;}
.mypage-right .out-box button.account-register {
    float: right;
    width: 150px;
    margin-top: 16px;
    margin-right: 20px;
    padding: 8px 0 9px;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    background: #6dac4f;
    border-radius: 0;
}
.mypage-right .out-box div select {
    width: 320px;
    padding: 10px;
    border:1px solid #dbdbdb;
    background: #fff;
}
.mypage-right .out-box div li h6.warning {padding-top: 5px;}
.mypage-right .out-box div li h6.warning, .mypage-right .out-box div h6.warning span {color: #6dac4f;}
.mypage-right .out-box div h6.warning {
    display: block;
    width: 100%;
    clear: both;
}
.mypage-right .out-box div > h6.warning {
    padding-left: 20px;
    padding-bottom: 20px;
}
.mypage-right .out-box div h6.warning span {
    float: none;
    border: none;
    padding-left: 0;
}
.mypage-right .out-box .radio-btn li {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}
.mypage-right .out-box .radio-btn input[type="radio"] {
    position: absolute;
    top: 7px;
    width: 19px;
    height: 19px;
    opacity: 0;
}
.mypage-right .out-box .radio-btn label {
    padding-left: 25px;
    background: url('../images/modify-radio-off.png') no-repeat left 6px;
}
.mypage-right .out-box .radio-btn input:checked + label {background: url('../images/modify-radio-on.png') no-repeat left 6px;}


.mypage-right button.btn-payment {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #6dac4f;
    border-radius: 0;
}
.mypage-right .out-box button.cancel {background: #9f9f9f;}
.mypage-right .out-box button.bottom-half {width: 50%;}
.mypage-right .out-box button.bottom-half.cancel {left: 0;}
.mypage-right .out-box button.bottom-half.apply {
    right: 0;
    left: auto;
}




.mypage-right.membership-transfer {
    position: relative;
    text-align: center;
    min-height: 460px;
    height: 100%;
}
.mypage-right.membership-transfer div {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 732px;
    height: 181px;
}
.mypage-right.membership-transfer p {
    font-size: 20px;
    font-weight: 400;
}
.mypage-right.membership-transfer a {
    display: inline-block;
    width: 310px;
    padding: 17px 0 16px;
    text-align: center;
    border-radius: 40px;
    color: #fff;
    background: #6dac4f;
    font-weight: 500;
    font-size: 28px;
}
.mypage-right.membership-transfer a:hover {text-decoration: none;}



.document-box {
    width: 840px;
    margin: auto;
    padding: 70px;
    background: #fff;
    border:1px solid #c4c4c4;
}

.document-box > h3 {
    margin-bottom: 40px;
    font-size:27px;
    font-weight: 500;
}
.document-box li h5 {
    font-size:18px;
    font-weight: 600;
}
.document-box li h6 {font-size:16px;}
.document-box li p, .document-box .depth2 > li {font-size:16px;}

.document-box .depth1 > li {margin-bottom: 50px;}
.document-box .depth1 > li:last-child, .document-box .depth2 > li:last-child {margin-bottom: 0;}
.document-box .depth2 {margin-top: 15px;}
.document-box .depth2 > li {margin-bottom: 30px;}
.document-box .depth3 {margin-left: 15px;}
.document-box table {width: 100%;}
.document-box table thead {
    border-top: 1px solid #969696;
    background: #f1f1f1;
    font-size: 16px;
}
.document-box thead th {padding:23px 15px 22px;}
.document-box tbody td {padding:24px 15px;}
.document-box table th, .document-box table td {border-bottom:1px solid #d2d2d2;}
.document-box table tbody {font-size:14px;}


@media (max-width: 1199px){
    .brand-profile {padding: 40px 0 10px;}
    .brand-profile .brand-photo {
        width: 90px;
        height: 90px;
    }
    .brand-profile h5 {
        font-size:15px;
        margin-bottom: 5px;
    }
    .brand-profile h5.brand-name {font-size:18px;}
    .brand-profile h6, .brand-profile p {font-size:16px;}
    .brand-profile ul {
        margin-top:20px;
        padding-top: 20px;
    }
    .brand-profile ul.brand-ad-quantity {
        padding-left: 20px;
        padding-right: 20px;
    }
    .brand-profile .bottom-box a {
        padding: 8px;
        font-size:16px;
    }





    ul.brand-ad-list > li {padding-right: 150px}
    .brand-ad-list .product-img {
        width: 95px;
        margin-right: 10px;
    }
    .brand-ad-list h6, .brand-ad-list li {font-size:12px;}
    .brand-ad-list h6 {
        padding-top: 8px;
        margin-bottom: 5px;
    }
    .brand-ad-list .ad-state {width: 140px;}
    .brand-ad-list .ad-state li {font-size:24px;}
    .brand-ad-list .ad-state h6 {font-size:13px;}
    .brand-ad-list .ad-state li.stand-by span {
        padding: 10px 15px;
        font-size:13px;
    }
}
/* 태블릿 */
@media (max-width: 811px) {
    .brand-right {width: 63.9%;}



    /* ad-detail */
    main.ad-detail .product-deposit {width: 260px;}
    main.ad-detail .in-box {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    main.ad-detail .in-box .main-photo {
        width: 175px;
        height: 135px;
        margin-bottom: 21px;
    }
    main.ad-detail .in-box h4, main.ad-detail .in-box h5, main.ad-detail .in-box h6, main.ad-detail .in-box .account li {
        padding-left: 20px;
        padding-right: 20px;
    }
    main.ad-detail .in-box h4 {font-size:20px;}
    main.ad-detail .in-box h5, main.ad-detail .in-box h5.deposit {font-size: 16px;}
    main.ad-detail .in-box h6 {font-size: 14px;}
    main.ad-detail .in-box h6.font-size18 {font-size:18px;}
    main.ad-detail .in-box h1 {font-size:50px;}
    main.ad-detail .in-box .account li {font-size: 16px;}

    main.ad-detail .product-deposit button {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 20px;
    }
    main.ad-detail .product-deposit button.out-button-two {width: 125px;}

    main.ad-detail .product-information {
        width: 420px;
        padding: 15px 20px 32px;;
    }
    main.ad-detail .infomation-title {
        font-size: 16px;
    }
    main.ad-detail .product-img2 li, main.ad-detail .example-photo li {
        margin-right: 16px;
        margin-bottom: 9px;
    }
    main.ad-detail .product-img2 li, main.ad-detail .example-photo li {
        width: 116px;
        height: 85px;
    }
    main.ad-detail .list-progress {
        float: none;
        width: 100%;
    }
    main.ad-detail .list-progress > li {padding: 20px 30px;}
    main.ad-detail .star-profile span {
        width: 80px;
        height: 80px;
    }
    main.ad-detail .star-profile h6 {font-size: 15px;}
    main.ad-detail .progress-step > li {
        width: 67px;
        height: 107px;
        padding-top: 80px;
    }
    main.ad-detail .progress-step .present {width: 128px;}
    main.ad-detail .progress-step span {
        top: 5px;
        width: 60px;
        height: 60px;
        padding: 22px 13px;
        font-size: 12px;
    }

    main.ad-detail .progress-step .present span {
        top:0px;
        width: 70px;
        height: 70px;
        padding-top: 25px;
        font-size: 16px;
    }
    main.ad-detail .progress-step .present h6 {font-size: 13px;}

    main.ad-detail .progress-step .delivery h6 {font-size: 10px;}
    main.ad-detail .progress-step .delivery h6 a {padding: 0 6px 1px;}

    main.ad-detail .progress-step .making a, main.ad-detail .progress-step .finish a, main.ad-detail .progress-step .payment a {
        padding: 1px 8px;
        font-size:13px;
    }




    /* 공지사항, FAQ */
    main.board .board-tab, main.board .board-contents  {
        width:715px;
        margin: 20px auto;
    }

    main.board .board-tab li a {
        padding: 10px 0;
        font-size:14px;
    }
    main.board .board-contents .board-search {margin-bottom: 20px;}
    main.board .board-contents .board-search input {
        width: 450px;
        padding: 7px 15px;
    }
    main.board .board-contents .board-search button {
        padding: 11px 18px;
        font-size: 12px;
    }



    main.board .board-contents .board-search input::-webkit-input-placeholder {font-size: 13px;}
    main.board .board-contents .board-search input::-moz-placeholder {font-size: 13px;}
    main.board .board-contents .board-search input:-ms-input-placeholder {font-size: 13px;}
    main.board .board-contents .board-search input::input-placeholder {font-size: 13px;}
    main.board .board-contents .board-category li {
        width: 33%;
        margin-bottom: 3px;
    }
    main.board .board-contents .page-nation {
        margin-top: 25px;
        text-align: center;
    }
    main.board .board-contents .page-nation li a {
        padding: 5px;
        font-size:13px;
    }
    main.board .board-contents .page-nation li.forword a, main.board .board-contents .page-nation li.next a {
        width: 20px;
        background-size:5px 10px;
    }

    main.board .board-contents .board-list li * {font-size:13px;}
    main.board .board-contents .board-list .board-title {padding: 15px 180px 15px 20px;}
    main.board .board-contents .board-list .board-date {
        right: 44px;
        padding:15px 10px;
    }

    main.board .board-contents .board-list p {padding: 15px 20px;}

    main.board .board-contents .board-list button {
        top: 6px;
        right: 10px;
    }




    /* 마이페이지 */
    .mypage-left {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .mypage-left .profile-top {padding: 30px 30px 20px;}
    .mypage-left .profile-photo {
        width: 80px;
        height: 80px;
    }
    .mypage-left .profile-top button {
        width: 45px;
        height: 45px;
    }
    .mypage-left .brand-name {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 20px;
    }
    .mypage-left .point {font-size:16px;}
    .mypage-left .possession-brand {display: none;}

    .mypage-left .mypage-bottom {
        margin-bottom: 0;
        padding: 0;
        border-top:1px solid #f2f2f2;
    }
    .mypage-left .mypage-bottom:after {
        display: block;
        content: '';
        clear: both;
    }
    .mypage-left .mypage-bottom li {
        display: inline-block;
        float: left;
        width: 25%;
        margin-bottom: -1px;
        border-right:1px solid #f2f2f2;
        border-bottom:1px solid #f2f2f2;
    }
    .mypage-left .mypage-bottom li:nth-child(4n) {border-right: none;}

    .mypage-left .mypage-bottom li a {
        padding: 37px 10px 36px;
        font-size:18px;
    }
    .mypage-left .mypage-bottom li a:hover, .mypage-left .mypage-bottom li.select a {background: #e1eedb;}



    .mypage-right {
        float: none;
        width: 100%;
        padding-left:0;
    }
    .mypage-right .brand-list-tap a {width: 5%;}
    .mypage-right .brand-list-tap ul {width: 89%;}
    .mypage-right .brand-list-tap li {width: 16.66%;}
    .mypage-right .brand-list-tap li a, .mypage-right .brand-list-tap li button {width: 100%;}


    .mypage-right .payment-list-search {text-align: center;}

    .mypage-right .payment-list-search input {
        width: 17%;
        margin: 1%;
    }
    .mypage-right .payment-list-search input.search-word-input {
        width: 45%;
        margin-left: 0;
    }
    .mypage-right .payment-list-search button {
        width: 13%;
        margin-left: 1%;
    }
    .mypage-right h5.account-info {font-weight: 400;}

    .mypage-right .mypage-payment-list .product-img {
        width: 18%;
        max-width: 130px;
    }
    .mypage-right .mypage-payment-list .product-information {
        width: 50%;
        max-width: 345px;
    }
    .mypage-right .mypage-payment-list .product-information2 {
        width: 37%;
        max-width: 255px;
    }
    .mypage-right .mypage-payment-list .ad-state {
        width: 30%;
        max-width: 200px;
    }
    .mypage-right .mypage-payment-list .ad-state h5, .mypage-right .mypage-payment-list .ad-state h6 {width: 180px;}

    .mypage-right .mypage-payment-list

    /* 광고등록 공통 */
    main.ad-detail-artist .ad-detail-modify li h4, .mypage-register .ad-detail-modify li h4 {width: 210px;}

    /* 마이페이지 광고등록 */
    .mypage-register .ad-detail-modify .category-button button {width: 136px;}
    .mypage-register .ad-detail-modify .product-intro li:first-child, .mypage-register .ad-detail-modify .img-upload li {width: 137px !important;}
    .mypage-register .ad-detail-modify .product-intro li:nth-child(2), .mypage-register  .ad-detail-modify .product-intro li:nth-child(3) {width: 443px;}
    .mypage-register .ad-detail-modify .ad-expenses2 ul {width: 485px;}






    /* 브랜드 등록하기 팝업 */
    .brand-listup {
        width: 94%;
        height: 1228px;
        margin: auto 3%;
    }
    .brand-listup > ul > li {
        display: block;
        float: none;
        width: 100%;
    }
    .brand-listup li h5 {
        width: 22%;
        max-width: 125px;
    }
    .brand-listup span.sales-info, .brand-listup div.sales-info-pop {top: 5px;}

    .brand-listup div, .brand-listup .full-width div, .brand-listup .full-width ul {width: 75%;}

    .brand-listup li.brand-introduce input, .brand-listup li.brand-logo input {width: 82%;}
    .brand-listup li button {width: 16%;}
    .brand-listup .category li, .brand-listup .category li:nth-child(5n) {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .brand-listup .category li:nth-child(4n) {margin-right: 0;}
    .brand-listup .category button {
        width: 103px;
        font-size: 15px;
    }
    .brand-listup > button.btn-ok {padding: 19px 0;}




    main.ad-detail-artist .list-progress {width: 100%;}
    main.ad-detail-artist .list-progress > li {padding: 20px;}

}
/* 태블릿 */
@media (max-width: 767px) {
    .brand-profile {min-width: unset;}





}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

 .modal-enter {
    opacity: 0;
 }

.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#default-address {
    cursor: pointer;
}

/*** modal 팝업 ***/
.popup-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.popup-container {
    width: 400px;
    height: 400px;
    margin: 0px auto;
    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 {
    /* position: relative; */
    float: right;
    width: 28px;
    font-size: 28px;
    background: #fff;
    margin: 10px 16px;
    padding: 0;
}
.popup-container .body {
    clear: both;
    text-align: center;
    position: relative;
}
.popup-container .btn-confirm {
    width: 100%;
    padding: 23px 0;
    background: #6dac4f;
    font-size: 28px;
    color: #fff;
    border-radius: 0 0 10px 10px;
}
/* 거절사유 팝업의 거절 사유 */
.popup-container .body p.box {
    height: 153px;
    padding: 20px;
    margin: 0 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: left;
}
/* 서비스 준비중 팝업 */
.popup-container .body .title {
    font-size: 24px;
    padding-top: 50px;
}
/* 검토중 팝업 */
.popup-container .body .title.three {
    padding-top: 20px;
}
.popup-container .body .content {
    font-size: 20px;
    padding-top: 50px;
}
/* 등록회원 전환하기 팝업 */
.popup-container.transfer-alarm h4 {
    padding: 60px 0;
}
.popup-container.transfer-alarm a {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px solid #acacac;
}
/* 승인대기 팝업: 중앙2줄 */
.popup-container.artist-standby h4 {
    padding: 105px 0;
}
/*** modal 팝업 끝 ***/

/* 아이디 찾기 */
#find-wrap.container {
    position: relative;
    width: 100%;
    min-height: 92vh;
}
#find-wrap.container .idSearchBox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 660px;
    height: 601px;
    padding: 50px 120px 0;
    margin: auto;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 9px 0 rgba(63,63,63,0.2);
    border: none;
}
#find-wrap.container .idSearchBox .idSearchTitle {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
}
#find-wrap.container .idSearchBox .idSearchTitle h4 {
    font-size:28px;
    font-weight: 500;
}
#find-wrap.container .idSearchBox .idSearchForm {margin:0;}
#find-wrap.container .idSearchBox .idSearchForm > div {margin: 0 0 20px 0;}
#find-wrap.container .idSearchBox .idSearchForm input {
    width: 100%;
    padding: 10px 15px 11px;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    font-size: 18px;
    outline: 0;
}
#find-wrap.container .idSearchBox .idSearchForm input:hover, #find-wrap.container .idSearchBox .idSearchForm input:focus {outline: 0;}
#find-wrap.container .idSearchBox .idSearchForm button {
    width: 100%;
    padding: 10px 10px;
    margin-top: 10px;
    background: #6dac4f;
    border:none;
    font-size:20px;
}
#find-wrap.container .idSearchBox .idSearchForm button[disabled] {
    background: #bbb;
}
#find-wrap.container .idSearchBox > button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 10px;
    background: #6dac4f;
    color:#fff;
    font-size:28px;
    font-weight: 500;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.id-search-complete, .pw-search-complete {
    top: 0;
    bottom: 0;
    height: 330px;
    padding: 70px 30px;
}
.id-search-complete {height: 330px;}
.pw-search-complete {height: 400px;}
.id-search-complete a, .pw-search-complete a {
    display: inline-block;
    text-align: center;
    margin-top: 50px;
    border-bottom: 1px solid #666;
}
.idSearchresult {
    margin: 0;
    padding: 100px 0;
}
.idSearchresult label {
    display: block;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}
.idSearchresult span {
    display: block;
    text-align: center;
    font-size:20px;
    font-weight: 400;
    color: #666;
}
#find-wrap.container .idSearchBox .idSearchForm > div.idSearchForm_email2:nth-child(1) {margin-top: 80px;}
#find-wrap.container .idSearchBox .idSearchForm > div.idSearchForm_email2:nth-child(2) {margin-top: 40px;}
.idSearchForm_email2 div {
    display: block;
    width: 100%;
}
.idSearchForm_email2 div label {font-weight: 500;}
.idSearchForm_email2 div span {
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.idSearchForm_email2 div span.success {color: #6dac4f;}
.idSearchForm_email2 div span.error {color:#ff0000;}


/* 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:20px;}


/**
 * 진짜 모달팝업 및 팝업내부 버튼 세팅
 */
 .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: 15px;
}
.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: 24px 0 23px;
    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 15px;
}
.real-popup-wrapper .popup-box .real-btn-wrap .real-btn.r, .popup-box-reset .real-btn-wrap .real-btn.r{
    border-radius: 0 0 15px 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 15px 15px;
}
.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-20{
    padding : 20px;
}
.pd-30{
    padding : 20px;
}
/**
 * padding bottom
 */
.pb-0{
    padding-bottom : 0px;
}
.pb-10{
    padding-bottom : 10px;
}
.pb-20{
    padding-bottom : 20px;
}
.pb-30{
    padding-bottom : 30px;
}
/**
 * padding top
 */
.pt-0{
    padding-top : 0px;
}
.pt-10{
    padding-top : 10px;
}
.pt-20{
    padding-top : 20px;
}
.pt-30{
    padding-top : 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;
}

.popupSubWrap{
    margin : 30px;
}
.popup-box-reset .real-btn-wrap .addbtnopt{
    padding: 17px 0 20px;
    background: #517e3c;
    font-size: 22px;
    color: #fff;
    line-height: 1;
}
/**
 * tutorial popup set
 */
.real-popup-wrapper .tutorial-box{
    width : 700px;
    height : 576px;
    position: absolute;
    right : 0px;
    left : 0px;
    bottom : 0px;
    top : 0px;
    margin : auto;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    top: 60px;
    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 label.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{
    width : 600px;
    height : 80%;
    overflow-y : scroll;
}
.popup-guide img.guide{
    width : 600px;
}
#filter_categorys .reset-grid, #filter_adTypes .reset-grid{
    padding: 5px;
}
#filter_categorys .reset-grid button, #filter_adTypes .reset-grid button{
    display: block;
    width : 100%;
    height: 46px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight : 400;
    background: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#filter_categorys .select button, #filter_adTypes .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: 14px;
    font-weight : 400;
    background: #fff;
    text-align: center;
}
.reset-grid-wrap .select button{
    background: #e1eedb;
    border-color: #e1eedb;
}
.brand-reset-grid-wrap .reset-grid-opt{
    padding : 5px;
}
#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;
}