/*=================================================
			버튼, 색 설정
=================================================*/
/*****#####===== 솔루션 =====#####*****/
.solution-color-1{color:#F07229;}
.solution-color-2{color:#dc0000;}
.solution-color-3{color:#ff2514;}
.solution-sub-1{color:#111111;}
.solution-sub-2{color: #555555;}
.solution-sub-3{color: #777777;}
.solution-sub-4{color: #999999;}
.solution-sub-5{color: #cccccc;}
.solution-sub-6{color: #dddddd;}
.solution-sub-7{color: #eeeeee;}
.solution-bg-1{background-color:#F6F6EE;}
.solution-bg-2{background-color:#555555;}
.solution-bg-2{background-color:#f7f7f7;}

.solution-border-1{
    border-color: #e5e5e5 !important;
}

.solution-btn-1{
    color: #ffffff !important;
    background-color: #000000;
    border-radius: 0px;
}

.solution-btn-1:hover{
    background-color: #6d6d6d;
}

.solution-btn-2{
    border:1px solid #000000;
    border-radius: 0px;
}

.solution-btn-2:hover{
    color:#ffffff;
    background-color: #333333;
}

.solution-btn-3{
    border:2px solid #000000;
    border-radius: 23px;
}

.solution-btn-4{
    color: #ffffff !important;
    background-color: #333333;
    border-radius: 0px;
}

.solution-btn-4:hover{
    color: #333333 !important;
    background-color: #ffffff;
    border:1px solid #333333;
}

.solution-btn-5{
    color: #666666;
    background-color: #fdfdfd;
    border: solid 1px #dbdbdb;
    border-radius: 0px;
}

.solution-btn-5:hover{
    color: #ffffff;
    background-color: #333333;
}

.solution-btn-6{
    color: #666666;
    border: solid 1px #666666;
    border-radius: 0px;
}

.solution-btn-6:hover{
    color: #ffffff;
    background-color: #333333;
}

.solution-btn-7{
    color: #666666;
    border: solid 1px #d2d2d2;
    border-radius: 0px;
}

[class*="solution-btn"]{
    padding:0.6rem 1.2rem;
}

/*****#####===== 폰트 =====#####*****/
.page-h1{
    font-size: 1.25rem;
}

.page-h2{
    font-size: 1.125rem;
}

.page-h3{
    font-size: 1rem;
}

.page-h4{
    font-size: 0.875rem;
}

.page-h5{
    font-size: 0.8125rem;
}

.page-h6{
    font-size: 0.75rem;
}

.page-display-1{
    font-size: 1.75rem;
}

.page-display-2{
    font-size: 1.625rem;
}

.page-display-3{
    font-size: 1.375rem;
}

.page-display-4{
    font-size: 0.875rem;
}

.page-display-5{
    font-size: 0.8125rem;
}

.page-display-6{
    font-size: 0.75rem;
}

.page-display-7{
    font-size: 0.6875rem;
}

.page-title{
    font-weight: 600;
    line-height: 1em;
    text-align: left;
}

.page-subtitle{
    font-weight: 400;
}

.font-w300{
    font-weight: 300;
}

.font-w400{
    font-weight: 400;
}

.font-w500{
    font-weight: 500;
}

.font-w600{
    font-weight: 600;
}

.font-w700{
    font-weight: 700;
}

.bold{
    font-weight:bold !important;
}

.roboto {
    font-family: 'roboto';
    letter-spacing: inherit;
}

/*=================================================
			row 설정
=================================================*/
/*****#####===== row 설정 =====#####*****/
/*****##### 18 #####*****/
.row-18 {
    margin-left: -18px;
    margin-right: -18px;
}

.row-18 > div[class*='col'] {
    padding-left: 18px;
    padding-right: 18px;
}

/*****##### 12 #####*****/
.row-12 {
    margin-left: -12px;
    margin-right: -12px;
}

.row-12 > div[class*='col'] {
    padding-left: 12px;
    padding-right: 12px;
}

/*****##### 9 #####*****/
.row-9 {
    margin-left: -9px;
    margin-right: -9px;
}

.row-9 > div[class*='col'] {
    padding-left: 9px;
    padding-right: 9px;
}

/*****##### 4 #####*****/
.row-4 {
    margin-left: -4px;
    margin-right: -4px;
}

.row-4 > div[class*='col'] {
    padding-left: 4px;
    padding-right: 4px;
}

/*****##### 미디어 쿼리 #####*****/
/***** md ~ lg *****/
@media (min-width: 768px) and (max-width: 991.98px) {
    .row-12 {
        margin-left: -7px;
        margin-right: -7px;
    }

    .row-12 > div[class*='col'] {
        padding-left: 7px;
        padding-right: 7px;
    }
}

/***** xs ~ md *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .row-12 {
        margin-left: -5px;
        margin-right: -5px;
    }

    .row-12 > div[class*='col'] {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*=================================================
			hidden
=================================================*/
.hidden {
    visibility: hidden;
}

/*=================================================
			container
=================================================*/
/*****#####===== 미디어 쿼리 =====#####*****/
/***** xl ~ *****/
@media (min-width: 1600px) {
    .container{
        max-width: 1440px;
    }

    .container[data-type="service"]{
        max-width: 1310px;
    }
}

/***** xl ~ *****/
@media (min-width: 1200px) {
    .container[data-type="view"]{
        max-width: 1023px;
    }
}

/*================================================
            [Controller] 일반
=================================================*/
.cart-badge{
    display: none;
    position: absolute;
    top: 0;
    right: 0;

    padding: 0;
    width: 14px;
    height: 14px;

    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #ffffff;

    background-color: #0f6674;
    border-radius: 100%;
}

.cart-badge.active{
    display: inline-block;
}

label{
    margin-bottom: 0;
}

/*================================================
            [Controller] 전체
=================================================*/
.side-blank{
    width: 25rem;
}

/*****#####===== 페이지헤더 =====#####*****/
.page-header{
    text-align: center;

    margin-bottom:1.5rem;
}

/*****#####===== height =====#####*****/
.height-full-wrap{
    min-height: calc(100vh - 8.5rem);
}

.height-full-apply{
    height: calc(100vh - 8.5rem);
}

/*****#####===== 라인 타이틀 =====#####*****/
.line-title-wrap{
    position: relative;

    text-align: center;
}

.line-title-wrap:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 1px;

    background-color: #d9d9d9;

    transform: translate(-50%, -50%);
}

.line-title-wrap .line-title {
    display: inline-block;
    position: relative;

    padding: 0 1rem;

    text-align: center;

    background-color: #ffffff;
}

.underline-title-wrap {
    margin: 1.75rem 0 1.25rem 0;

    border-bottom: 1px solid #111111;
}

.underline-title-wrap .line-title {
    margin-bottom: 0.5rem;

    font-size: 1.125rem;
}

/*****#####===== 구분 라인 =====#####*****/
.each-line{
    position: relative;
}

.each-line:not(:last-child):after{
    content:'';
    position: absolute;
    top:50%;
    right: 0;

    width:1px;
    height: 0.625rem;

    background-color:#e8e8e8;

    transform: translateY(-50%);
}

/*****#####===== 패턴 라인 =====#####*****/
.paragraph-line-pattern {
    width: 100%;
    height: 9px;
    background-position: center;
    background-image: url(/img/sys/pattern.png);
    background-repeat: repeat-x;
}

/*****#####===== 테이블 =====#####*****/
.table tr th,
.table tr td{
    padding: 1rem;

    border-top: none;
    border-bottom: 1px solid #e8e8e8;

    vertical-align: middle;
    word-break: keep-all;
}

.table thead th,
.table tr th{
    padding: 1.2rem 1rem;

    font-weight: 600;

    border-bottom: 1px solid #e8e8e8;
}

/*****#####===== 버튼 =====#####*****/
.page-wrap .btn-wrap{
    margin-top: 2rem;
}

[class*="btn-wrap"]{
    cursor: auto;
}

/*****##### sns #####*****/
.btn-sns{
    border-radius: 0;
}

/*****#####===== slick dot =====#####*****/
ul.slick-dots > li > button{
    padding: 0;
}

.slick-dots li {
    width: 0.7em;
    height: 0.7em;
    margin: 0 0.2em;
}

.slick-dots li button {
    background-color: #ffffff;
    border:1.5px solid #000000;

    opacity: 1;
}

.slick-dots li.slick-active button {
    background-color: #000000;

    opacity: 1;
}

/*****#####===== card 화살표 =====#####*****/
.card .card-header .collapse-arrow{
    padding: 0;
}

/*****#####===== pretty =====#####*****/
.pretty .state label:after,
.pretty .state label:before,
.pretty.p-svg .state .svg {
    top: calc((0% - (100% - 1em)) - 8%);

    width: calc(1.3em + 2px);
    height: calc(1.3em + 2px);
}

#user-login-body .pretty .state label:after,
#user-login-body .pretty .state label:before,
#user-login-body .pretty.p-svg .state .svg {
    top: calc((0% - (100% - 1em)) - 25%);

    width: calc(1.3em + 2px);
    height: calc(1.3em + 2px);
}

#mypage-info-body .pretty .state label:after,
#mypage-info-body .pretty .state label:before,
#mypage-info-body .pretty.p-svg .state .svg {
    top: calc((0% - (100% - 1em)) - 25%);
}

#user-login-body .pretty.p-svg .state .svg {
    background-color: #000000;  
}

.pretty.p-svg .state .svg{
    padding: 0.15rem;
}

.pretty .state label{
    font-weight: 600;
    text-indent: 2em;

    cursor: pointer;
}

.pretty .state label:before {
    border-color: #a5a5a5;
}

/*****#####===== 브래드크럼 =====#####*****/
.breadcrumb-item+.breadcrumb-item{
    padding-left: 0.2rem;
}

.breadcrumb-item+.breadcrumb-item::before{
    padding-right: 0;
}

.breadcrumb-wrap {
    margin-top: 0.25rem;
}

.breadcrumb-wrap .breadcrumb {
    color: #999999;
}

.breadcrumb-wrap .breadcrumb-item:last-child {
    color: #222222;
}

/*****##### active #####*****/
.breadcrumb-item.active{
    color: #222222;
}

/*****#####===== 스크롤바 =====#####*****/
.custom-scrollbar{
    overflow-y:scroll;
    overflow-x:hidden;
}

/*****##### 미디어쿼리 #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .custom-scrollbar::-webkit-scrollbar{
        width:16px;

        background-color:transparent;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb{
        background-color:#000000;
        border:6px solid #ffffff;
    }
}

/*****#####===== 페이지네이션 =====#####*****/
.pagination-wrap {
    display: flex;
    justify-content:center;
    align-items:center;

    margin:2rem 0;
}

.pagination-wrap .page-link{
    padding: 0.5rem 0.75rem;
}

.pagination-wrap .page-link,
.pagination-wrap .page-link:hover,
.pagination-wrap .page-item.active .page-link{
    font-size:0.8rem;
    color: #666666;

    background-color:transparent;
    border: none;
    border-radius: 0;
}

.pagination-wrap .page-link:hover{
    background-color:#ebebeb;
}

.pagination-wrap .page-item.active .page-link{
    color: #ffffff;

    background-color: #000000;
}

/*****#####===== 인증 =====#####*****/
.auth-wrap .form-text{
    margin-top:0;
}

/*****##### 카운트 다운 #####*****/
.auth-wrap .count-down{
    position: absolute;
    right: 0.5rem;
    top: 50%;

    transform: translateY(-50%);
}

.auth-wrap .count-down .count-span{
    position: relative;

    padding: 0 0.2rem;
}

.auth-wrap .count-down .count-span:not(:last-child):after{
    content: ':';
    position: absolute;
    right: -0.13rem;
    top: 50%;

    transform: translateY(-50%);
}

/*****##### 버튼 #####*****/
.auth-wrap .btn{
    padding: 0.8rem 0.5rem;
}

/*****#####===== 약관 =====#####*****/
/*****##### 자세히 보기 #####*****/
.terms-wrap .term-show-btn{
    text-align: right;
    letter-spacing: -0.44px;

    border-bottom: 1px solid #a5a5a5;
}

/*****#####===== 네이버페이 구매버튼 =====#####*****/
.npay-btn-wrap{
    margin-top: 1rem;

    text-align: right;
}

/*****#####===== 폼 =====#####*****/
.form-control{
    padding: 0.375rem 0.5rem;

    color: #333333;

    border:1px solid #d9d9d9;

    resize: none;
}

.form-control.form-border,
.form-control.form-border[readonly]{
    padding: 0.375rem 0.5rem;

    border:1px solid #d9d9d9;
}

.form-control.form-border-none{
    border:none;
}

.form-control:disabled,
.form-control[readonly]{
    color: #a5a5a5;

    background-color: #e8e8e8;
}

/*****##### placeholder #####*****/
.form-control::placeholder{
    color: #999999;
}

/*****#####===== 팬시박스 =====#####*****/
.fancybox-button:hover {
    color: #000000;
}

/*****#####===== 미디어쿼리 =====#####*****/
/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .m-container{
        padding:0;
    }

    .fancybox-slide{
        padding: 3rem 1.875rem;
    }
}

/*================================================
            [Controller] Render
=================================================*/
/*****#####===== 이용약관 =====#####*****/
/*****##### 네비 #####*****/
#render_terms .nav-tabs {
    margin-bottom: 1.5rem;

    border-bottom: none;
}

#render_terms .nav-item{
    margin-bottom:0.5rem;
}

#render_terms .nav-item:not(:last-child){
    margin-right: 0.5rem;
}

#render_terms .nav-link{
    font-size:12px;
    font-weight: 500;

    border: 1px solid #e8e8e8;
    border-radius: 0;
}

#render_terms .nav-link.active{
    color:#ffffff;

    background-color:#000000;
}

/*****##### 타이틀 #####*****/
#render_terms .terms-title{
    padding-bottom:1rem;

    font-size: 1.25rem;
    font-weight: 700;

    border-bottom:1px solid #000000;
}

/*****##### 미디어 쿼리 #####*****/
/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 네비 *****/
    #render_terms .nav-tabs{
        flex-wrap: nowrap;

        padding-bottom: 0.5rem;

        white-space: nowrap;
        overflow-x: scroll;
    }
}

/*****#####===== 404페이지 =====#####*****/
#render-not_found-body #gnb-wrap,
#render-not_found-body .footer-wrap{
    display: none;
}

.render-not-found-warp {
    height: 100vh;
    padding: 5rem 0;
}

.render-not-found-warp .title-wrap .title-title{
    font-size: 4rem;
    font-weight: 700;
    color: #283277;
}

.render-not-found-warp .title-wrap .title-subtitle{
    margin-top: 0.2rem;

    font-family: 'Roboto';
    font-size: 1.5rem;
    font-weight: 400;
    color: #b5b5b5;
}

.render-not-found-warp .title-btn-wrap{
    margin-top: 3rem;
}

.render-not-found-warp .title-btn-wrap .btn{
    padding: 1rem 2rem;

    border-radius: 0.3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm / md *****/
@media (min-width: 576px) and (max-width: 991.98px){
    .render-not-found-warp .img-wrap {
        width: 80%;
        margin-top: 8rem;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {
    .render-not-found-warp .img-wrap {
        margin-top: 5rem;
    }
}

/*================================================
            [Controller] User
=================================================*/
/*****#####===== 전체 =====#####*****/
/*****##### 로그인 박스 #####*****/
[id^='user-']:not(.iframe) .page-wrap .login-box{
    max-width: 30.375rem;
    margin: 5rem auto;
}

[id^='user-login']:not(.iframe) .page-wrap .login-box{
    max-width: 62.5rem;
}

/*****##### 타이틀 #####*****/
.page-wrap[id^='user-'] .page-header {
    margin-bottom: 5rem;
}

.page-wrap[id^='user-'] .page-header-image {
    width: 11.563rem;
    margin: 0 auto;
}

.page-wrap[id^='user-'] .page-header-title {
    margin: 0 auto;
}

.page-wrap[id^='user-'] .page-header-subtitle {
    margin-top: 1rem;
}

/*****##### 폼 #####*****/
.page-wrap[id^='user-'] .form-control{
    height: 40px;
}

/*****##### 로고 #####*****/
.page-wrap[id^='user-'] .logo-wrap{
    margin-bottom: 1rem;
}

/*****##### sns 타이틀 #####*****/
.sns-login-wrap .sns-login-title{
    text-align: center;
}

.sns-login-wrap .line-title-wrap {
    margin: 2.5rem 0 1.25rem 0;
}

/*****##### 버튼 #####*****/
.page-wrap[id^='user-'] .btn-wrap .btn{
    padding: 1rem 0.5rem;
}

/*****##### 팬시박스 #####*****/
.custom-fancy-login .fancybox-content{
    max-width: 400px;
}

.custom-fancy-login .fancybox-content,
.custom-fancy-login .fancybox-iframe{
    border-radius: 5px;
}

.custom-fancy-login .fancybox-button {
    display: none;
}

/***** 로그인 박스 *****/
.iframe .page-wrap[id^='user-'] .login-box {
    padding: 2.5rem 1rem;
}

/*****##### 미디어 쿼리 (전체) #####*****/
/***** xs / sm / md *****/
@media (min-width: 100px) and (max-width: 991.98px){
    .page-wrap[id^='user-'] .logo-wrap svg{
        width: 6rem;
        height: 6rem;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    [id^='user-']:not(.iframe) .page-wrap .login-box{
        max-width: 100%;
    }
}

/*****#####===== [Page] user/login =====#####*****/
.user-login-wrap hr{
    margin: 1.7rem 0 1.4rem;
}

/*****##### sns 로그인 #####*****/
#user-login-page .btn-sns{
    padding: 0;

    background-color: #ffffff;
    border-radius: 50%;
}

/*****##### 관련 버튼 #####*****/
.user-login-wrap .login-bottom-wrap{
    margin-top: 2.125rem;
}

/*****#####===== [Page] user/signup =====#####*****/
/*****##### 타이틀 #####*****/
.user-signup-wrap .line-title-wrap{
    margin: 1.875rem 0;
}

/*****##### sns 로그인 #####*****/
.user-signup-wrap .sns-login-wrap .btn-sns:not(:first-child) {
    margin-top: 0.625rem;
}

.user-signup-wrap .btn-sns svg{
    margin-right: 0.875rem;
}

/*****##### 폼 #####*****/
.user-signup-wrap .form-group {
    margin-bottom: 1rem;
}

.user-signup-wrap .form-control:focus{
    border-color:#000000;
}

.user-signup-wrap .regex-text{
    color: #ff0000;
}

.user-signup-wrap .form-control.invalidation{
    border-color:#ff0000;
}

.user-signup-wrap .form-control.invalidation:focus{
    border-color:#ff0000;
}

.user-signup-wrap .auth-wrap .btn{
    height: 40px;
}

/*****##### 약관 #####*****/
.user-signup-wrap .every-terms-wrap{
    margin-top: 1.25rem;

    border: 1px solid #d9d9d9;
}

.user-signup-wrap .all-terms-wrap{
    padding: 1rem 1.25rem;

    border-bottom: 1px solid #d9d9d9;
}

.user-signup-wrap .terms-item{
    margin: 1rem 1.25rem;
}

.user-signup-wrap .terms-body{
    display: none;

    margin-top: 0.5rem;

    border: 1px solid #dfdfdf;
    overflow-x: hidden;
    overflow-y: auto;
}

/***** show *****/
.user-signup-wrap .terms-body.show{
    display: block;

    height: 10rem;
    padding: 1rem;
}

/***** pretty *****/
.user-signup-wrap .pretty .state label:after,
.user-signup-wrap .pretty .state label:before,
.user-signup-wrap .pretty.p-svg .state .svg{
    top: 0;

    width: calc(1.54em + 2px);
    height: calc(1.54em + 2px);
}

.user-signup-wrap .pretty .state label {
    line-height: 1.8em;
    text-indent: 2.2em;
    white-space: initial;
}

/*****##### 미디어 쿼리 (user/signup) #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .user-signup-wrap .btn-sns svg{
        width:1.2rem;
        margin-right: 0.5rem;
    }

    .user-signup-wrap .btn-sns[data-type="fb"] svg{
        width:0.6rem;
    }
}

/*****#####===== [Page] user/select =====#####*****/
#user-select-page .select-wrap .select-item{
    cursor:pointer;

    transition: all 0.3s;
}

#user-select-page .select-wrap .select-item:hover{
    border: 10px solid #dfdfdf;
}

/*****#####===== [Page] user/admin_login =====#####*****/
#user-admin_login-page{
    margin-top: 0;
}

#user-admin_login-page .nav-tabs,
#user-admin_login-page .login-box{
    max-width: 26.5rem;
    margin: 0 auto;
}

#user-admin_login-page .nav-link.active,
#user-admin_login-page .login-box{
    background-color: rgba(255,255,255,0.5);
}

/*****##### 탭 메뉴 #####*****/
#user-admin_login-page .tab-wrap{
    transform: translateY(10rem);
}

#user-admin_login-page .nav-tabs,
#user-admin_login-page .nav-link.active{
    border-bottom: none;
}

/*****##### 로그인 박스 #####*****/
#user-admin_login-page .login-box{
    padding: 2rem;

    border-top-left-radius: 0;
    border-color:rgba(255,255,255,0.5);
}

/*****##### 로그인 이미지 #####*****/
.page-wrap[id^='user-login'] .login-img-wrap {
    position: relative;

    height: 100%;

    border-radius: 0.125rem;
    overflow: hidden;
}

.page-wrap[id^='user-login'] .login-img-wrap .item-img {
    height: 100%;
    object-fit: cover;
}

.page-wrap[id^='user-login'] .login-img-wrap::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(20, 50, 65, 0), rgba(35, 37, 42, 0.63) 52%, rgba(0, 0, 0, 0.83));
    top: 0;
    left: 0;
    z-index: 0;
}

.page-wrap[id^='user-login'] .img-text-wrap {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;
    
    z-index: 1;
}

.page-wrap[id^='user-login'] .img-title {
    font-size: 1.75rem;
    color: #ffffff;

    margin-bottom: 1.063rem;
}

.page-wrap[id^='user-login'] .img-btn {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
}

.page-wrap[id^='user-login'] .img-btn svg {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.5rem;

    stroke: #ffffff;
}

/*****##### 배경이미지 #####*****/
#user-admin_login-page .background{
    position: absolute;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    background-image: url('https://dev.dart.go-sprint.co.kr/img/admin/background/bg_dart.jpg');
    overflow: hidden;

    z-index: -1;

    filter: blur(20px);
}

/*=================================================
				코멘트 - Basic
=================================================*/
/*****#####===== 리스트 =====#####*****/
.cmnt-wrap[data-type='basic'] {
    margin:1rem 0;

    border-top:1px solid #000000;
}

.cmnt-wrap[data-type='basic'] .cmnt-lists{
    padding: 1rem 0;
}

.cmnt-wrap[data-type='basic'] .cmnt_btn{
    display: inline-block;
}

/*****#####===== 등록 =====#####*****/
.cmnt-wrap[data-type='basic'] .cmnt-write-wrap{
    padding-top: 1rem;
}

/*=================================================
				코멘트 - default
=================================================*/
.cmnt-wrap[data-type='default'] {
    border-top:1px solid #000000;
}

/*****#####===== 등록 =====#####*****/
.cmnt-wrap[data-type='default'] .cmnt-write-wrap{
    padding:1.5rem 0;

    border-bottom:1px solid #e8e8e8;
}

.cmnt-wrap[data-type='default'] .cmnt-write-wrap .cmnt-cnt{
    margin-bottom:0.5rem;

    font-weight: 600;
}

.cmnt-wrap[data-type='default'] .cmnt-write-wrap .btn{
    padding: 0.6rem 1rem;
}

/*****#####===== 리스트 =====#####*****/
.cmnt-wrap[data-type='default'] .cmnt-lists{
    padding: 0.625rem 0;

    border-bottom:1px solid #dddddd;
}

/*****##### 유저 이미지 #####*****/
.cmnt-wrap[data-type='default'] .cmnt-lists .user-image{
    width: 3.5rem;
    height: 3.5rem;
}

/*****##### 유저 타이틀 #####*****/
.cmnt-wrap[data-type='default'] .cmnt-lists .list-writer{
    margin:0.5rem 0 0.3rem 0;
}

.cmnt-wrap[data-type='default'] .cmnt-lists .list-title-item:not(:last-child){
    margin-right: 0.8rem;
}

.cmnt-wrap[data-type='default'] .cmnt-lists .list-title-item:not(:last-child):after{
    right:-0.3rem;

    background-color:#d9d9d9;
}

/*****##### 수정 #####*****/
.cmnt-wrap[data-type='default'] .editor-icon{
    padding:0 1rem;
}

.cmnt-wrap[data-type='default'] .editor-icon .editor-item{
    padding: 0.4rem 1.3rem;
}

.cmnt-wrap[data-type='default'] .editor-icon .editor-item:not(:last-child){
    border-bottom:1px solid #e8e8e8;
}

/***** popover *****/
.cmnt-wrap[data-type='default'] .editor-icon .arrow{
    display:none;
}

.cmnt-wrap[data-type='default'] .editor-icon .popover{
    border-radius: 0;
}

.cmnt-wrap[data-type='default'] .editor-icon .popover-body{
    padding:0;
}

/*=================================================
                태스크 - cmnt(댓글형)
=================================================*/
/*****#####===== 리스트 =====#####*****/
.task-wrap[data-type='cmnt'] .task-lists{
    padding: 1rem;
}

.task-wrap[data-type='cmnt'] .task-lists[data-order='100']{
    background-color: #fef9ee;
}

.task-wrap[data-type='cmnt'] .task_btn{
    display: inline-block;
}

.task-wrap[data-type='cmnt'] .task_notice_btn[data-order='100'] .fa{
    color: #f6c456;
}

.task-wrap[data-type='cmnt'] .dropzone-wrap{
    margin:1rem 0;
}

/*****#####===== 어싸인 =====#####*****/
.task-assign-wrap{
    margin-top: 1rem;
}

.task-assign-wrap .user-image{
    width: 30px;
    height: 30px;
}

.task-assign-wrap .user-image-id{
    line-height: 30px;
}

.task-assign-wrap .assign_btn{
    background-color: #dfdfdf;

    color: #000000;
}

.task-wrap .task-lists .popover{
    width: 330px;
    max-width: 330px;
    min-height: 55px;
}

.assign-write-wrap{
    display: none;
}

.assign-write-wrap.show{
    display: block;
}

/*=================================================
				검색 - basic
=================================================*/
.srch_wrap[data-type='basic'] {
    margin-bottom: 2rem;
}

.srch_wrap[data-type='basic'] .srch-box{
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

.srch_wrap[data-type='basic'] select,
.srch_wrap[data-type='basic'] input{
    border: 0;
}

.srch_wrap[data-type='basic'] .btn{
    padding:0.5rem 0.75rem 0.3rem;
}

/*================================================
            검색 - default
=================================================*/
.srch-form-wrap[data-type="default"]{
    border-bottom:2px solid #333333;
}

.srch-form-wrap[data-type="default"] .form-control{
    height: 3rem;

    border: none;
}

.srch-form-wrap[data-type="default"] .srch-btn{
    padding: 0.75rem 0;
}

/*=================================================
				네비 - basic
=================================================*/
.nav[data-type="basic"]{
    display: block;
}

.nav[data-type="basic"] .nav-link {
    font-weight: normal;
    padding: 0.563rem 0;
}

.nav[data-type="basic"] .nav-link.active{
    font-weight: bold;
    color: #000000;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .nav[data-type="basic"]{
        white-space: nowrap;
        overflow-x: scroll;
    }

    .nav[data-type="basic"] {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .nav[data-type="basic"]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }

    .nav[data-type="basic"] .nav-item{
        display:inline-block;

        margin-right: 1.25rem;
    }
}

/*=================================================
				네비 - default
=================================================*/
.nav[data-type="default"]{
    border-bottom: 2px solid #000000;
}

.nav[data-type="default"] .nav-item {
    margin-bottom: -2px;
}

.nav[data-type="default"] .nav-item .nav-link{
    padding: 1.4rem 0.5rem;

    border-radius: 0;
    border: 1px solid #d8d8d8;

    transition: all 0.3s;
}

.nav[data-type="default"] .nav-item.show .nav-link,
.nav[data-type="default"] .nav-link.active{
    color: #010101;

    border: 2px solid #d8d8d8;
    border-color: #000000 #000000 #ffffff;
}

.nav[data-type="default"] .nav-link:focus{
    color: #010101;
}

.nav[data-type="default"] .nav-link:hover {
    background-color:#e9ecef;
}

/*=================================================
				슬라이드 arrow - gds
=================================================*/
.arrow-wrap[data-type="gds"] .custom-slick-arrow{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 2.5rem;
    height: 3.75rem;

    background-color:#ffffff;

    opacity: 0.5;

    transition: all 0.3s;
}

.arrow-wrap[data-type="gds"] .custom-slick-arrow svg{
    width: 0.7rem;
}

/*================================================
            [Controller] Breadcrumb
=================================================*/
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\e649";
    padding-right: 0.3rem;
    font-family: 'themify';
    font-size: 10px;
    color: #999999;
}

/*================================================
            [Controller] popover - basic
=================================================*/
.popover-wrap[data-type="basic"] .popover{
    border: 1px solid #aaaaaa;
    border-radius: 0;
}

.popover-wrap[data-type="basic"] .arrow{
    display:none;
}

.popover-wrap[data-type="basic"] .popover-header{
    padding:0 0 0 0.5rem;

    background-color: #f4f4f4;
}

.popover-wrap[data-type="basic"] .popover-close{
    padding: 0.8rem;
}

.popover-wrap[data-type="basic"] .popover-body{
    padding: 0;
}


/*================================================
            [Controller] share popover
=================================================*/
.share-popover-btn .popover-body{
    width: 15.5rem;
}

.share-popover-btn .share-pop-body{
    padding: 1rem 1.188rem;
}

.share-popover-btn .share-pop-body svg{
    width: 2.25rem;
    height: 2.25rem;
}

/*================================================
            [Controller] report popover
=================================================*/
.report-popover-btn .popover-body{
    width: 10rem;
}

.report-popover-btn .report-item{
    padding: 0.5rem;
    border-bottom:1px solid #e8e8e8;
}

/*================================================
            [Controller] Search
=================================================*/
/*****#####===== [Page] search 공통 =====#####*****/
.srch-common-wrap .srch-common-item{
    margin-top:2.875rem;
}

/*****##### 텍스트 #####*****/
.srch-common-wrap .srch-result-text{
    margin: 1.5rem 0 4.375rem;

    text-align: center;
}

/*****##### 타이틀 #####*****/
.srch-common-wrap .srch-common-title{
    margin-bottom: 0.875rem;
}

/*****##### 버튼 #####*****/
.srch-common-wrap .srch-common-btn{
    margin-top: 4rem;

    text-align: center;

    cursor: auto;
}

.srch-common-wrap .srch-common-btn .common-btn{
    display: inline-block;

    padding: 0.97rem 2.3rem;

    border: 1px solid #999999;
    border-radius: 1.875rem;

    transition: color 0.3s, background-color 0.3s;
}

.srch-common-wrap .srch-common-btn .common-btn:hover{
    color:#ffffff;

    background-color: #999999;
}

/*****##### 검색결과 없음 #####*****/
.srch-common-wrap .srch-none-wrap .srch-none-content {
    margin: 5.438rem 0 6.25rem;
}

.srch-common-wrap .srch-none-wrap .none-content-title {
    margin-bottom: 3rem;

    font-weight: 500;
    text-align: center;
}

.srch-common-wrap .srch-none-wrap .none-content-item{
    position: relative;

    padding-left: 0.5rem;

    line-height: 1.8em;
}

.srch-common-wrap .srch-none-wrap .none-content-item:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0.75rem;

    width: 2px;
    height: 2px;

    background-color:#777777;
    border-radius: 50%;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .srch-common-wrap .srch-form-wrap,
    .srch-common-wrap .srch-result-text,
    .srch-common-wrap .srch-common-item,
    .srch-common-wrap .srch-none-wrap .goods-lists{
        padding: 0 1.5rem;
    }

    .srch-common-wrap .srch-form-wrap,
    .srch-common-wrap .srch-common-item:not(:last-child){
        border-bottom: 6px solid #ededed;
    }

    .srch-common-wrap .srch-common-item {
        margin-top: 0;
        padding-top: 1.667rem;
        padding-bottom: 3rem;
    }

    /*****##### 검색폼 #####*****/
    .srch-common-wrap .search-icon {
        width: 1.333rem;
    }

    /*****##### 텍스트 #####*****/
    .srch-common-wrap .srch-result-text {
        margin: 1.5rem 0;

        text-align: left;
    }

    /*****##### 버튼 #####*****/
    .srch-common-wrap .srch-common-btn {
        margin-top: 2rem;
    }
}

/*****#####===== [Page] search/nav =====#####*****/
.srch-nav-wrap .nav[data-type="default"] .each-line .nav-link {
    color: #999999;

    border: none;
}

.srch-nav-wrap .nav[data-type="default"] .each-line:not(:last-child):after {
    height: 1.25rem;

    background-color: #cccccc;
}

/*****##### active #####*****/
.srch-nav-wrap .nav[data-type="default"] .each-line.active .nav-link{
    font-weight: 600;
    color: #000000;
}

/*****##### 미디어 쿼리 #####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    .srch-nav-wrap .nav[data-type="default"] .each-line.active .nav-link {
        border: 2px solid transparent;
        border-color: #000000 #000000 #ffffff;
    }

    .srch-nav-wrap .nav[data-type="default"] .each-line.active:after{
        display: none;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .srch-nav-wrap .nav[data-type="default"] {
        padding: 0 1.5rem;

        border-bottom: 1px solid #cccccc;

        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .srch-nav-wrap .nav[data-type="default"] .each-line:after{
        display: none;
    }

    .srch-nav-wrap .nav[data-type="default"] .each-line{
        margin-right: 2rem;
    }

    .srch-nav-wrap .nav[data-type="default"] .nav-item .nav-link{
        padding:0.9167rem 0;
    }

    /*****##### active #####*****/
    .srch-nav-wrap .nav[data-type="default"] .each-line.active:before{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;

        width: 100%;
        height: 2px;

        background-color: #333333;
    }

    /*****##### hover #####*****/
    .srch-nav-wrap .nav[data-type="default"] .nav-item .nav-link:hover{
        background-color:#ffffff;
    }
}

/*****#####===== [Section] nav/search =====#####*****/
.gnb-srch-wrap{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    padding:3rem 0 4rem 0;

    background-color:#ffffff;

    opacity:0;
    visibility: hidden;

    transition: opacity 0.3s;
    overflow-y: scroll;
}

.gnb-srch-wrap.show{
    opacity:1;
    visibility: visible;
}

.gnb-srch-wrap .srch-title-wrap{
    position: relative;
}

.gnb-srch-wrap .srch-title-wrap .srch-subtitle{
    margin-bottom:0.4rem;

    font-size: 1.5rem;
    font-weight: 900;
}

.gnb-srch-wrap .srch-title-wrap .srch-title{
    margin-bottom: 1.5rem;

    font-size: 2.875rem;
    line-height: 1em;
}

.gnb-srch-wrap .srch-title-wrap .srch-desc{
    color: #999999;
}

.gnb-srch-wrap .srch-close-btn{
    position: absolute;
    top: 0;
    right: -6rem;

    width: 2.375rem;
    height: 2.375rem;
}

.gnb-srch-wrap .srch-close-btn svg{
    width: 100%;
}

/*****##### 검색창 #####*****/
.gnb-srch-wrap .srch-wrap{
    margin: 4.25rem 0 5rem;
}

.gnb-srch-wrap .srch-btn{
    padding: 0.75rem 0;
}

.gnb-srch-wrap .srch-words-content .each-col:not(:first-child) .word-item{
    margin-left: 3.313rem;

    color: #666666;
}

.gnb-srch-wrap .srch-words-content{
    margin-top: 1.2rem;
}

.gnb-srch-wrap .srch-words-content .word-item{
    display: flex;
    align-items: center;
}

.gnb-srch-wrap .word-item .item-num{
    width: 1.375rem;
    height: 1.375rem;

    margin-right: 0.5rem;
    border-radius: 2px;

    background-color: #EEEEEE;

    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.375rem;
}

.gnb-srch-wrap .each-col:first-child .item-num{
    background-color: #000000;
    color: #ffffff;
}

.gnb-srch-wrap .srch-suggest-wrap{
    margin-top: 4.375rem;
}

.gnb-srch-wrap .srch-suggest-wrap .goods-item{
    padding-right: 3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 검색창 *****/
    .srch-btn-wrap svg,
    .gnb-srch-wrap .srch-btn-item svg{
        width: 2rem;
        height: 2rem;
    }

    .gnb-srch-wrap{
        padding: 4rem 0 0.5rem 0;
    }

    .gnb-srch-wrap .srch-close-btn{
        right: 0;
    }

    .gnb-srch-wrap .srch-wrap{
        margin: 2.5rem 0 3rem;
    }

    .gnb-srch-wrap .form-control{
        font-size: 1.333rem;
    }

    .gnb-srch-wrap .srch-words-title,
    .gnb-srch-wrap .srch-suggest-title{
        font-size: 1.333rem;
    }

    .gnb-srch-wrap .srch-words-content{
        margin-top: 1rem;
    }

    .srch-words-content .each-col:not(:last-child){
        margin-bottom: 1.25rem;
    }

    .gnb-srch-wrap .word-item .item-num{
        width: 1.833rem;
        height: 1.833rem;

        font-size: 1rem;
        line-height: 1.833rem;
    }

    .gnb-srch-wrap .word-item .item-title{
        font-size: 1.167rem;
    }

    .gnb-srch-wrap .srch-words-content .each-col:not(:first-child) .word-item{
        margin-left: 0;
    }
}

/*================================================
				최근 본 상품
=================================================*/
.lately-wrap .title-wrap{
    padding-bottom: 0.5rem;
}

/* .lately-wrap .slick-wrap{
    padding: 0;
    margin: 0 -0.5rem;
} */

.lately-wrap .goods-lists .goods-lists-item {
    margin: 0 0.5rem;
}

/* .lately-wrap .custom-slick-arrow{
    top: 32%;
} */

.lately-wrap .goods-img {
    position: relative;

    margin-bottom: 1rem;
}

.lately-wrap .goods-img .flip-wrap {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}

.lately-wrap .latest-bottom-item,
#mypage-wish-page .latest-bottom-item {
    margin-top: 1.25rem;
}

.lately-wrap .grade-wrap [class*="fa"]:before{
    font-size: 0.85rem;
}

.lately-wrap .grade-wrap .fil,
#mypage-wish-page  .grade-wrap .fill{
    font-size: 0.85rem;
    color: #f07229;
}

.lately-wrap .shopping-basket {
    padding: 0.32rem 0.23rem 0.32rem 0.3rem;

    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .lately-wrap .slide-wrap {
        padding-bottom: 2rem;
    }

    .lately-wrap .title-wrap .title-title{
        font-size:1.333rem;
    }
}

/*================================================
            [Controller] goods
=================================================*/
/*****#####===== [Page] goods/lists =====#####*****/
.goods-lists-wrap .card{
    border: none;
}

/*****##### 타이틀 #####*****/
.goods-lists-title{
    padding-bottom: 1rem;
}

.goods-lists-title .goods-title-item{
    font-weight: 700;
}

.goods-lists-title .goods-title-item:not(:last-child){
    display: none;
}

/*****##### 브래드크럼 #####*****/
.goods-lists-top .breadcrumb{
    position: relative;

    margin-bottom: 0.5rem;

    text-transform: uppercase;
}

.goods-lists-top .breadcrumb-item + .breadcrumb-item::before{
    content: "\e649";

    font-family: 'themify';
    font-size: 0.5rem;
    color: #888888;
}

/*****##### 최상단 카테고리 #####*****/
.goods-lists-wrap .top-gcat-menu{
    padding-bottom: 0.2rem;

    text-transform: capitalize;
}

/*****##### 메뉴, 필터 공통 스타일 #####*****/
.goods-lists-wrap .top-gcat-menu,
.goods-lists-wrap .sub-gcat-menu,
.goods-filter-wrap .filter-item-wrap{
    border-bottom: 1px solid #d8d8d8;
}

/***** 헤더 *****/
.goods-lists-wrap .card-header{
    padding: 0 0.75rem;

    background: none;
    border: none;

    cursor: pointer;
}

/* collapse-arrow */
.goods-lists-wrap .card-header .collapse-arrow svg {
    width: 0.8rem;
    height: 0.8rem;
}

/*****##### 메뉴 #####*****/
.goods-lists-wrap .sub-gcat-wrap{
    width: 18.75rem;
}

/***** 메뉴 헤더 *****/
.goods-lists-wrap .gcat-menu-title{
    padding:1rem 0;
}

.goods-lists-wrap .sub-gcat-wrap .card-header{
    padding: 0 0 0 0.75rem;
}

/* collapse-arrow */
.goods-lists-wrap .sub-gcat-wrap .collapse-arrow{
    padding: 1rem 0.75rem;
}

.goods-lists-wrap .card-header .collapse-arrow .minus-icon{
    display:none;
}

.goods-lists-wrap .card-header .collapse-arrow[aria-expanded="true"] .plus-icon{
    display:none;
}

.goods-lists-wrap .card-header .collapse-arrow[aria-expanded="true"] .minus-icon{
    display:block;
}

.goods-lists-wrap .card-header .collapse-arrow[aria-expanded="true"] .gcat-menu-title{
    font-weight: 700;
}

/***** 메뉴 바디 *****/
.goods-lists-wrap .card-body {
    padding: 0 0.75rem 0.75rem;
}

.goods-lists-wrap .card-body-item:not(:last-child){
    padding-bottom:0.3rem;
}

.goods-lists-wrap .card-body-item[data-depth="2"]{
    text-indent: 1rem;
}

.goods-lists-wrap .card-body-item[data-depth="3"]{
    text-indent: 2rem;
}

/* active */
.goods-lists-wrap .card-body-link.active{
    font-weight: 600;
    color:#000000;

    border-bottom:1px solid #000000;
}

/*****##### 모바일 메뉴 #####*****/
.goods-lists-wrap .m-sub-menu {
    white-space: nowrap;
    overflow-x: scroll;
}

.goods-lists-wrap .m-sub-item{
    margin-right: 1.5rem;
}

.goods-lists-wrap .m-menu-item{
    padding: 1rem 0;
}

.goods-lists-wrap .m-menu-item.active{
    font-weight: 600;
    color:#000000;
}

/*****##### 정렬 #####*****/
.goods-lists .goods-sort-wrap{
    padding-bottom: 0.125rem;
    margin-bottom: 1.2rem;

    border-bottom: 1px solid #d8d8d8;
}

.goods-sort-item .filter-icon-btn{
    padding-right: 0.5rem;
}

.goods-lists-wrap .goods-sort-item .each-col:not(:last-child):after{
    right: 0;

    height: 0.8333rem;

    background-color: #c0c0c0;

    z-index: 1;
}

.goods-lists-wrap .filter-icon{
    margin-left: 0.2rem;
    width: 0.6875rem;
}

.goods-lists-wrap .select-control{
    border: none;
}

/*****##### 카테고리 이미지 #####*****/
.gcat-img-wrap .slick-wrap{
    padding:0;
}

.gcat-img-wrap .slide-wrap{
    position: relative;
}

.gcat-img-wrap .slide-title-wrap{
    position:absolute;
    right:0;
    bottom:1.5rem;

    width:60%;
    padding:1rem 1.5rem;

    background-color:rgba(255,255,255,0.9);
}

/*****##### 태그 #####*****/
.goods-lists-wrap .tags-wrap .tag-item{
    display: inline-block;

    padding: 0.2rem 0.5rem;

    border: 1px solid #929292;
    border-radius: 0.8125rem;

    cursor:pointer;
}

.goods-lists-wrap .tags-wrap .tag-item.active{
    color:#ffffff;

    background-color: #000000;
    border: 1px solid #000000;
}

/*****##### 상품 리스트 #####*****/
.goods-lists .goods-lists-item{
    margin-top:1.2rem;
}

.goods-lists .goods-item{
    display: block;

    margin-bottom: 1.3rem;
}

.goods-lists .goods-info{
    margin-top: 0.8rem;
}

/***** 상품 타이틀 *****/
.goods-lists .goods-title-wrap{
    margin-bottom: 0.375rem;
}

.goods-lists .goods-title{
    margin-top: 1rem;
    font-weight: 600;
}

.goods-lists .goods-subtitle{
    margin-bottom: 0.5rem;
}

/***** 브랜드 *****/
.goods-lists .goods-brand{
    margin-bottom: 0.5rem;
}

/***** 카테고리 *****/
.goods-lists .goods-cate{
    margin-top: 0.5rem;
}

/***** 태그 *****/
.goods-lists .goods-tags{
    display: inline;

    margin-left: 0.188rem;
    padding: 0.25rem 0.5rem;

    border: 1px solid #cccccc;
}

.goods-lists .goods-tags:first-child {
    margin-left: 0;
}

/***** 상품 가격 *****/
.goods-lists .goods-price-item{
    margin-top: 0.25rem;
}

.goods-lists .goods-price-rate{
    margin-right:0.5rem;
}

/*****##### 필터 #####*****/
.goods-filter-wrap{
    position: fixed;
    right: -25rem;
    top: 0;

    width: 25rem;
    height: 100vh;
    padding: 5.375rem 3.125rem;

    background-color: #ffffff;

    z-index: 1020;

    transition: right 0.5s;
}

.goods-filter-wrap .filter-title,
#mini-cart-wrap .mini-cart-title{
    padding-bottom: 0.2rem;

    text-transform: capitalize;

    border-bottom: 2px solid #000000;
}

.goods-filter-wrap .filter-header-title{
    font-weight: 700;
}

/***** 메뉴 헤더 *****/
.goods-filter-wrap .card-header{
    padding:1rem 0.75rem;
}

/***** 메뉴 바디 *****/
.goods-filter-wrap .filter-item-wrap .card-body{
    max-height: 15rem;
    padding: 0 0 1rem 1.75rem;
}

.goods-filter-wrap .filter-item-wrap .filter-item:not(:last-child){
    margin-bottom: 0.3rem;
}

/***** range slider *****/
/* 슬라이드 배경 */
.goods-filter-wrap .ui-widget.ui-widget-content {
    height: 1px;

    background-color: #333333;
    border: none;
}

/* 슬라이드 바 */
.goods-filter-wrap .ui-slider-horizontal .ui-slider-range {
    background-color: #000000;
}

/* 슬라이드 핸들 */
.goods-filter-wrap .ui-slider .ui-slider-handle {
    width: 0.75rem;
    height: 0.75rem;

    color: #000000;

    background-color: #ffffff;
    border: 1px solid #333333;
    border-radius: 50%;
    outline: none;
}

/***** 체크박스 *****/
/* active */
.goods-filter-wrap .filter-item.active .state svg{
    opacity: 1;
}

/***** price *****/
.goods-filter-wrap .filter-item-wrap .filter-price-range{
    padding: 0.5rem 2rem 0 1rem;
}

.goods-filter-wrap .price-wrap .filter-price-wrap{
    margin-top:0.5rem;
}

/***** 버튼 *****/
.goods-filter-wrap .filter-btn-wrap{
    margin-top:2rem;
}

.goods-filter-wrap .filter-btn-wrap .btn,
#mini-cart-wrap .mini-btn-wrap .mini-cart-btn {
    width: calc(50% - 0.35rem);
    padding: 0.688rem 0;
}

/***** show *****/
.goods-filter-wrap.show{
    right: 0;
}

/*****##### 미디어 쿼리 (goods/lists) #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    /***** 타이틀 *****/
    .goods-lists-title{
        margin-bottom: 1.8rem;

        text-align: center;

        border-bottom:1px solid #000000;
    }

    /***** 정렬 *****/
    .goods-lists-wrap .filter-icon svg{
        width: 0.5rem;
    }

    /***** 필터 *****/
    .goods-filter-wrap .filter-btn-wrap .btn:first-child,
    #mini-cart-wrap .mini-btn-wrap .mini-cart-btn{
        margin-right: 0.35rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    /***** 카테고리 이미지 *****/
    .gcat-img-wrap{
        width:calc(910px - 18.75rem);
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    /***** 메뉴 *****/
    .goods-lists-wrap .sub-gcat-wrap {
        width: 15rem;
    }

    /***** 카테고리 슬라이드 *****/
    .gcat-img-wrap{
        width:calc(670px - 15rem);
    }

    .gcat-img-wrap .slide-title-wrap {
        width: 80%;
    }

    /***** 필터 *****/
    .goods-filter-wrap {
        right: -30rem;

        width: 30rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 모바일 공통 *****/
    .goods-lists-top,
    .m-top-gcat,
    .m-sub-menu,
    .gcat-img-wrap,
    .gcat-img-wrap .gcat-title-wrap,
    .goods-lists-wrap .goods-lists{
        padding:0 1rem;
    }

    .goods-lists-wrap .m-sub-menu,
    .gcat-img-wrap {
        border-bottom:8px solid #ededed;
    }

    /***** 오른쪽 *****/
    .goods-lists-right{
        margin:0;
    }

    .goods-lists-right > div[class*='col'] {
        padding:0;
    }

    /***** 브레드크럼 *****/
    .goods-lists-top .breadcrumb-item + .breadcrumb-item::before{
        font-size: 0.8rem;
    }

    /***** 카테고리 이미지 *****/
    .gcat-img-wrap {
        padding: 1rem 0;
    }

    .gcat-img-wrap .gcat-title-wrap{
        margin-bottom:0.8rem;
    }

    .gcat-img-wrap .slick-track{
        padding-bottom:4rem;
    }

    .gcat-img-wrap .slide-title-wrap{
        bottom:-4rem;

        width:90%;

        background-color:rgba(255,255,255,1);
    }

    .gcat-img-wrap .slide-title-wrap .slide-title{
        font-size: 1.5rem;
        font-weight: 700;
    }

    /***** 정렬 *****/
    .goods-sort-cnt{
        font-size: 1.1rem;
    }

    /***** 상품 리스트 *****/
    .goods-lists-wrap .goods-lists{
        padding:1rem;
    }

    .goods-lists .goods-item {
        margin-bottom: 2rem;
    }

    /***** 태그 *****/
    .goods-lists-wrap .tags-wrap .tag-item {
        padding: 0.5rem 0.8rem 0.4rem 0.7rem;

        font-size: 12px;
        line-height: 1em;
    }

    /***** 필터 *****/
    .goods-filter-wrap {
        right: -80%;

        padding: 3rem 0;
    }

    .goods-filter-wrap,
    .goods-lists-wrap .filter-btn-wrap{
        width:80%;
    }

    .goods-filter-wrap .filter-wrap{
        padding:0 2rem;
    }

    .goods-filter-wrap .filter-srch-wrap{
        height: 83.5vh;

        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* 버튼 */
    .goods-lists-wrap .filter-btn-wrap{
        display: flex;
        position: fixed;
        bottom: 0;

        background-color: #ffffff;

        z-index: 1100;
    }

    .goods-filter-wrap .filter-btn-wrap .btn,
    #mini-cart-wrap .mini-btn-wrap .mini-cart-btn {
        width: 50%;
        padding:1rem 0;
    }
}

/*****#####===== [Page] goods/view =====#####*****/
/*****##### 전체 간격 #####*****/
.goods-view-wrap {
    padding-top: 3.75rem;
}

/*****##### 상품 이미지 #####*****/
.goods-view-wrap .goods-img-wrap .slick-wrap{
    padding: 0;
}

/*****##### 상품 썸네일 #####*****/
.goods-view-wrap .goods-img-thumb {
    padding: 0.6875rem 0;
}

.goods-view-wrap .goods-img-thumb .thumb-item{
    margin-right:1rem;

    border: 2px solid transparent;

    cursor: pointer;
    opacity: 0.5;

    transition: all 0.3s;
}

/***** active *****/
.goods-view-wrap .goods-img-thumb .thumb-item.active:not(.prev){
    border: 2px solid #111111;

    opacity: 1;
}

/*****##### 상품 정보 #####*****/
.goods-view-wrap .goods-right{
    padding-left: 3.75rem;
}

.goods-view-wrap .goods-tag-wrap {
    margin-bottom: 0.938rem;
}

/*****##### 상품 타이틀 #####*****/
.goods-view-wrap .goods-title-wrap{
    margin-bottom: 1.25rem;
}

/***** 제품 태그 *****/
.goods-view-wrap .goods-tag {
    display: inline-block;

    margin-right: 0.375rem;
    padding: 0.25rem 0.625rem;

    border: solid 1px #cccccc;
}

/***** 브랜드 *****/
.goods-view-wrap .goods-brand{
    margin-bottom:0.4rem;
}

/***** 서브 타이틀 *****/
.goods-view-wrap .goods-subtitle{
    margin-bottom:0.3rem;
}

/***** 별점 *****/
.goods-view-wrap .goods-rate-wrap {
    margin-top: 1rem;
}

/*****##### 상품 간단 정보 #####*****/
.goods-view-wrap .goods-summar-wrap {
    padding: 1.25rem 0;

    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.goods-view-wrap .goods-summar-title {
    margin-bottom: 0.875rem;
}

/*****##### 카테고리 #####*****/
.goods-view-wrap .goods-cate-wrap {
    padding: 1.25rem 0;

    border-bottom: 1px solid #d8d8d8;
}

.goods-view-wrap .goods-cate-title-warp {
    margin-bottom: 0.875rem;
}

.goods-view-wrap .gds-more-img {
    width: 0.3rem;
    height: 0.8rem;
    margin: 0 0 0 0.2rem;
}

.goods-cate-item {
    display: inline-block;

    margin: 0 0.375rem 0.5rem 0;
    padding: 0.25rem 0.625rem;

    border: solid 1px #cccccc;
    border-radius: 20px;
}

/*****##### 상품 좋아요 #####*****/
.goods-view-wrap .goods-like-wrap svg{
    width: 1.25rem;
    height: 1.25rem;
}

/*****##### 상품 정보 #####*****/
.goods-view-wrap .goods-info-wrap{
    padding:2rem 0;

    border-bottom:1px solid #d8d8d8;
}

.goods-view-wrap .goods-info-content {
    text-align: right;
}

.goods-view-wrap .goods-info-wrap .goods-info-item:not(:last-child){
    margin-bottom: 0.8rem;
}

.goods-view-wrap .goods-right-title {
    font-weight: 600;
}

/*****##### 상품 옵션 정보 #####*****/
.option-wrap .option-item,
.goods-count-wrap{
    margin: 1rem 0;
}

.option-wrap .option-item[data-type="check"]{
    margin: 1rem 0 -0.4rem 0;
}

/***** select *****/
.option-wrap .select-control{
    height: calc(1.85em + .75rem + 2px);

    line-height: 1.8em;

    border: 1px solid #d9d9d9;
}

/* selected */
.option-wrap .option-radio.selected{
    color: #ffffff;

    background-color: #000000;
}

/***** radio *****/
.option-wrap .option-radio {
    padding: 0.5rem 0.3rem;
    margin-bottom: 0.4rem;

    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

/* 재고가 없을 시 */
.option-wrap .option-radio.no-num{
    color: #bdbdbd;

    background-color: #f7f7f7;
}

/*****##### 수량 #####*****/
.goods-count-btn{
    width: 8rem;

    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

.goods-count-num{
    display: inline-block;

    width: 3rem;

    text-align: center;

    border: none;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.goods-count-btn .btn{
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.8rem;

    background-color: #fafafa;
    border-radius: 0;
}

.goods-count-btn .btn:hover{
    background-color: #dadada;
}

/*****##### 총 상품 금액 #####*****/
.goods-total-price{
    padding: 1.5rem 0;

    border-top:1px solid #d8d8d8;
}

.goods-total-price .total-price-content{
    font-weight: 600;
}

/*****##### 상품 공유하기 #####*****/
.goods-view-wrap .share-popover-btn .popover{
    left: -125% !important;
}

/*****##### 하단고정 구매하기 #####*****/
#goods-fixed-bottom-wrap{
    position: fixed;
    bottom:0;
    left:0;

    width:100%;

    background-color: #ffffff;
    border-top: 1px solid #222222;

    z-index: 1020;
}

#goods-fixed-bottom-wrap .goods-fixed-content-wrap{
    max-height:0;

    visibility: hidden;
}

/***** 핸들 *****/
#goods-fixed-bottom-wrap .fixed-handle{
    position: absolute;
    top: -1.8rem;
    left: 50%;

    width: 5rem;
    height: 1.8rem;

    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color:#222222;
    border-radius: 5px 5px 0 0;

    cursor:pointer;

    transform: translate(-50%, 0);
}

#goods-fixed-bottom-wrap .fixed-handle:before{
    content: "\e6e5";
    display:block;

    width:100%;
    height:100%;

    font-family: 'themify';
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #222222;
}

/***** show *****/
#goods-fixed-bottom-wrap.show {
    padding: 0.5rem 1rem 1rem;
}

#goods-fixed-bottom-wrap.show .goods-fixed-content-wrap{
    max-height:30rem;

    visibility: visible;

    overflow: scroll;
    overflow-x: hidden;
}

/*****#####===== 상세정보 =====#####*****/
/*****##### 상품 정보 네비 (sticky) #####*****/
.goods-view-wrap[data-layout="sticky"] .detail-nav-wrap {
    position: sticky;
    top: 8.438rem;

    z-index: 1020;
}

/*****##### 상품 정보 네비 (공통) #####*****/
.detail-nav-wrap {
    background-color: #f7f7f7;
}

.detail-nav-wrap .nav-tabs {
    border: none;
}

.detail-nav-wrap .nav-tabs .nav-item .nav-link {
    border: none;
    
    line-height: 1.2rem;
}

/***** show, active *****/
.detail-nav-wrap .nav-tabs .nav-item.show .nav-link, 
.detail-nav-wrap .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #111111;

    background-color: transparent;
}

.detail-nav-wrap .nav-tabs .nav-link.active {
    font-weight: bold;

    line-height: 1.2rem;
}

/***** hover *****/
.detail-nav-wrap .nav-tabs .nav-link:hover {
    background-color: transparent;
}

/*****#####===== 상품 리모컨 있을 때 =====#####*****/
.detail-remote-wrap {
    height: auto;
}

.detail-remote-inner {
    position: sticky;
    top: 14.438rem;

    margin-top: 2rem;
    padding: 1rem;

    border: solid 1px #dddddd;

    z-index: 1019;
}

/*****##### 이미지 #####*****/
.detail-remote-wrap .detail-remote-img {
    width: 3.5rem;
    height: 3.5rem;

    border-radius: 100%;
    overflow: hidden;
}

/*****##### 상세정보 #####*****/
.detail-wrap{
    margin-top: 5.333rem;
}

.detail-wrap .detail-item-content{
    margin: 1.75rem 0 4rem 0;
}

.detail-wrap .detail-item-content .detail-title{
    padding-bottom: 0.7rem;

    border-bottom: 1px solid #000000;
}

/***** 상세이미지 *****/
.detail-wrap .detail-img-wrap .editor-wrap{
    position: relative;

    margin-bottom: 0.75rem;
    height: 20rem;

    text-align: center;

    border-top:none;

    overflow: hidden;
}

.detail-wrap .detail-img-wrap .editor-wrap:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 6rem;

    background-image: linear-gradient(transparent, #ffffff);
}

.detail-wrap .detail-back{
    text-align: center;
}

.detail-wrap .detail-back-btn {
    display: inline-block;

    padding: 0.67rem 1.35rem;

    cursor: pointer;
}

.detail-wrap .detail-back-btn svg{
    width: 0.6rem;
    margin-left:0.2rem;

    transform: translateY(-0.07rem);
}

/* active */
.detail-wrap .detail-img-wrap.active .editor-wrap{
    min-height: 8rem;
    height: auto;
}

.detail-wrap .detail-img-wrap.active .editor-wrap:after{
    height: 0;
}

.detail-wrap .fold{
    display: none;
}

.detail-wrap .detail-img-wrap.active .more{
    display:none;
}

.detail-wrap .detail-img-wrap.active .fold{
    display: inline-block;
}

.detail-wrap .detail-img-wrap.active .fold svg{
    transform: translateY(-0.07rem) rotate(180deg);
}

/***** 작성 팬시박스 *****/
.gds_qna_fancy .fancybox-content,
.gds_review_fancy .fancybox-content{
    max-width: 640px;
}

/*****##### 미디어 쿼리 (goods/view) #####*****/
/***** ~ md *****/
@media (max-width: 991.98px){
    /* 상품 이미지 dot */
    .goods-view-wrap .goods-img-wrap .slide-wrap {
        padding-bottom: 2.5rem;
    }

    .goods-view-wrap .goods-img-wrap .slick-dots{
        bottom: 0;
    }

    /* 상품 정보 */
    .goods-view-wrap .goods-right {
        margin-top: 2rem;
        padding-left: 0;
    }

    .goods-view-wrap .info-content-price .goods-info-content{
        font-size: 1.4rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    .goods-view-wrap .goods-right {
        padding-left: 2.5rem;
    }
}

/***** md / sm / xs  *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /* 상세이미지 */
    .goods-view-wrap .detail-img-wrap .editor-wrap{
        height: 10rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .goods-view-wrap .goods-right {
        padding: 0 1.5rem;
    }

    /* 상품 타이틀 */
    .goods-view-wrap .goods-title {
        font-size:1.667rem;
    }

    /* 상품 구매 버튼 */
    .goods-view-wrap .npay-btn-wrap {
        text-align: center;
    }

    /* 상세정보 nav */
    .detail-wrap .nav-tabs .nav-item .nav-link {
        padding: 0.92rem 0.5rem;
    }

    /* 상세정보 */
    .detail-wrap .detail-item-content .detail-title{
        font-size:1.333rem;
    }
}

/*================================================
            [Controller] order
=================================================*/
/*****#####===== 전체 =====#####*****/
[id^="order-"] .page-wrap {
    padding: 2.5rem 0 5rem;
}

/*****#####===== 주문 리스트 =====#####*****/
.order-list-wrap .order-title {
    padding:0 0 0.5rem 0;

    border-bottom:1px solid #000000;
}

.order-list-wrap .order-item-title{
    font-weight: 600;
}

/*****##### 상품정보 #####*****/
.order-list-wrap .order-list-title{
    padding: 0.875rem 0 0.875rem 3.125rem;

    font-weight: 600;
    text-align: center;

    border-top: 2px solid #000000;
    border-bottom: 1px solid #b8b8b8;
}

.order-list-wrap .order-list-title .lists-title-item:before{
    content:'';
    position: absolute;
    left:0;
    top:50%;

    width:1px;
    height: 1rem;

    background-color: #d1d1d1;

    transform:translateY(-50%);
}

.ordg-options-wrap {
    font-weight: 500;
}

.ordg-options-wrap .ordg-options {
    position: relative;

    margin-right: 0.5rem;
}

.ordg-options-wrap .ordg-options:not(:last-child):after {
    content:'';
    position: absolute;
    top: 50%;
    right: -7px;

    width: 1px;
    height: 0.625rem;

    background-color:#999999;

    transform: translateY(-50%);
}

/*****##### 주문 상품 리스트 #####*****/
.order-list-wrap .order-list-item .order-item{
    padding: 1.5rem 0 1.5rem 3.125rem;

    border-bottom: 1px solid #e5e5e5;
}

/***** 상품 이미지 *****/
.order-list-wrap .order-item-img{
    width:7.5rem;
    height:7.5rem;
}

/***** 상품정보 *****/
.order-list-wrap .order-item-info{
    padding-left:1.188rem;
}

/***** 리스트가 없을 때 *****/
.order-list-none{
    padding:2rem 0;

    text-align: center;
}

/*****##### 미디어 쿼리 #####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    /***** 주문 리스트 *****/
    .order-list-wrap {
        margin-bottom:1rem;
    }

    /***** 상품정보 *****/
    .order-list-wrap .order-item-price{
        text-align: center;
    }

    .order-list-wrap .order-item-title{
        margin-bottom: 0.3rem;
    }
}

/***** md / lg *****/
@media (min-width: 768px) and (max-width: 1199.98px){
    .order-list-wrap .order-list-title,
    .order-list-wrap .order-list-item .order-item{
        padding-left:2.125rem;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /*****##### 주문 상품 리스트 #####*****/
    .order-list-wrap .order-list-item .order-item {
        padding: 1.5rem 0;
    }

    .order-list-wrap .order-list-item .order-item:not(:last-child){
        border-bottom: 1px solid #e5e5e5;
    }

    /***** 상품 이미지 *****/
    .order-list-wrap .order-item-img{
        width: auto;
        height: auto;
    }

    /***** 상품정보 *****/
    .order-list-wrap .order-item-title{
        font-size: 1.5rem;
    }

    .order-list-wrap .order-item-options {
        margin-bottom: 0.6rem;

        font-size: 1rem;
    }

    /* 가격 */
    .order-list-wrap .item-price-title{
        font-weight: 600;
    }

    .order-list-wrap .item-price-content{
        font-size:1.333rem;
        font-weight: 600;
        text-align: right;
    }

    .order-list-wrap .item-price-content .order-unit{
        font-weight: 600;
    }
}

/*****#####===== [Page] order/form =====#####*****/
.form-order-wrap .form-item-wrap{
    margin-top: 1.625rem;
}

.form-order-wrap .form-group{
    margin:0;

    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}

/*****##### 타이틀 #####*****/
.form-order-wrap .form-item-title,
.form-order-wrap .total-price-title{
    padding-bottom:0.5rem;

    font-weight: 600;
}

.form-order-wrap .form-title .form-title-title,
.form-order-wrap .price-group-wrap .price-title-title{
    font-weight: 600;
}

.form-order-wrap .form-item-title{
    border-bottom:1px solid #000000;
}

.form-order-wrap .form-group .form-title{
    height: 100%;
    padding:1.6rem 1.25rem;

    background-color:#fafafa;
}

.form-order-wrap .form-notice-text{
    margin-top: 0.625rem;

    font-weight: 600;
    color: #E50000;
}

/*****##### 내용 #####*****/
.form-order-wrap .form-content{
    padding: 1.25rem;
}

.form-order-wrap .form-content.form-point-content{
    padding: 1.25rem 1.25rem 0.8rem;
}

.form-order-wrap .form-content.form-radio-content{
    padding: 1.25rem 1.25rem 0.5rem;
}

/*****##### 폼 #####*****/
.form-order-wrap .form-control[readonly]{
    color: #333333;

    background-color: #ffffff;
}

.form-order-wrap .form-control::placeholder{
    font-size: 12px;
    line-height: 1.8em;
}

/*****##### 버튼 공통 #####*****/
.form-order-wrap .btn {
    padding: 0.66rem 1.37rem;

    border-radius: 4px;
}

/*****##### 배송지 정보 #####*****/
.form-order-wrap .addr-btn-item .btn{
    padding: 0.5rem 0;

    font-weight: 600;
}

.form-order-wrap .form-add-group .tooltip-inner{
    padding: 0.5rem;

    font-size: 0.8rem;

    border-radius: 0;
}

/*****##### 결제 정보 #####*****/
/***** 결제 수단 (radio) *****/
.form-order-wrap .form-radio-content .pretty{
    margin-bottom:1rem;
}

.form-order-wrap .form-radio-content .pretty label:after,
.form-order-wrap .form-radio-content .pretty label:before{
    top: 50%;

    transform: translateY(-50%);
}

.form-order-wrap .form-radio-content .pretty .state label:after{
    -webkit-transform: translateY(-50%) scale(.5)!important;
    -ms-transform: translateY(-50%) scale(.5)!important;
    transform: translateY(-50%) scale(.5)!important;
}

.form-order-wrap .form-radio-content .pretty .state label {
    font-weight: 500;
}

/* checked (radio) */
.form-order-wrap .form-radio-content .pretty input:checked~.state label:before{
    border-color:#000000;
}

.form-order-wrap .form-radio-content .pretty input:checked~.state label:after{
    background-color: #000000!important;
}

.form-order-wrap .form-radio-content .pretty input:checked~.state label{
    font-weight: 600;
}

/***** 결제 설명 *****/
.form-order-wrap .explain-wrap {
    margin-bottom:2rem;
}

.form-order-wrap .explain-wrap .explain-item{
    margin-left: 1rem;

    text-indent: -0.6rem;
    line-height: 1.7em;
}

.form-order-wrap .explain-wrap .explain-item .center-dot{
    font-size: 2rem;
    color: #fc515a;

    vertical-align: text-bottom;
}

/*****##### 결제금액 #####*****/
.form-order-wrap .order-right-wrap{
    padding-top: 1.625rem;

    transition: all 0.5s;
}

.form-order-wrap .order-right-wrap.active{
    padding-top: 10rem;
}

.form-order-wrap .price-group-wrap{
    padding: 1.8rem;
}

.form-order-wrap .price-group{
    padding-bottom:1.5rem;
}

.form-order-wrap .price-group-wrap .price-content{
    text-align: right;
}

.form-order-wrap .price-group.total-price{
    padding: 1.5rem 0 0 0;

    border-top:1px solid #cccccc;
}

/***** 구매동의 *****/
.form-order-wrap .terms-wrap{
    padding: 1.25rem;
    margin-top: -1px;
}

.form-order-wrap .terms-wrap .term-show-btn{
    border-bottom: 1px solid #999999;
}

.form-order-wrap .terms-wrap .term-agree-content,
.form-order-wrap .terms-wrap .term-notice-content{
    letter-spacing: -0.56px;
}

.form-order-wrap .terms-wrap .term-agree-content{
    margin: 0.5rem 0 1rem;
    padding: 0 1.875rem 1rem;

    border-bottom:1px solid #e6e6e6;
}

.form-order-wrap .terms-wrap .term-notice-content{
    position: relative;

    margin:0 1.875rem;
    padding-left:1rem;
}

.form-order-wrap .terms-wrap .term-notice-content:before{
    content:'\203B';
    position: absolute;
    top: 0;
    left:0;
}

/*****##### 버튼 #####*****/
.form-order-wrap .btn-wrap{
    margin-top: 0.5625rem;
}

.form-order-wrap .btn-wrap .btn{
    padding: 0.9rem 0;
}

/*****##### 미디어 쿼리 (order/form) #####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    .form-order-wrap .addr-btn-item .btn{
        width: 5.56rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px){
    /***** 배송지 정보 *****/
    .form-order-wrap .form-control.postcode{
        width:8.75rem;
    }

    /***** 결제 금액 *****/
    .form-order-wrap .order-right-wrap{
        position: sticky;
        top:0;
        left:0;

        width:25rem;
        margin-left: 3.75rem;
    }

    .form-order-wrap .price-group-wrap,
    .form-order-wrap .terms-wrap{
        border: 1px solid #000000;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    /***** 폼 *****/
    .form-order-wrap .form-control::placeholder{
        line-height: 1.3em;
    }

    /***** 결제 금액 *****/
    .form-order-wrap .order-right-wrap{
        width:20rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 주문 상품 리스트 *****/
    #order_form .order-list-wrap .order-list-item {
        padding: 0 1.5rem 1.5rem;

        border-bottom: 8px solid #e5e5e5;
    }

    /***** 폼 *****/
    .form-order-wrap .form-item-wrap,
    .form-order-wrap .total-price-wrap{
        margin-top:0;
        padding: 1.3rem 1.5rem;

        border-bottom:8px solid #ededed;
    }

    .form-order-wrap .terms-wrap {
        margin: 1.3rem 1.5rem;
    }

    .form-order-wrap .form-item-title,
    .form-order-wrap .total-price-title{
        font-size:1.333rem;
    }

    .form-order-wrap .form-group .form-title{
        padding: 0.8rem;
    }

    .form-order-wrap .page-h4{
        font-size:1rem;
    }

    /* 내용 */
    .form-order-wrap .form-content {
        padding: 0.8rem;
        height: 100%;
    }

    .form-order-wrap .form-content.form-point-content{
        padding: 1.3rem 0.8rem 0.4rem;
    }

    .form-order-wrap .form-content.form-radio-content{
        padding: 0.8rem 0.8rem 0.2rem;
    }

    .form-order-wrap .form-control::placeholder{
        line-height: 1.7em;
    }

    /* 배송지 정보 */
    .form-order-wrap .form-addr-content{
        padding: 0.8rem 0;
    }

    .form-order-wrap .form-control.postcode{
        width:100%;
    }

    .form-order-wrap .addr-btn-item .btn {
        padding: 0.8rem 0;
    }

    /* 결제금액 */
    .form-order-wrap .order-right-wrap{
        padding-top:0;
    }

    .form-order-wrap .total-price-title{
        border-bottom:1px solid #000000;
    }

    .form-order-wrap .price-group-wrap {
        padding: 0;
    }

    .form-order-wrap .price-group{
        padding: 0 0.8rem;
        margin-top: 1rem;
    }

    .form-order-wrap .price-group.total-price{
        padding: 1rem 0.8rem 0;
    }

    /* 동의 */
    .form-order-wrap .terms-wrap {
        border:2px solid #dbdbdb;
    }

    /* 라디오 pretty */
    .form-order-wrap .form-radio-content .pretty .state label{
        text-indent: 1.6em;
    }

    .form-order-wrap .form-radio-content .pretty .state label:after,
    .form-order-wrap .form-radio-content .state label:before {
        width: calc(1em + 2px);
        height: calc(1em + 2px);
    }

    /* 버튼 */
    .form-order-wrap .btn-wrap{
        padding: 0 1.5rem;
    }

    .form-order-wrap .btn-wrap .btn{
        padding: 1.3rem 0;

        font-size: 1.2rem;
    }
}

/*****#####===== [Page] order/addr_lists =====#####*****/
.order-addr-wrap .addr-title-wrap,
.order-addr-wrap .addr-content-item{
    padding:1.3rem 0;
}

.order-addr-wrap .addr-wrap{
    padding: 7rem 1.5rem 1.5rem;

    text-align: center;
}

/*****##### 배송지 선택 헤더 #####*****/
.order-addr-wrap .addr-title-wrap{
    background-color: #fafafa;
    border-top:1px solid #000000;
    border-bottom:1px solid #e6e6e6;
}

/*****##### 배송지 선택 리스트 #####*****/
.order-addr-wrap .addr-content-item{
    border-bottom:1px solid #e6e6e6;
}

.order-addr-wrap .empty-addr{
    padding:2rem 0.5rem;
}

/*****##### 선택 버튼 #####*****/
.order-addr-wrap .addr-btn-item:not(:last-child){
    margin:0 0 0.3rem 0;
}

.order-addr-wrap .addr-btn-item .btn{
    padding: 0.5rem 1.2rem;
}

/*****##### 페이지네이션 #####*****/
.order-addr-wrap .pagination-wrap {
    margin: 0 0 2rem 0;
}

/*****##### 버튼 #####*****/
.order-addr-wrap .btn-wrap{
    padding: 0 1.5rem;
    margin: 0 0 1.5rem 0;
}

/*****##### 팬시박스 #####*****/
#order-form-body.fancybox-active .fancybox-content{
    max-width: 640px;
}

/*****##### 미디어 쿼리 (order/addr_lists) #####*****/
/***** sm ~ *****/
@media (min-width: 576px){
    /***** 선택 버튼 *****/
    .order-addr-wrap .addr-btn-item{
        padding: 0 1rem;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 575px){
    .order-addr-wrap .addr-wrap{
        text-align: left;
    }

    .order-addr-wrap .addr-title-wrap,
    .order-addr-wrap .addr-content-item {
        padding: 0.8rem 0;

        border-bottom:1px solid #000000;
    }

    /***** 주소명 *****/
    .order-addr-wrap .addr-title{
        font-size: 1.333rem;
        font-weight: 600;
    }

    /***** 수령자이름, 휴대폰 *****/
    .order-addr-wrap .addr-name,
    .order-addr-wrap .addr-phone{
        margin-top:0.5rem;

        font-size:1rem;
        color: #999999;
    }

    /***** 수령자이름 *****/
    .order-addr-wrap .addr-name{
        padding-right:0.5rem;

        border-right:1px solid #d4d4d4;
    }

    /***** 휴대폰 *****/
    .order-addr-wrap .addr-phone{
        padding-left:0.5rem;
    }

    /***** 선택 *****/
    .order-addr-wrap .addr-btn-item:not(:last-child){
        margin:0 0.5rem 0 0;
    }
}

/*****#####===== [Page] order/addr_write, gds_qna/write, gds_review/write =====#####*****/
/*****##### 타이틀 #####*****/
.gds-write-wrap .gds-write-title{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    padding:1.5rem 0.5rem;

    text-align: center;

    background-color: #ffffff;
    border-bottom:1px solid #e8e8e8;

    z-index: 10;
}

.gds-write-wrap .form-group .form-title{
    padding: 1rem;
}

/*****##### 내용 #####*****/
.gds-write-wrap .gds-write-content{
    padding: 7rem 1.5rem 1.5rem;
}

.gds-write-wrap .form-order-wrap .form-content {
    padding: 1.5rem;
}

.gds-write-wrap .form-order-wrap .form-control:not(textarea){
    height: 35px;
}

/*****##### 버튼 #####*****/
.gds-write-wrap .form-order-wrap .btn-wrap {
    padding: 0;
    margin-top: 1.5rem;
}

.gds-write-wrap .form-order-wrap .btn-wrap .btn{
    padding:1rem 0.5rem;
}

.gds-write-wrap .form-order-wrap .btn {
    padding: 0.88rem 1.5rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px){
    .gds-write-wrap .form-group .form-title {
        padding: 0 0 0.5rem 0;

        background-color: #ffffff;
    }

    .gds-write-wrap .form-order-wrap .form-content {
        padding: 0;
    }

    .gds-write-wrap .form-order-wrap .form-group {
        margin-bottom: 1rem;

        border: none;
    }
}

/*****#####===== [Page] order/complete =====#####*****/
/*****##### 페이지 헤더 #####*****/
.order-complete-wrap .page-header{
    margin-bottom: 3.75rem;
}

/*****##### 내용 #####*****/
.order-complete-wrap .form-order-wrap .form-item-wrap{
    margin-top:3.75rem;
}

/*****##### 버튼 #####*****/
.order-complete-wrap .btn-wrap .btn {
    padding: 0.75rem 0.8rem;

    border-radius: 4px;
}

/*****##### 미디어 쿼리 (order/complete) #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    /***** 내용 *****/
    .order-complete-wrap .form-order-wrap .form-content {
        padding: 1.6rem 1.25rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .order-complete-wrap .form-order-wrap .form-item-wrap{
        margin-top: 2.8rem;
        padding: 0;

        border-bottom: none;
    }
}

/*****#####===== [Page] order/mini_cart =====#####*****/
#mini-cart-wrap{
    position: fixed;
    top:0;
    right: 0;

    padding: 2.375rem 3.125rem;
    width: 25rem;
    height: 100%;

    background-color: #ffffff;

    z-index: 1110;

    transform: translateX(100%);
    transition: all 0.9s ease-in-out;
}

#mini-cart-wrap .mini-cart-item{
    padding: 1.25rem 0;

    border-bottom:1px solid #e5e5e5;
}

/*****##### 옵션 #####*****/
#mini-cart-wrap .mini-option-wrap{
    margin: 0.7rem 0;
}

/*****##### 총 상품금액 #####*****/
#mini-cart-wrap .mini-total-price{
    padding: 1rem 0 2.313rem 0;
}

/*****##### 삭제 버튼 #####*****/
#mini-cart-wrap .delete-btn{
    padding: 0 0.5rem;
}

#mini-cart-wrap .delete-btn svg{
    width: 0.6rem;
}

/*****##### show #####*****/
#mini-cart-wrap.show{
    transform: translateX(0%);
}

/*****##### 미디어 쿼리(order/mini_cart) #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    #mini-cart-wrap {
        width: 30rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #mini-cart-wrap{
        padding: 3rem 0;
        width: 80%;
    }

    #mini-cart-wrap .mini-title{
        font-size:1.2rem;
    }

    #mini-cart-wrap .mini-wrap{
        padding:0 2rem;
    }

    #mini-cart-wrap .mini-cart-lists{
        height: calc(100vh - 200px);

        overflow-y: scroll;
        overflow-x: hidden;
    }

    #mini-cart-wrap .mini-fixed-wrap{
        position: fixed;
        bottom: 0;

        width: 100%;

        background-color:#ffffff;

        border-top: 1px solid #d8d8d8;

        z-index: 1100;
    }

    #mini-cart-wrap .mini-total-price {
        padding: 1rem 1.5rem 1.5rem;
    }
}

/*****#####===== [Page] order/cart =====#####*****/
/*****##### 헤더 버튼 #####*****/
.order-cart-wrap .header-btn-wrap{
    margin: 0 0 0.6rem 1.25rem;
}

.order-cart-wrap .header-btn-wrap .header-delete-btn{
    padding: 0.38rem 0.5rem;
}

/*****##### 리스트 #####*****/
.order-cart-wrap .order-list-title{
    padding: 0.875rem 1.25rem;
}

.order-cart-wrap .order-list-item .order-item{
    padding:1.5rem 1.25rem;
}

/***** 옵션변경 *****/
.order-cart-wrap .item-content-opts{
    border-bottom:1px solid #000000;
}

/***** 버튼 *****/
.order-cart-wrap .order-btn-wrap .btn{
    padding: 0.5rem 0;
}

/*****##### 최종 결제 금액 #####*****/
.order-cart-wrap .total-price-wrap{
    margin-top: 1.5rem;
    padding: 2rem 7rem;

    border:1px solid #000000;
}

.order-cart-wrap .total-price-icon{
    margin: 0 2.5rem;
}

.order-cart-wrap .total-price-title{
    font-weight: 600;
}

/*****##### 하단 버튼 #####*****/
.order-cart-wrap .cart-btn-wrap .btn{
    padding: 1.22rem 0;

    font-weight: 500;
}

/*****##### 옵션변경 #####*****/
.cart-opts-fancy .fancybox-content{
    max-width: 967px;
}

.iframe .goods-view-wrap .cart-opts-title{
    padding: 1.3rem 0;
    margin-bottom: 1.5rem;

    text-align: center;

    border-bottom: 1px solid #e8e8e8;
}

.iframe .goods-view-wrap .goods-info-wrap {
    padding: 0.5rem 0 1rem 0;
}

.iframe .goods-view-wrap .container{
    max-width: 100%;
    padding:0;
}

.iframe .goods-view-wrap .goods-btn-wrap .btn{
    padding: 1.3rem 0.5rem;
}

/*****##### 미디어 쿼리 (order/cart) #####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    /***** 버튼 *****/
    .order-cart-wrap .order-btn-wrap{
        width:7.188rem;
        margin: auto;
    }

    /***** 하단 버튼 *****/
    .order-cart-wrap .cart-btn-wrap .btn{
        width: 11.69rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px){
    /***** 버튼 *****/
    .order-cart-wrap .order-btn-wrap .btn:not(:last-child){
        margin-bottom:0.5rem;
    }

    /***** 최종 결제 금액 *****/
    .order-cart-wrap .total-price-content{
        margin-left:2rem;
    }

    /***** 옵션변경 *****/
    .iframe .goods-view-wrap .goods-right {
        margin-top: 0;
        padding-left: 3.75rem;
        padding-bottom: 2rem;
    }

    .iframe .goods-top-wrap{
        padding:0 2rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    /***** 상품 이미지 *****/
    .order-cart-wrap .order-list-wrap .order-item-img {
        width: 5.5rem;
        height: 5.5rem;
    }

    /***** 최종 결제 금액 *****/
    .order-cart-wrap .total-price-wrap{
        padding: 2rem;
    }

    /***** 하단 버튼 *****/
    .order-cart-wrap .cart-btn-wrap .btn{
        width: 10rem;
        padding: 1rem 0;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 헤더 버튼 *****/
    .order-cart-wrap .header-btn-wrap{
        margin: 0 1.5rem;
        padding-bottom: 0.5rem;

        border-bottom: 1px solid #000000;
    }

    /***** 리스트 *****/
    .order-cart-wrap .order-list-item{
        padding: 0 1.5rem;

        border-bottom: 8px solid #e5e5e5;
    }

    .order-cart-wrap .order-list-item .order-item {
        padding: 1.5rem 0;

        border: none;
    }

    .order-cart-wrap .order-list-wrap .order-item-info {
        padding-left: 0.7rem;
    }

    /* 옵션 */
    .order-cart-wrap .item-content-opts{
        display: inline-block;

        margin:0 0 1rem 0;

        font-size: 1rem;
    }

    /***** 버튼 *****/
    .order-cart-wrap .order-btn-wrap{
        margin-top: 1.3rem;
    }

    .order-cart-wrap .order-btn-wrap .btn {
        padding: 0.88rem 0;

        font-size: 1rem;
    }

    /***** 최종 결제 금액 *****/
    .order-cart-wrap .total-price-wrap{
        padding: 1.5rem;
        margin: 1.8rem 1.8rem 0;
    }

    .order-cart-wrap .total-price-item{
        margin-bottom:1rem;
    }

    .order-cart-wrap .total-price-content{
        font-size:1.167rem;
    }

    .order-cart-wrap .total-price-wrap .total-price{
        padding-top:1rem;

        border-top:1px solid #dbdbdb;
    }

    .order-cart-wrap .total-price .total-price-content{
        font-size:1.333rem;
    }

    /***** 하단 버튼 *****/
    .order-cart-wrap .cart-btn-wrap{
        padding: 0.8rem 1.8rem;
    }

    .order-cart-wrap .cart-btn-wrap .btn{
        padding: 1rem 0;
    }

    .order-cart-wrap .npay-btn-wrap{
        margin-top: 0;
        padding: 0 1.8rem;
    }

    .order-cart-wrap .npay_type_A_1{
        width:100% !important;
    }

    /***** 옵션변경 *****/
    .iframe .goods-view-wrap{
        padding: 1.25rem 1.25rem 2rem;
    }

    .iframe .goods-view-wrap .goods-right {
        padding: 0;
    }
}

/*=================================================
			    택배조회
================================================*/
.open-tracking-fancy .fancybox-content{
    max-width: 450px;
    max-height: 100%;
}

.open-tracking-fancy .fancybox-close-small{
    color: #000000;
}

.page-wrap[id^='order-tracking-'] .inner-wrap{
    padding: 1rem 0;

    background-color: #ffffff;
}

.page-wrap[id^='order-tracking-'] .tracking-body{
    margin: 1rem 0;
}

.page-wrap[id^='order-tracking-'] .tracking-title-wrap{
    padding: 1.25rem 0 1.5rem 0.938rem;

    background-color: #03a9f4;
    color: #ffffff;
}

.page-wrap[id^='order-tracking-'] .tracking-title-wrap .tracking-title{
    display: inline-block;

    border: 1px solid #ffffff;
    border-radius: 1rem;

    font-size: 0.75rem;

    padding: 0.3rem 1rem 0.25rem;
    margin-bottom: 0.5rem;
}

.page-wrap[id^='order-tracking-'] .tracking-title-wrap .tracking-num{
    font-size: 1.5rem;
    font-weight: bold;
}


.page-wrap[id^='order-tracking-'] .tracking-status-item {
    position: relative;
    padding: 16px 52px;
    font-size: 13px;
    color: #212121;
}

.page-wrap[id^='order-tracking-'] .tracking-crumbs-wrap :last-child > .location-text {
    font-family: 'NotoSansCJKkr-B';
}

.page-wrap[id^='order-tracking-'] .tracking-crumbs-wrap :last-child > .status-text {
    font-family: 'NotoSansCJKkr-B';
    color: #03a9f4;
}

.page-wrap[id^='order-tracking-'] .tracking-crumbs-wrap :last-child > .list-circle {
    position: relative;
    top: 20px;
    left: -31px;
    width: 10px;
    height: 10px;
    background: #03a9f4;
    border-radius: 5px;
    z-index: 10;
}

.page-wrap[id^='order-tracking-'] .tracking-crumbs-wrap .time-text {
    font-size: 12px;
    color: #aaaaaa;
}

.page-wrap[id^='order-tracking-'] .tracking-crumbs-wrap :not(:last-child) .vertical-line {
    position: absolute;
    width: 2px;
    height: 80px;
    background: #03a9f4;
    left: 25px;
    top: 40px;
}

.page-wrap[id^='order-tracking-'] .tracking-crumbs-wrap .list-circle {
    border: 2px solid #03a9f4;
    position: relative;
    top: 20px;
    left: -30px;
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 5px;
    z-index: 10;
}

.page-wrap[id^='order-tracking-'] .tracking-current{
    margin-bottom: 1rem;
}

.page-wrap[id^='order-tracking-'] .item-wrap{
    padding: 0 1rem;
}

.page-wrap[id^='order-tracking-'] .inner-title{
    padding: 0 0 1rem 1rem;
    border-bottom: 1px solid #dddddd;
}

.page-wrap[id^='order-tracking-'] .inner-content{
    padding: 1rem;
}

.page-wrap[id^='order-tracking-'] .table tr th,
.page-wrap[id^='order-tracking-'] .table tr td{
    word-break: keep-all;
    text-align: center;
}

/*================================================
            [Controller] Mypage
=================================================*/
/*****#####===== 전체 =====#####*****/
[id^="mypage-"] .page-wrap {
    padding: 2.5rem 0 5rem;
    background-color: #f7f7f7;
}

/*****##### 타이틀 #####*****/
[id^="mypage-"] .mypage-title {
    padding-bottom: 0.5rem;

    font-weight: 600;
}

[id^="mypage-"] .mypage-title-border {
    font-weight: 600;
}

#mypage_return_write .return-total-wrap .mypage-title-border {
    border-bottom: 1px solid #666666;
}

/*****##### dropzone #####*****/
.mypage-main-wrap.dropzone {
    position: relative;
    padding: 0;

    width: 8.75rem;
    height: 8.75rem;

    border: none;
}

.mypage-main-wrap.dz-message,
.mypage-main-wrap.dropzone .dz-preview .dz-image {
    border: 1px solid #cccccc;
}

.mypage-main-wrap.dz-message,
.mypage-main-wrap.user-image,
.mypage-main-wrap.dropzone .dz-preview .dz-image {
    width: 8.75rem;
    height: 8.75rem;

    border-radius: 0;
}

.mypage-main-wrap.dz-message {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mypage-main-wrap.dropzone .dz-preview .dz-image,
.mypage-main-wrap.dropzone[data-size='small'] .dz-preview .dz-image {
    position: relative;
    margin: 0;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.mypage-main-wrap.dropzone .dz-preview .dz-image {
    width: 8.75rem;
    height: 8.75rem;
}

.mypage-main-wrap.dropzone .dz-preview .dz-remove {
    height: 0;
    padding-top: 0;
    visibility: hidden;
}

.mypage-main-wrap.dropzone .dz-remove:after {
    content: '';
    background: url(/front/data/img/mypage/profile-delete.svg) no-repeat;
    background-size: cover;
    visibility: visible;
}

.mypage-main-wrap.dropzone .dz-remove:after {
    position: absolute;
    top: -1rem;
    right: -1rem;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    box-shadow: 0 3px 3px #00000029;
    z-index: 100;
}

/*****##### 더보기 버튼 #####*****/
.order-more-btn {
    padding:0.7rem 0;
}

.order-more-btn .order-more-img{
    width: 0.3rem;
    height: 0.8rem;
    margin: 0.1rem 0 0 0.2rem;
}

/*****##### 내역이 없습니다 #####*****/
.mypage-none-wrap{
    padding: 1.5rem 0;

    text-align: center;

    color: #999999;
    border-bottom: 1px solid #eeeeee;
}

@media (min-width: 100px) and (max-width: 767.98px){
    .mypage-none-wrap{
        border-bottom: none;
    }
}

/*****##### table #####*****/
.table-mypage{
    text-align: center;

    border-top:none;
}

.table-mypage thead{
    color: #fff;

    background-color: #555555;
}

.table-mypage thead th:first-child {
    border-radius: 8px 0 0 0;
}

.table-mypage thead th:last-child {
    border-radius: 0 8px 0 0;
}

.table-mypage td,
.table-mypage thead th{
    border-bottom: 1px solid #e8e8e8;
}

.table-mypage thead th,
.table-mypage td{
    padding: 1rem 0.75rem;

    overflow: hidden;
}

.table-mypage thead th[data-type="num"]{
    display: table-cell;
}

.table-mypage tbody {
    background-color: #ffffff;
}

/*****##### 미디어 쿼리 (전체) #####*****/
/***** md *****/
@media (min-width: 768px){
    .table-mypage thead th[data-type="date"]{
        width:13rem;
    }

    .table-mypage thead th[data-type="status"]{
        width:8rem;
    }

    .table-mypage thead th[data-type="num"]{
        width:13rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 전체 *****/
    [id^="mypage-"] .page-wrap {
        padding: 0 0 1.5rem;
    }

    /***** 타이틀 *****/
    [id^="mypage-"] [class*="mypage-title"] {
        font-size: 1.3rem;
    }

    /***** table *****/
    .table-mypage thead th[data-type="date"]{
        width:8rem;
    }

    .point-wrap .table-mypage thead th:nth-child(2) {
        border-radius: 8px 0 0 0;
    }
}

/*****#####===== [Page] mypage/nav =====#####*****/
.mypage-nav-wrap .page-header{
    margin-bottom: 0.2rem;

    text-align: left;
}

.mypage-nav-wrap .mypage-nav-title {
    padding: 1.25rem 1.25rem;

    background-color: #fff;
}

/*****##### 유저 정보 #####*****/
.mypage-nav-wrap .mem-info-wrap {
    position: relative;
    
    padding: 1.5rem 1.5rem;

    border: solid 1px #ddd;
    background-color: #ffffff;
}

.mypage-nav-wrap .mem-info-img,
.mypage-nav-wrap .user-image {
    display:inline-block;

    width: 5rem;
    height: 5rem;
}

/***** 유저 이미지 *****/
.mypage-nav-wrap .mem-info-img {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
}

/***** 회원명 *****/
.mypage-nav-wrap .mem-edit-wrap {
    position: absolute;
    top: 20%;
    left: 7.2rem;
    min-width: 12rem;
}

.mypage-nav-wrap .info-content-wrap .info-content-item {
    margin-bottom:0.2rem;
}

/*****##### 잔여 포인트 #####*****/
.mypage-nav-wrap .mem-point-wrap {
    margin-top: 0.7rem;
    padding: 0.625rem 0.688rem;

    background-color: #f6f6ee;
}

.mypage-nav-wrap .mem-point-wrap .svg-wrap {
    margin-right: 0.3rem;
}

/*****##### 네비게이션 #####*****/
.mypage-nav-wrap .nav-wrap {
    margin-top: 1rem;
    padding: 1rem 1.5rem;

    background-color: #ffffff;
    border: solid 1px #ddd;
}

/*****##### 드롭메뉴 drop-menu #####*****/
.mypage-nav-wrap .nav-item.active .nav-drop-menu {
    height: 4.6rem;
    opacity: 1;
}

.mypage-nav-wrap .nav-drop-menu {
    height: 0;
    opacity: 0;

    padding: 0 2.1rem;

    transition: all 0.3s ease-in-out;
}

.mypage-nav-wrap .nav-item.active .nav-drop-item {
    display: block;
}

.mypage-nav-wrap .nav-drop-item {
    display: none;
}

.mypage-nav-wrap .nav-drop-link {
    display: block;
    padding: 0.625rem 0;
}

/***** svg *****/
.mypage-nav-wrap .nav-link.active svg path,
.mypage-nav-wrap .nav-link.active svg circle{
    fill: #cccccc;
}

.mypage-nav-wrap .nav-link.active svg path{
    fill: #000000;
}

.mypage-nav-wrap .nav-link.active svg circle{
    fill: #ffffff;
}

/*****##### 미디어 쿼리 (mypage/nav) #####*****/
/***** xs ~ md *****/
@media (min-width: 100px) and (max-width: 991.98px) {
    .mypage-nav-wrap{
        margin: 0 0 1.5rem;
    }
    
    /*****##### 유저 정보 #####*****/
    .mypage-nav-wrap .mem-info-wrap {
        border-radius: 0;
        border: 0;
    }

    /*****##### mobile 네비게이션 #####*****/
    .m-nav-wrap {
        position: relative;
        padding: 0 1.667rem;

        background-color: #ffffff;
        border-bottom: solid 1px #dddddd;
    } 

    /***** li 태그 *****/
    .m-nav-wrap .nav .nav-item {
        display: inline-block;
        margin-right: 1rem;
    }

    /***** a 태그 *****/
    .m-nav-wrap .nav .nav-link {
        padding: 0.667rem 0;
    }

    .m-nav-wrap .nav .nav-link.active {
        font-weight: bold;
        line-height: 1rem;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .mypage-nav-wrap{
        border-bottom: solid 6px #eeeeee;
    }

    /*****##### 유저정보 #####*****/
    .mypage-nav-wrap .mem-info-img,
    .mypage-nav-wrap .user-image  {
        width: 5rem;
        height: 5rem;
    }

    .mypage-nav-wrap .mem-info-wrap {
        padding: 2.5rem 1.667rem;

        border: none;
        border-bottom: solid 1px #dddddd;
        border-radius: 0px;
    }

    .mypage-nav-wrap .mem-info-wrap .mem-info-title{
        font-size: 1.5rem;
    }

    .mypage-nav-wrap .info-content-item{
        font-size: 1.167rem;
    }

    /*****##### nav #####*****/
    .mypage-nav-wrap .mypage-nav-title {
        padding: 1.583rem 1.667rem;
    
        background-color: #fff;
    }
    
    .mypage-nav-wrap .nav-wrap{
        margin-top: 0;
        padding: 0 0 0 1.667rem;

        border: none;
        border-bottom: 1px solid #dddddd;
        border-radius: 0;
    }

    /***** active *****/
    .mypage-nav-wrap .nav-link.active .nav-text {
        padding-bottom: 0.65rem;
        border-bottom: solid 1px #000000;
    }

    /***** 수업관리 - 드롭메뉴 drop-menu *****/
    .mypage-nav-wrap .nav-drop-menu {
        display: none;
    }

    /*****#####===== scroll =====#####*****/
    /***** mobile 네비게이션 *****/
    .m-nav-wrap .scroll-sm-wrap {
        flex-wrap: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .scroll-sm-wrap::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }

    .m-nav-wrap .scroll-item {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}

/*****#####===== [Page] mypage/right_nav =====#####*****/
.mypage-dash-wrap,
.on-order-wrap,
.mypage-order-wrap,
.mypage-border-wrap,
.lately-wrap{
    margin-bottom: 1.25rem;
}

.mypage-dash-wrap .mem-content-wrap{
    text-align: center;
}

/*****##### 유저 정보 #####*****/
.mypage-dash-wrap .mem-content-item {
    padding: 1.5rem;

    background-color: #fff;
    border: solid 1px #ddd;
}

.mypage-dash-wrap .mem-content-item:hover {
    border: solid 1px #f07229;
}

.mypage-dash-wrap .mem-content-img {
    width: 3.15rem;
    height: 3.15rem;
    margin-right: 0.75rem;
}

.mypage-dash-wrap .mem-content-img .content-img-img{
    width: 3.15rem;
    height: 3.15rem;
    margin-right: 0.75rem;
}

.mypage-dash-wrap .mem-content-item .svg-wrap svg {
    width: 1.6rem;
    height: 1.6rem;

    padding: 0.5rem;

    background-color: #ffffff;
    border: solid 1px #ddd;
    border-radius: 50%;
}

/*****##### 미디어 쿼리 (mypage/right_nav) #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .mypage-dash-wrap .each-col:not(:last-child) .mem-content-item{
        border-right: 1px solid #e8e8e8;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .mypage-dash-wrap .mem-content-item {
        margin-bottom: 0.625rem;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .mypage-dash-wrap .mem-content-item {
        margin-bottom: 0.625rem;
        padding: 1.25rem 1rem;
    }

    .mypage-dash-wrap .mem-content-title {
        font-size: 1.167rem;
    }
}

/*****#####===== [Page] mypage/main =====#####*****/
/*****##### 진행 중인 주문 #####*****/
.on-order-wrap .on-order-title{
    padding-bottom:0.5rem;

    border-bottom: 1px solid #666666;
}

.on-order-wrap .on-order-content{
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}

.on-order-wrap .on-order-header { 
    padding: 0 1.5rem 1.5rem;
}

.on-order-wrap .on-order-item{
    text-align: center;
}

.on-order-wrap .order-item-title {
    margin-top: 0.278rem;
}

.on-order-wrap .on-order-item .order-item-num{
    width: 5.5rem;
    height: 5.5rem;
    margin: auto;

    font-weight: 600;
    line-height: 3.5rem !important;
    color: #999999;

    background-color: #f5f5f5;
    border-radius: 50%;
}

.on-order-wrap .on-order-item .order-item-num.on {
    color: #111111;
    font-weight: 700;
}

.on-order-wrap .on-order-item .order-item-num.active {
    color: #F07229;
    font-weight: 700;
}

.on-order-wrap .on-order-return{
    padding: 0 1.5rem;
}

.on-order-wrap .on-order-return .order-return-item {
    padding: 0.875rem 1rem;

    background-color: #f5f5f5f5;
}

.on-order-wrap .on-order-return .order-return-item:not(:last-child) {
    margin-bottom: 0.5rem;
}

.on-order-wrap .on-order-return .point-color-1 {
    color: #F07229;
}

.on-order-wrap .on-order-header .btn {
    padding: 0.375rem 1.938rem;
}

/*****##### 미디어 쿼리 (mypage/main) #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .on-order-wrap .on-order-process {
        border-right: 1px solid #e8e8e8;
    }

    .on-order-wrap .on-order-process.none-border {
        border: none;
    }

    .on-order-wrap .on-order-process .each-col:not(:last-child) .on-order-item:after{
        content: '';
        position: absolute;
        right: -1rem;
        top: 50%;

        width: 2rem;
        height: 1rem;

        background: url('/img/app/general/my_arrow.svg') no-repeat center;

        transform: translateY(calc(-50% - 1rem));
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    .on-order-wrap .on-order-item .order-item-num {
        font-size: 1.2rem;
    }

    .on-order-wrap .on-order-process .each-col:not(:last-child) .on-order-item:after {
        background-size: 50%;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .on-order-wrap .on-order-title{
        font-size: 1.333rem;
    }

    .on-order-wrap .order-item-title{
        font-size: 1.167rem;
    }

    .on-order-wrap .on-order-item{
        margin-bottom:1.5rem;
    }

    .on-order-wrap .on-order-content {
        padding: 1.5rem 0 0;
    }

    .on-order-wrap .on-order-header {
        padding: 0 1.5rem 1.5rem;
    }

    .on-order-wrap .on-order-item .order-item-num {
        width: 4.5rem;
        height: 4.5rem;

        line-height: 4.5rem !important;
    }
}

/*****#####===== [Page] mypage/order_view =====#####*****/
#mypage_order_view .btn-wrap .btn{
    padding: 0.75rem 0.8rem;
}

#mypage_order_view .form-item-wrap {
    margin-top: 2.5rem;
}

#mypage_order_view .ordg-num u {
    color: #329CFF;
}

/*****#####===== [Page] mypage/return_lists =====#####*****/
#mypage_return_lists .ordg-reason {
    margin: 0.3rem 0 0 0;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #mypage_return_lists .ordg-reason{
        margin: 0 0 1rem 0;
    }
}

/*****#####===== [Page] mypage/return_view =====#####*****/
.mypage-return-view .mypage-order-wrap{
    padding: 6.5rem 1.5rem 2.5rem;
}

.mypage-return-view .ordg-item {
    padding: 1.313rem 2rem;
}

/*****##### 타이틀 #####*****/
.mypage-return-view .return-view-title{
    position: fixed;

    width: 100%;
    padding: 1.3rem 1rem;

    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;

    z-index: 2;
}

.mypage-return-view .ordg-item-title {
    padding: 1rem 0.5rem;
}

/*****##### 취소사유 #####*****/
.mypage-return-view .return-reason-wrap{
    margin:1.5rem 0;
}

.mypage-return-view .return-reason-content{
    padding:1rem;

    border-bottom:1px solid #e8e8e8;
}

/*****##### 미디어 쿼리 (mypage/return_view) #####*****/
/***** md / lg *****/
@media (min-width: 660px) and (max-width: 1199.98px){
    .mypage-return-view .ordg-info-wrap {
        margin-top: 0;
    }

    .mypage-return-view .ordg-options-wrap {
        margin-bottom: 0;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 659.98px){
    .mypage-return-view .ordg-item {
        padding: 1rem 0;
    }

    .mypage-return-view .ordg-info-wrap {
        margin-top: 0.3rem;
    }

    /***** 취소사유 *****/
    .mypage-return-view .return-reason-content{
        padding: 0.8rem;
    }
}

/*****#####===== [Page] mypage/return_write =====#####*****/
/*****##### 취소내용 #####*****/
.mypage-return-write .reason-wrap{
    margin:1.5rem 0;
}

.mypage-return-write .reason-wrap .reason-textarea{
    border: 1px solid #d9d9d9;

    resize: none;
}

/*****##### 취소예정금액 #####*****/
.mypage-return-write .return-total-wrap{
    margin: 1.5rem 0;

    border-bottom: 1px solid #e8e8e8;
}

.mypage-return-write .return-total-item{
    margin: 1.3rem 0;
}

.mypage-return-write  .return-total{
    padding: 1.3rem 0;

    border-top: 1px solid #e8e8e8;
}

/*****##### 버튼 #####*****/
.mypage-return-write .return-btn-wrap .btn{
    padding: 1rem 0.8rem;
}

/*****##### 미디어 쿼리 (mypage/return_write) #####*****/
/***** xs ~ *****/
@media (min-width: 575.98px){
    .mypage-return-write .return-total-content{
        margin: 0 1.3rem;
    }

    .mypage-return-write .ordg-price{
        text-align: center;
    }
}

/***** ~ xs *****/
@media (max-width: 575px){
    .mypage-return-write .ordg-price{
        text-align: right;
    }
}

/*****#####===== [Page] mypage/refund_write =====#####*****/
.mypage-refund-wrap .form-radio-content .pretty{
    margin-bottom: 0;
}

.mypage-refund-wrap .form-refund-info{
    display: none;
}

.mypage-refund-wrap .form-refund-info.active{
    display: block;
}

.mypage-refund-wrap .refund-btn-wrap{
    margin-top: 3.75rem;
}

/*****##### 미디어 쿼리 (mypage/refund_write) #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .mypage-refund-wrap .ordg-img{
        width: 4.375rem;
        height: 4.375rem;
    }

    .mypage-refund-wrap .refund-price-wrap {
        text-align: center;
    }

    .mypage-refund-wrap .form-order-wrap .form-content {
        padding: 1.25rem;
    }

    /***** 라디오 *****/
    .mypage-refund-wrap .form-radio-content .pretty{
        margin-right: 0;
    }

    .mypage-refund-wrap .form-content.form-radio-content {
        padding: 1.25rem;
    }

    .mypage-refund-wrap .form-radio-content .pretty:not(:last-child){
        margin-right:4.688rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /***** 라디오 *****/
    .mypage-refund-wrap .form-content.form-radio-content {
        padding: 0.8rem;
    }
}

/*****#####===== [Page] mypage/board(공통) =====#####*****/
[id^="mypage_board"] .board-nav-wrap{
    margin-bottom: 1.25rem;

    border: 1px solid #d8d8d8;
}

[id^="mypage_board"] .board-nav-wrap .nav-item{
    padding: 0.625rem 0;

    font-weight: 500;
    text-align: center;
    color: #999999;

    border-left: 1px solid #d8d8d8;
}

[id^="mypage_board"] .board-nav-wrap .each-col:first-child .nav-item{
    border-left: 0;
}

[id^="mypage_board"] .board-nav-wrap .nav-item.active{
    color: #ffffff;

    background-color: #000000;

    border-left: 1px solid #000000;
}

[id^="mypage_board"] [class$="-lists-wrap"]{
    border-top: 1px solid #666666;
}

/*****#####===== [Page] mypage/board_review =====#####*****/
#mypage_board_review .board-gds-review-lists-wrap .grade-wrap{
    margin-right: 1.3rem;
}

#mypage_board_review .board-gds-review-lists-wrap .info-wrap{
    margin: 0;
}

#mypage_board_review .board-gds-review-lists-wrap .info-item:not(:first-child){
    margin-left: 0;
}

#mypage_board_review .board-gds-review-lists-wrap .info-item:not(:first-child):before{
    display: none;
}

#mypage_board_review .board-gds-review-lists-wrap .ordg-item-btn{
    color: #000000;

    text-decoration: underline;
}

#mypage_board_review .board-gds-review-lists-wrap .title-wrap{
    margin-top: 0.625rem;
}

#mypage_board_review .board-gds-review-lists-wrap .item-content {
    margin-top: 0.625rem;
}

/*****##### 미디어 쿼리 (mypage/board_review) #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #mypage_board_review .board-gds-review-lists-wrap .lists-item{
        padding: 1.4rem 1.429rem;
    }
}

/*****#####===== [Page] mypage/coupon =====#####*****/
/*****##### 쿠폰등록 #####*****/
.coupon-wrap .coupon-write-wrap{
    margin-bottom:2rem;
    padding: 2rem 1rem;

    text-align: center;

    background-color:#eeeeee;
}

.coupon-wrap .coupon-write-wrap .coupon-subtitle{
    margin:0.3rem 0 1rem;
}

.coupon-wrap .coupon-write-wrap .form-control::placeholder{
    font-size: 12px;
}

/*****##### 미디어 쿼리 (mypage/coupon) #####*****/
/***** md ~ *****/
@media (min-width: 768px){
    .coupon-wrap .coupon-write-wrap .btn{
        padding: 0.65rem 2.47rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .coupon-wrap .coupon-write-wrap .btn {
        padding: 0.64rem 0.8rem;
    }
}

/*****#####===== [Page] mypage/info =====#####*****/
.mypage-info-wrap {
    margin: 0 0 0 0.625rem;
    padding-bottom: 8.5rem;
}

.mypage-info-wrap .form-half {
    width: 50%;
}

/*****##### 타이틀 #####*****/
.mypage-info-wrap .mypage-title-border {
    padding: 1.5rem 0 1.5rem 1.5rem;

    background-color: #ffffff;
    border-bottom: solid 1px #dddddd;
}

/*****##### form #####*****/
.mypage-info-wrap [class*="content"]:not([class*="form"]) {
    border-radius: 8px;
}

.mypage-info-wrap .mypage-info-inner {
    border: solid 1px #ddd;
    background-color: #fafafa;
}

.mypage-info-wrap .form-group-wrap .form-group:last-child {
    border-bottom: none;
}

.mypage-info-wrap .form-group-wrap .form-group {
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
}

.mypage-info-wrap .form-title,
.mypage-info-wrap .form-content {
    padding: 1.5rem 1.5rem;
}

.mypage-info-wrap .form-title {
    height: 100%;

    background-color: #fafafa;
}

.mypage-info-wrap .form-title-title {
    font-weight: 500;
}

.mypage-info-wrap .form-content {
    background-color: #ffffff;
}

.mypage-info-wrap .form-control {
    height: 2.5rem;

    border: solid 1px #ccc;
}

/*****##### 프로필 사진 #####*****/
.profile-drop-wrap .dropzone {
    position: relative;
    padding: 0;
    border: none;
}

.profile-drop-wrap .dz-message {
    padding: 0 0.1rem;
}

.profile-drop-wrap .dz-message,
.profile-drop-wrap .dropzone .dz-preview .dz-image {
    position: relative;
    margin: 0;
    border: 1px solid #cccccc;
}

.profile-drop-wrap .dz-message,
.profile-drop-wrap .user-image,
.profile-drop-wrap .dropzone .dz-preview .dz-image {
    border-radius: 6px;
}

.profile-drop-wrap .dropzone-title-wrap {
    margin-top: 0.625rem;
}

.profile-drop-wrap .dropzone .dz-preview .dz-remove {
    height: 0;
    padding-top: 0;
    visibility: hidden;
}

.profile-drop-wrap .dropzone .dz-remove:after {
    content: '';
    background: url(/front/data/img/mypage/profile-delete.svg) no-repeat;
    background-size: cover;
    visibility: visible;
}

.profile-drop-wrap .profile-edit, 
.profile-drop-wrap .dropzone .dz-remove:after {
    position: absolute;
    top: -1rem;
    right: -1rem;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    box-shadow: 0 3px 3px #00000029;
    z-index: 100;
}

.profile-drop-wrap .dz-message,
.profile-drop-wrap .user-image,
.profile-drop-wrap .dropzone .dz-preview .dz-image {
    width: 8.75rem;
    height: 8.75rem;
}

.profile-drop-wrap .dz-message {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*****##### 성별 라디오 버튼 #####*****/
.mypage-info-wrap .form-radio-wrap .pretty input:checked~.state.p-primary label:after,
.mypage-info-wrap .form-radio-wrap .pretty.p-toggle .state.p-primary label:after{
    background-color: #000000 !important;
}

.mypage-info-wrap .form-radio-wrap .pretty input:checked~.state label {
    color:#222222 !important;
}

/*****##### 버튼 #####*****/
.mypage-info-wrap .info-btn-1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;

    background-color: #fff;
    border: solid 1px #000;
    border-radius: 0;
}

.mypage-info-wrap .info-btn-1:hover {
    color: #fff;
    background-color: #000;
}

.mypage-info-wrap .info-btn-2 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;

    color: #fff;
    background-color: #000;
    border: solid 1px #000;
    border-radius: 0;
}

/*****##### 탈퇴버튼 #####*****/
.mypage-info-wrap .leave-btn-wrap .btn{
    padding:0.4rem 0.9rem;

    border:1px solid #999999;
}

/***** 수정버튼 *****/
.mypage-info-wrap .btn-wrap {
    margin-top: 2.625rem;
}

/*****##### 팬시박스 #####*****/
.custom-fancy-leave .fancybox-content{
    max-width: 400px;
}

.custom-fancy-leave .fancybox-content,
.custom-fancy-leave .fancybox-iframe{
    border-radius: 3px;
}

.custom-fancy-leave .fancybox-button{
    display:none;
}

.mypage-info-wrap .leave-btn-desc {
    font-size: 0.875rem;
    color: #999999;
    margin-left: auto;
    margin-right: 0.5rem;
    cursor: auto;
}

.mypage-info-wrap .leave-wrap {
    margin-top: 0.625rem;
}

/*****##### 미디어 쿼리 (mypage/info) #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    /*****##### form #####*****/
    .mypage-info-wrap .mypage-info-inner {
        border-radius: 0;
        border: none;
        background-color: transparent;
    }

    .mypage-info-wrap .mypage-title-border{  
        border-bottom: none;
    }

    .mypage-info-wrap .form-group {
        border-bottom: none;
        border-top: solid 6px #eeeeee;
    }

    .mypage-info-wrap .form-group-wrap .form-group:first-child {
        border-top: none;
    }

    /*****##### 타이틀 #####*****/
    .mypage-info-wrap .mypage-title-border {
        padding: 1.5rem 0 1.5rem 0;

        background-color: transparent;
        border-radius: 0;
    }

    .mypage-info-wrap .form-group-wrap .form-group:first-child .form-title {
        border-top: solid 1px #dddddd;
        border-radius: 8px 8px 0 0;
        border-left: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
    }

    .mypage-info-wrap .form-title {
        background-color: #ffffff;
        border-left: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
    }

    .mypage-info-wrap .form-content {
        border-top: solid 1px #e6e6e6;
        border-bottom: solid 1px #dddddd;
        border-left: solid 1px #dddddd;
        border-right: solid 1px #dddddd;
    }

    /***** 버튼 *****/
    .mypage-info-wrap .btn {
        padding: 0.9rem;
    }

    .mypage-info-wrap .auth-confirm-wrap{
        margin-top: 1rem;
    }

    /***** 수정버튼 *****/
    .mypage-info-wrap .btn-wrap {
        margin-top: 42px;
    }

    .mypage-info-wrap .btn-wrap .btn {
        width: 100%;
    }

}

/*****#####===== [Page] mypage/wish =====#####*****/
#mypage_wish .goods-img {
    position: relative;
}

#mypage_wish .goods-img .flip-wrap {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}

/*****#####===== [Page] mypage/leave_auth =====#####*****/
.mypage-leave-wrap{
    padding:2rem;
}

.mypage-leave-wrap .page-header {
    margin-bottom: 2.5rem;
}

.mypage-leave-wrap .page-header-subtitle {
    margin-top: 1rem;
}

.mypage-leave-wrap .form-control {
    height: 40px;
}

.mypage-leave-wrap .btn-wrap{
    margin-top: 1.5rem;
}

/*****#####===== [Page] leave_complete =====#####*****/
.leave-complete-wrap .leave-complete-img{
    margin:3rem 0;

    text-align: center;
}

.leave-complete-wrap .leave-complete-img svg{
    height: 12rem;
}

/*****#####===== [Page] mypage/contact_lists =====#####*****/
.mypage-contact-lists .mypage-contact-title{
    padding: 1.2rem 0;

    text-align: center;

    background-color: #f5f5f5;
    border-bottom:1px solid #e8e8e8;
}

.mypage-contact-lists .btn-wrap{
    margin-top:1rem;
}

.mypage-contact-lists .btn-wrap .btn{
    padding:0.63rem 1.3rem;
}

/*****##### contact_lists/fancybox #####*****/
/***** 닫기 버튼 *****/
#mypage-contact_lists-body .fancybox-close-small {
    right: 1rem;
}

/***** fancybox 전체 패딩 빼기 *****/
/* #mypage-contact_view-page {
    padding: 0;
} */

/*****#####===== [Page] mypage/contact_view =====#####*****/
/*****##### 타이틀 #####*****/
.mypage-contact-view .contact-title-wrap{
    padding:1.5rem 3rem;

    border-bottom:1px solid #dddddd;
}

.mypage-contact-view .contact-title-wrap .contact-info{
    margin-top:0.5rem;
}

.mypage-contact-view .contact-info-item:not(:last-child){
    margin-right:1.5rem;
}

.contact-info-item:not(:last-child)::after {
    content: '|';
    color: #999999;

    margin: 0 0.5rem;
}

/*****##### 첨부파일 #####*****/
.attach-header {
    cursor: pointer;
}

.attach-item {
    color: #999999;
}

.attach-icon {
    margin-right: 0.313rem;
}

.board-gds-review-write-wrap .dropzone .dz-message {
    text-align: left !important;
}

.mypage-contact-view .attach-wrap {
    position: relative;
}

.mypage-contact-view .attach-wrap .attach-body{
    position: absolute;
    right:0;
    top:1.5rem;
}

.mypage-contact-view .attach-wrap .card-body{
    padding: 0.7rem 1.2rem;

    background-color:#ffffff;
    border:1px solid #666666;
    box-shadow: 3px 3px rgba(0,0,0,0.1);
}

.mypage-contact-view .attach-wrap .each-attach {
    text-align: left;
}

.mypage-contact-view .each-download:not(:last-child){
    margin-bottom: 0.2rem;
}

/*****##### 버튼 #####*****/
.mypage-contact-view .btn-wrap {
    padding: 1.5rem 0;
}

/*****##### 문의내용, 답변 #####*****/
.mypage-contact-view .contact-content-wrap,
.mypage-contact-view .contact-answer-wrap{
    padding:2rem 3rem;
}

.mypage-contact-view .contact-answer-wrap{
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
}

/*****##### 미디어 쿼리 (mypage/contact_view) #####*****/
/***** xs / sm / md *****/
@media (min-width: 100px) and (max-width: 991.98px){
    .mypage-contact-view .contact-title-wrap{
        padding:1.5rem 0.5rem;
    }

    .mypage-contact-view .contact-content-wrap,
    .mypage-contact-view .contact-answer-wrap{
        padding:2rem 0.5rem;
    }
}

/*****#####===== [Page] mypage/contact_write =====#####*****/
.mypage-contact-write .gds-write-wrap .gds-write-content {
    padding: 0;
}

.mypage-contact-write .gds-write-wrap .btn-wrap .btn {
    padding: 0.8rem 0.5rem;

    border-radius: 0;
}

.mypage-contact-write .gds-write-wrap .btn-wrap {
    margin: 3.5rem 0;
}

/*****##### form #####*****/
.mypage-contact-write .form-group:first-child .form-title {
    border-radius: 0.5rem 0.5rem 0 0;
}

.mypage-contact-write .form-group:last-child .form-title {
    border-radius: 0 0 0 0.5rem;
}

.mypage-contact-write .form-group:first-child .form-content {
    border-radius: 0.5rem 0 0 0;
}

.mypage-contact-write .form-group:last-child .form-content {
    border-radius: 0 0 0 0.5rem;
}

.mypage-contact-write .form-group:last-child {
    border: none;
}

/*****##### 미디어 쿼리 (mypage/contact_write) #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #mypage_contact_write .mypage-title {
        margin-bottom:1rem;

        text-align: center;
    }

    .mypage-contact-write{
        padding-top:2rem;
    }

    .mypage-contact-write .gds-write-wrap .btn-wrap{
        margin-top:1.5rem;
    }

    .mypage-contact-write .form-group:last-child .form-title {
        border-radius: 0 0 0 0;
    }

    .mypage-contact-write .mypage-border-box {
        padding: 1rem;
    }
}

/*****#####===== [Page] mypage/estimate =====#####*****/
/*****##### 슬릭 #####*****/
#mypage_estimate .slick-wrap{
    padding: 0;
}

#mypage_estimate .slick-wrap .slide-wrap{
    padding: 0.5rem;
}

/*****##### 아이템 전체 #####*****/
#mypage_estimate .estimate-item{
    padding: 4rem 2rem;

    border: 1px solid #cccccc;
    border-radius: 8px;
}

/***** 타이틀 *****/
#mypage_estimate .title-top{
    font-size: 1rem;
}

#mypage_estimate .title-top small{
    color: #aaaaaa;
}

#mypage_estimate .title-price{
    font-size: 1.8rem;
    font-weight: 600;
}

/***** 버튼 *****/
#mypage_estimate .estimate-btn-wrap{
    margin-top: 1rem;
}

/***** 정보 *****/
#mypage_estimate .estimate-info-wrap{
    margin-top: 2rem;
}

#mypage_estimate .estimate-info-wrap .table{
    border-top: 2px solid #000000;
}

#mypage_estimate .estimate-info-wrap th,
#mypage_estimate .estimate-info-wrap td{
    padding: 0.75rem 0;

    border-bottom: 1px solid #dddddd;

    font-weight: 400;
}

#mypage_estimate .estimate-info-wrap th{
    text-align: left;
}

#mypage_estimate .estimate-info-wrap td{
    text-align: right;
}


/*================================================
            [게시판] 신고하기
=================================================*/
/*****#####===== 신고하기 =====#####*****/
#report-wrap {
    display: none;
    width: 450px;
    padding: 0;
}

#report-wrap .report-header{
    padding: 0.7rem 1rem;

    border-bottom: 1px solid #dddddd;
}

#report-wrap .fancybox-close-small:before{
    display: none;
}

#report-wrap .report-item{
    padding: 1rem;
}

#report-wrap .report-item:hover{
    background: #dddddd;
}

/*================================================
            board
=================================================*/
.board-none-wrap{
    margin: 1.5rem 0;

    text-align: center;
    color: #666666;
}

/*================================================
            board/default
=================================================*/
/*****#####===== 리스트 =====#####*****/
/*****##### 타이틀 #####*****/
.board-default-lists-wrap .board-title-wrap{
    margin-bottom:2rem;

    text-align: center;
}

/*****##### 카테고리 #####*****/
.board-default-lists-wrap .bcat-wrap{
    margin-bottom:1.5rem;
}

.board-default-lists-wrap .bcat-wrap .btn{
    padding:0.8rem 0.5rem;

    border:1px solid #e8e8e8;
    border-radius: 0;
}

/***** active *****/
.board-default-lists-wrap .bcat-wrap .btn.active{
    color:#ffffff;

    background-color:#000000;
}

.board-default-lists-wrap .bd-adding-wrap .btn.active{
    color:#ffffff;

    background-color:#000000;
}

/*****##### 검색 #####*****/
.board-default-lists-wrap .bd-srch-wrap{
    margin-bottom: 1rem;
}

.board-default-lists-wrap .bd-srch-wrap .form-control{
    border:none;
}

.board-default-lists-wrap .bd-srch-wrap .srch-box,
.board-default-lists-wrap .bd-srch-wrap .select-srch-box{
    height: calc(1.5em + .75rem + 2px);

    border: 1px solid #d9d9d9;
}

/***** 버튼 *****/
.board-default-lists-wrap .bd-srch-wrap .srch-box .btn{
    padding: 0.2rem 0.7rem;
}

.board-default-lists-wrap .bd-srch-wrap .srch-box svg{
    width: 1.1rem;
}

/*****##### 작성하기 버튼 #####*****/
.board-default-lists-wrap .lists-btn-wrap .btn{
    padding: 0.6rem 1.2rem;
}

/*****##### 리스트 #####*****/
/***** 공지사항 *****/
.board-default-lists-wrap .notice-item .bcat-item{
    display:inline-block;

    padding: 0.2rem 0.8rem 0.1rem;
    margin-right: 0.5rem;

    color:#ffffff;

    background-color: #000000;
}


/*================================================
            board/gds_review
=================================================*/
/*****#####===== 리스트 =====#####*****/
.board-gds-review-lists-wrap .lists-item{
    padding: 1.5rem 1.75rem;

    border-bottom: 1px solid #d8d8d8;
}

.board-gds-review-lists-wrap .grade-wrap{
    color: #cccccc;

    /* direction: rtl; */
}

.board-gds-review-lists-wrap .grade-wrap .fill{
    color: #ff5b01;
}

.board-gds-review-lists-wrap .info-wrap{
    margin: 0.5rem 0 0.4rem;
}

.board-gds-review-lists-wrap .info-item:not(:first-child){
    position: relative;

    margin-left: 1.25rem;
}

.board-gds-review-lists-wrap .info-item:not(:first-child):before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -0.65rem;

    width: 1px;
    height: 65%;

    background-color: #d4d4d4;

    transform: translateY(-50%);
}

.board-gds-review-lists-wrap .review-opt-items:not(:first-child){
    position: relative;

    margin-left: 0.6rem;
}

.board-gds-review-lists-wrap .review-opt-items:not(:first-child):before{
    content: "/";
    position: absolute;
    left: -0.6rem;
}

.board-gds-review-lists-wrap .thumb-image-wrap{
    width: 5rem;
}

.board-gds-review-lists-wrap .item-content-wrap{
    margin-top: 1.25rem;
}

/*****##### 활성화 #####*****/
.board-gds-review-lists-wrap .lists-item.active{
    background-color: #f9f9f9;
}

.board-gds-review-lists-wrap .lists-item.active .thumb-image-wrap{
    display: none;
}

/*****##### 더보기 접기 버튼 #####*****/
.board-gds-review-lists-wrap .collapse-wrap{
    margin-top: 0.8125rem;
}

.board-gds-review-lists-wrap .collapse-btn[aria-expanded="true"] svg{
    transform: rotateZ(180deg);
}

/*================================================
            board/gds_qna
=================================================*/
/*****#####===== 리스트 =====#####*****/
.board-gds-qna-lists-wrap .lists-title-wrap{
    margin-bottom:1rem;
}

.board-gds-qna-lists-wrap .detail-title .btn{
    padding: 0.5rem 1.4rem 0.4rem;
}

.board-gds-qna-lists-wrap .title-wrap{
    padding: 1.5rem 0 1.35rem;

    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
}

.board-gds-qna-lists-wrap .title-wrap .title-status{
    width: 7.25rem;
}

.board-gds-qna-lists-wrap .title-wrap .title-regdate{
    width: 7.25rem;
}

.board-gds-qna-lists-wrap .card-body{
    padding: 2rem 7.25rem;

    background-color: #f9f9f9;
    border-bottom:1px solid #d8d8d8;
}

.board-gds-qna-lists-wrap .card-body .item-content{
    padding-bottom:2rem;

    border-bottom:1px solid #d9d9d9;
}

.board-gds-qna-lists-wrap .edit-wrap .btn{
    border: 1px solid #dbdbdb;
    border-radius: 0;
    background-color: #ffffff;
    padding: 0.5rem 0.8rem 0.4rem;
    font-size: 0.75rem;
    color: #666666;
}

/*****##### 답변 #####*****/
.board-gds-qna-lists-wrap .item-icon{
    font-size: 1.375rem;
    font-weight: bold;
}

.board-gds-qna-lists-wrap .item-answer-wrap{
    margin-top: 1.7rem;
}

.board-gds-qna-lists-wrap .content-desc{
    margin-left: 0.8rem;

    line-height: 1.8em;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg ~ *****/
@media (min-width: 992px){
    .board-gds-qna-lists-wrap .content-desc{
        margin-top: 0.3rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .board-gds-qna-lists-wrap .title-wrap{
        padding: 1.5rem 0.7857rem 1.35rem;
    }

    .board-gds-qna-lists-wrap .title-wrap .title-status,
    .board-gds-qna-lists-wrap .title-wrap .title-regdate{
        width: auto;
    }

    .board-gds-qna-lists-wrap .title-wrap .title-title{
        margin-bottom:0.5rem;
    }

    .board-gds-qna-lists-wrap .title-wrap .each-col{
        padding: 0;
    }

    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(3) .title-items,
    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(4) .title-items{
        position: relative;

        margin-left: 1rem;
    }

    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(3) .title-items:before,
    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(4) .title-items:before{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: -0.6rem;

        width: 1px;
        height: 65%;

        background-color: #d4d4d4;

        transform: translateY(-50%);
    }

    .board-gds-qna-lists-wrap .card-body{
        padding: 1.5rem 1.429rem;

        background-color: #f9f9f9;
        border-bottom:1px solid #d8d8d8;
    }

    .board-gds-qna-lists-wrap .card-body .item-content{
        padding-bottom:1.5rem;

        border-bottom:1px solid #d9d9d9;
    }

    .board-gds-qna-lists-wrap .item-answer-wrap{
        margin-top: 1.5rem;
    }
}

/*****#####===== write =====#####*****/
/***** 비밀글 *****/
.board-gds-qna-write-wrap .pretty {
    margin-top:1.5rem;
}

/*================================================
            nice-select
=================================================*/
.nice-select{
    float: initial;

    padding: 0.375rem 2rem 0.375rem 0.5rem;
    height: calc(1.5em + .75rem + 2px);

    line-height: 1.6em;
}

.nice-select:after{
    width: 7px;
    height: 7px;
    margin-top: -5px;

    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
}

.nice-select .list{
    width:100%;
}


/*================================================
            [page] mypage-order-wrap
=================================================*/
/*****#####===== [Page] mypage/order =====#####*****/
.mypage-order-wrap .ordg-item-wrap {
    background-color: #ffffff;
    border-radius: 0.5rem;
    border: solid 1px #ddd;
}

/*****##### 카테고리 #####*****/
.mypage-order-wrap .bcat-wrap {
    padding: 1.5rem 1.5rem 0;

    border-bottom: 1px solid #cccccc;
}

.mypage-order-wrap .bcat-btn {
    line-height: inherit;    
}

.mypage-order-wrap .bcat-btn.active {
    font-weight: bold;
    
    color: #333333;

    border-bottom: 2px solid #2e2e2e;
}

/*****##### 주문 건수 #####*****/
.mypage-order-wrap .ordg-item-number {
    margin-bottom: 1.125rem;
}

/*****##### 타이틀 #####*****/
.mypage-order-wrap .ordg-item-title{
    padding: 1rem;

    font-weight: 600;
    text-align: center;
    color: #ffffff;

    background-color: #F07229;
}

/*****##### 내용 #####*****/
.mypage-order-wrap .ordg-item{
    padding: 1rem;

    text-align: center;

    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.mypage-order-wrap .ordg-title {
    margin-bottom: 0.1rem;

    font-weight: 600;
}

/*****##### 버튼 #####*****/
.mypage-order-wrap .ordg-btn-wrap .btn{
    margin-top: 0.4rem;
    padding: 0.32rem 0.6rem;
}

.mypage-order-wrap .ordg-btn {
    padding: 0.188rem 0;
    
    font-size: 0.75rem;

    border: 1px solid #000000;
}

.mypage-order-wrap .ordg-btn.disable {
    color: #999999;
    
    background-color: #eeeeee;
    border: 1px solid #cccccc;

    cursor: auto;
}

.mypage-order-wrap .ordg-btn.active {
    color: #ffffff;
    background-color: #000000;
}

/*****##### 미디어 쿼리 (mypage/order) #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    .mypage-order-wrap .ordg-title {
        margin-bottom: 0;

        font-size: 1.333rem;
    }

    .mypage-order-wrap .ordg-item {
        margin-bottom: 1.3rem;
        padding: 1rem;
    
        border: solid 1px #eeeeee;
        border-radius: 8px;
    
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    }

    .mypage-order-wrap .ordg-info-wrap{
        margin-top:1rem;
    }

    .mypage-order-wrap .ordg-regdate,
    .mypage-order-wrap .ordg-num,
    .mypage-order-wrap .ordg-time,
    .mypage-order-wrap .ordg-status{
        font-size: 1rem;
    }

    .mypage-order-wrap .ordg-regdate{
        margin-right: 0.5rem;
    }

    .mypage-order-wrap .ordg-options-wrap {
        margin-bottom: 0.667rem;

        font-size: 1rem;
    }

    .mypage-order-wrap  .ordg-reason {
        font-size: 1rem;
    }

    .mypage-order-wrap .ordg-price-title,
    .mypage-order-wrap .ordg-price-content,
    .mypage-order-wrap .ordg-price-wrap .ordg-unit{
        font-weight: 600;
    }

    .mypage-order-wrap .ordg-price-content{
        font-size: 1.333rem;
        text-align: center;
    }

    /***** 버튼 *****/
    .mypage-order-wrap .ordg-btn-wrap .btn{
        display: block;

        width: 100%;
        margin-top: 1.5rem;
        padding: 0.7rem 0.6rem;

        font-size: 1rem;
    }

    .mypage-order-wrap .ordg-btn {
        margin-top: 1.5rem;
        padding: 0.625rem 0;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {
    .mypage-order-wrap .order-num-wrap{
        margin-top:0.5rem;
    }

    .mypage-order-wrap .ordg-price-content{
        text-align: right;
    }
}

/*================================================
            [module] mypage/table
=================================================*/
.mypage-table-title {
    padding: 1rem 0;

    font-weight: 600;
    text-align: center;
    color: #ffffff;

    background-color: #555555;
    border-radius: 0.375rem 0.375rem 0 0 !important;
}

.mypage-table-content {
    border-bottom: 1px solid #dddddd;
}

.mypage-table-item {
    padding: 1.313rem 0;

    text-align: center;

    background-color: #ffffff;
}

/*================================================
            [module] dim-popup-card
=================================================*/
/*****#####===== 페이지마다 추가 해줘야 하는 부분 =====#####*****/
/* #mypage-contact_view-body #gnb-wrap {
    display: none;
} */

/* #mypage-contact_view-body .footer-wrap {
    display: none;
} */

.dim-popup-card-title {
    padding: 1.25rem 1.875rem;

    color: #ffffff;

    background-color: #333333;
}

.dim-popup-card-content {
    padding: 0 1.375rem;
} 

.dim-popup-card-answer {
    background-color: #eeeeee;
}

/*================================================
            [module] coach-card
=================================================*/
.coach-card-wrap {
    margin-bottom: 6.25rem;
    padding: 2rem 1.5rem 1.5rem;

    background-color: #fff;
    border-radius: 8px;
    border: solid 1px #ddd;
}

.coach-card-inner:not(:last-child) {
    margin-bottom: 1.25rem;
}

.coach-card-box {
    padding: 1.25rem 1rem;

    background-color: #fff;
    border: solid 1px #eee;
    border-radius: 8px;

    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
}

.coach-card-box:hover { 
    border: solid 1px #f07229;
}

/***** 코치 타이틀 *****/
.coach-card-title {
    padding-bottom: 0.938rem;

    border-bottom: solid 1px #eeeeee;
}

/***** 코치 타이틀 이미지*****/
.coach-title-img {
    padding: 0 0.1rem;
}

.coach-title-img .ratio-box {
    border-radius: 50%;
}

/***** 코치 티어 아이콘 *****/
.coach-level-icon {
    width: 1.25rem;
    height: 1.25rem;
}

/***** 코치 내용*****/
.coach-card-game {
    margin-top: 0.625rem;
}

.coach-card-position {
    margin: 0.75rem 0 1rem;
}

.coach-position {
    margin-right: 0.375rem;
    padding: 0.125rem 0.3rem;

    border-radius: 4px;
    border: solid 1px #f07229;
}

.coach-card-program {
    margin: 0.75rem 0 0.5rem;
}

.coach-program {
    margin-right: 0.375rem;
    padding: 0.125rem 0.25rem;

    background-color: #fff8e5;
    border-radius: 2px;
}

.coach-tag {
    margin-right: 0.375rem;
    padding: 0.125rem 0.25rem;

    background-color: #e9e9e9;
    border-radius: 2px;
}

/*================================================
    [module] mypage/right-nav/card 2줄 카드
=================================================*/
.mypage-card-wrap .mypage-card-inner {
    padding: 1.5rem;

    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #ddd;
}

.mypage-card-wrap .mypage-card-content {
    margin-top: 0.875rem;
    padding: 0.625rem 0 0.625rem 1rem;

    background-color: #f7f7f7;
    border-radius: 4px;
}

/*================================================
            [module] mypage-border-box
=================================================*/
/***** 전체 타이틀 *****/
.mypage-border-title {

    font-size: 1.25rem;
    font-weight: bold;
    color: #222222;
}

.mypage-border-subtitle {
    padding-left: 0.2rem;

    font-size: 0.875rem;
    font-weight: 500;
    color: #999999;
}

.mypage-border-title-inner {
    padding: 0 1.5rem 1.5rem;

    background-color: #ffffff;
    border-bottom: solid 1px #dddddd;
}

/***** 더보기 *****/
.mypage-border-more .order-more-btn {
    font-size: 0.875rem;
}

/***** 카드 모듈 박스 *****/
.mypage-border-box {
    padding: 1.5rem 0;

    border: solid 1px #dddddd;
    background-color: #ffffff;
}

.mypage-border-box:not(:first-child) {
    margin-top: 1.25rem;
}

.mypage-border-box.write-table {
    padding: 1.5rem 0 0 0;
}

.mypage-border-box.write-table .mypage-content-header.underline {
    margin-bottom: 0;
}

/*****##### 헤더 ######*****/
.mypage-border-header {
    padding: 1.5rem;
    
    border-bottom: solid 1px #dddddd;
}

/***** 헤더 타이틀 *****/
.mypage-border-header-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #222222;
}

/*****##### 카테고리 #####*****/
.mypage-subcate-wrap {
    border-bottom: solid 1px #cccccc;
    padding: 1.5rem 0 0.3rem 1.5rem;
}

.mycat-nav-item {
    display: inline-block;
    margin-right: 1.5rem;

    font-weight: 500;
    color: #777777;
}

.mycat-nav-link {
    padding: 0.375rem 0;
}

.mycat-nav-link.active {
    padding: 0.375rem 0;

    font-weight: bold;
    color: #222222;
}

.mycat-nav-link.active span {
    padding-bottom: 0.3rem;
    border-bottom: solid 2px #222222;
}

/*****##### 바디 #####*****/
.mypage-border-body {
    padding: 1.5rem;
}

/***** 주문 건수 *****/
.mypage-border-number {
    margin-bottom: 1rem;

    font-size: 1rem;
    font-weight: bold;
    color: #555555;
}

/***** 내용 *****/
.mypage-border-item-wrap {
    border-bottom: solid 1px #dddddd;
}

.mypage-border-item-title {
    text-align: center;
    color: #fff;

    margin-bottom: 1.5rem;
    padding: 0.813rem 1.25rem;

    background-color: #666666;
}

.mypage-border-item {
    margin-bottom: 1.5rem;

    text-align: center;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .mypage-border-item-wrap {
        border-bottom: none;
    }
}

/*================================================
            [module] mypage
=================================================*/
.mypage-content-header {
    margin-bottom: 1rem;
}

.mypage-border-box .mypage-content-header {
    margin-bottom: 0;
    padding: 0 1.5rem 1.5rem;
}

.mypage-border-box .mypage-content-header.underline {
    margin-bottom: 1.5rem;
    
    border-bottom: 1px solid #dddddd;
}

#mypage-wish-body .mypage-border-box .mypage-content-header.underline {
    margin-bottom: 0;
}

.mypage-border-box .mypage-content-answer {
    margin-bottom: 0;
    padding: 0 1.5rem 1.5rem;
}

.mypage-more-btn,
.mypage-more-btn.btn {
    padding: 0.375rem 1.938rem;
}

.mypage-title-wrap {
    margin-bottom: 1.75rem;
}

.mypage-item-inner {
    padding: 0 1.5rem;
    margin-top: 1.5rem;
}

.mypage-item-top {
    margin-bottom: 0.5rem;
}

.mypage-item-title {
    padding: 1rem;

    font-weight: 600;
    text-align: center;
    color: #ffffff;

    background-color: #F07229;
}

.mypage-item {
    padding: 1rem;

    text-align: center;

    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.mypage-item .ordg-num a {
    color: #329CFF;
}

.lately-content {
    padding: 0 1.5rem;
}

.board-gds-review-lists-wrap {
    border: none !important;
}

.board-gds-review-lists-wrap .lists-item {
    padding: 1rem;
    border-top: 1px solid #d8d8d8;
}

#mypage_board_review .board-gds-review-lists-wrap .grade-wrap {
    margin-right: 0;
}

[id^="mypage-"] .grade-wrap .fill,
#mypage-wish-page .grade-wrap .fill {
    color: #F07229;
}

.rating-star-wrap [class^='rating-star']:not(.view):hover:before,
.rating-star-wrap [class^='rating-star'].active:before,
.rating-star-wrap [class^='rating-star']:not(.view):hover~[class^='rating-star']:before,
.rating-star-wrap [class^='rating-star'].active~[class^='rating-star']:before {
    color: #F07229;
}