/*=================================================
			REM 설정
=================================================*/
html, body{
    font-size: 16px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px){
    html:not(.iframe),
    body:not(.iframe){
        font-size: 14px;
    }
}
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px){
    html:not(.iframe),
    body:not(.iframe){
        font-size: 13px;
    }
}
/***** sm *****/
@media (min-width: 576px) and (max-width: 767.98px){
    html:not(.iframe),
    body:not(.iframe){
        font-size: 12px;
    }
}
/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {
    html:not(.iframe),
    body:not(.iframe){
        font-size: 12px;
    }
}

/*=================================================
			버튼, 색 설정
=================================================*/
/*****#####===== 솔루션 =====#####*****/
.point-color-primary{color: #3A65F3;}
.point-color-primarylight{color: #E1E7F8;}
.point-sub-dark{color: #222222;}
.point-sub-middle{color: #555555;}
.point-sub-light{color: #999999;}
.point-sub-red{color: #ff4800;}

.point-btn-primary{
    color: #ffffff !important;

    background-color:#3a65f3;
    border:1px solid #3a65f3;
}

.point-btn-sub{
    color: #555555 !important;

    background-color:transparent;
    border:1px solid #dddddd;
}

.point-btn-subprimary{
    color: #3a65f3 !important;

    background-color:transparent;
    border:1px solid #3a65f3;
}

[class*="point-btn"]{
    padding: 1.5rem;

    font-size: 1.333rem;
    font-weight: 500;
    line-height: 1em;
    text-align: center;

    border-radius: 0.333rem;
}

[class*="point-btn"].btn-small{
    min-width: 8.833rem;
    padding: 1.167rem 1.75rem;

    font-size: 1.167rem;
}

[class*="point-btn"].btn-icon{
    padding: 1.025rem;
}

.btn-basic{
    padding: 0;

    background-color: transparent;

    border: none;
}

@media (min-width: 100px) and (max-width: 767px) {
    [class*="point-btn"]{
        padding: 1rem;

        font-size: 1.167rem;
        list-style: 1.57em;
    }
}

/*****#####===== 하단 테두리 =====#####*****/
.bd-bottom-light{
    border-bottom: 1px solid #dddddd;
}

.bd-bottom-dark{
    border-bottom: 1px solid #999999;
}

.bd-bottom-thick{
    width: 100%;
    height: 8px;

    background-color: #f4f4f4;

    border-bottom: 1px solid #dddddd;
}

/*****#####===== 폰트 =====#####*****/
.page-h1{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.56em;
}

.page-h2{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.58em;
}

.page-h3{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6em;
}

.page-h4{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6em;
}

.page-h5{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.56em;
}

.page-h6{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.63em;
}

.page-display-1{
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.57em;
}

.page-display-2{
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5em;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 100px) and (max-width: 767px) {
    .page-h1{
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.08em;
    }

    .page-h2{
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.56em;
    }

    .page-h3{
        font-size: 1.333rem;
        font-weight: 700;
        line-height: 1.63em;
    }

    .page-h4{
        font-size: 1.333rem;
        font-weight: 500;
        line-height: 1.63em;
    }

    .page-h5{
        font-size: 1.167rem;
        font-weight: 400;
        line-height: 1.57em;
    }

    .page-h6{
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5em;
    }

    .page-display-1{
        font-size: 1.167rem;
        font-weight: 500;
        line-height: 1.57em;
    }

    .page-display-2{
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.5em;
    }

    .page-display-3{
        font-size: 0.833rem;
        font-weight: 500;
        line-height: 1.8em;
    }
}

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

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

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

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

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

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

/*=================================================
			word-break
=================================================*/
.break-all{
    word-break: break-all;
}

/*=================================================
			gap
=================================================*/
.gap-10 {
    gap: 0.625rem;
}

.gap-12 {
    gap: 0.75rem;
}

@media (min-width: 100px) and (max-width: 767.98px) {
    .gap-10 {
        gap: 0.833rem;
    }

    .gap-12 {
        gap: 1rem;
    }
}

/*=================================================
			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;
    }
}

@media (min-width: 100px) and (max-width: 767.98px) {
    .container {
        padding-right: 16px;
        padding-left: 16px;
    }
}

/*=================================================
			app 네비게이션
=================================================*/
#gnb[data-type="app"] .gnb-wrap{
    position: relative;

    padding: 1.333rem 0;

    background-color: #ffffff;

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

#gnb[data-type="app"] .curr-nav-title{
    font-size: 1.333rem;
    font-weight: 700;
    text-align: center;
}

#gnb[data-type="app"] .curr-back-btn{
    position: absolute;
    top: 50%;
    left: 1.333rem;

    transform: translateY(-50%);
}

#gnb[data-type="app"] .curr-setting-btn{
    position: absolute;
    top: 50%;
    right: 1.333rem;

    transform: translateY(-50%);
}

#gnb[data-type="app"] .gnb-wrap[user-type="mgr"] {
    padding: 0.667rem 0;
}

#gnb[data-type="app"] .gnb-wrap[user-type="mgr"] .curr-profile-wrap {
    display: flex;
    align-items: center;
    gap: 0.833rem;
}

#gnb[data-type="app"] .gnb-wrap[user-type="mgr"] .curr-profile-wrap .profile-img{
    width: 3.333rem;
}

#gnb[data-type="app"] .gnb-wrap[user-type="mgr"] .curr-btn-wrap {
    position: absolute;
    top: 50%;
    right: 1.333rem;

    transform: translateY(-50%);
}

.gnb-wrap[data-type="sub"] .gnb-title {
    position: absolute;
    top: 50%;
    left: 50%;

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

/*=================================================
			[Nav] 당고메뉴
=================================================*/
#gnb .popover {
    border-radius: 0.5rem;

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

#gnb .popover .arrow {
    display: none;
}

#gnb .popover .chat-popover-item {
    padding: 0.75rem 3rem;

    font-size: 1.167rem;
    color: #555555;
}

#gnb .popover .chat-popover-item:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
}

.dango_popover .popover-item {
    padding: 0.833rem 2.5rem;

    text-align: center;
}

.dango_popover .popover-item:not(:last-child) {
    border-bottom: 1px solid #f4f4f4;
}

/*=================================================
			Loading
=================================================*/
#loading {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    background-color: #FFFFFF;
    opacity: 0.7;
    z-index: 9999;
}

/*=================================================
			[Component] app float_menu.php
=================================================*/
#float-menu{
    position: fixed;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 0.833rem 0;

    background-color: #ffffff;

    border-radius: 0.667rem 0.667rem 0 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);

    z-index: 999;
}

#float-menu .menu-item .item-icon{
    width: 2rem;
    height: 2rem;
    margin: auto auto 0.417rem;
}

#float-menu .menu-item .item-title{
    font-weight: 500;
    text-align: center;
    color: #999999;
}

#float-menu .menu-item.active .item-title{
    color: #222222;
}


#float-menu .menu-item[data-type="toggle"] .item-icon {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;

    width: 5.5rem;
    height: 5.5rem;
    margin: 0;

    background-color: #3a65f3;
    border-radius: 2.833rem;
    cursor: pointer;
    z-index: 1;
}

#float-menu .menu-item[data-type="toggle"].hide .item-icon .icon[data-type="open"] {
    display: block;
}

#float-menu .menu-item[data-type="toggle"] .item-icon .icon[data-type="open"] {
    display: none;
}

#float-menu .menu-item[data-type="toggle"].hide .item-icon .icon[data-type="close"] {
    display: none;
}

#float-menu .menu-item[data-type="toggle"] .item-icon .icon[data-type="close"] {
    display: block;
}

#float-menu .menu-item .toggle-wrap {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5.5rem;
    height: 5.5rem;
}

#float-menu .menu-item[data-type="toggle"] .item-toggle {
    position: absolute;

    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 5.5rem;
    padding: 0.5rem;

    background-color: #3a65f3;
    border-radius: 2.833rem;
    overflow: hidden;

    z-index: 0;

    transition: height 0.5s ease;
}

#float-menu .menu-item[data-type="toggle"].hide .item-toggle {
    height: 5.5rem !important;
}

#float-menu .item-toggle .toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 4.5rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
}

#float-menu .item-toggle .toggle:not(:first-child) {
    margin-top: 0.5rem;
}

/*================================================
            [Controller] 전체
=================================================*/
/*****#####===== 페이지헤더 =====#####*****/
.page-header{
    text-align: center;

    margin-bottom: 1.5rem;
}

[id^="user-"] .page-header{
    text-align: center;

    margin-bottom: 5rem;
}

/*****#####===== 페이지 상단 기능 영역 =====#####*****/
.page-top-wrap{
    position: sticky;
    top: 0;
    left: 0;

    width: 100%;
    padding: 0.833rem 0;

    background-color: #ffffff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

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

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

/*****#####===== 라인 타이틀 =====#####*****/
.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-bottom: 2rem;
    padding-bottom: 1.25rem;

    border-bottom: 1px solid #999999;
}

.underline-title-wrap .underline-title{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1em;
}

.underline-title-wrap .btn-sm{
    padding: 0.333rem 1rem;
}

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

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

    width: 1px;
    height: 0.677rem;

    background-color:#cccccc;

    transform: translateY(-50%);
}

/*****#####====== empty-wrap ======#####*****/
.empty-wrap{
    font-size: 1.167rem;
    color: #999999;
    border-bottom: 1px solid #eeeeee;
}

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

.empty-wrap[data-size='10'] {
    height: 10vh;
}

.empty-wrap[data-size='20'] {
    height: 20vh;
}

.empty-wrap[data-size='30'] {
    height: 30vh;
}

.empty-wrap[data-size='40'] {
    height: 40vh;
}

.empty-wrap[data-size='50'] {
    height: 50vh;
}

.empty-wrap[data-size='60'] {
    height: 60vh;
}

.empty-wrap[data-size='70'] {
    height: 70vh;
}

.empty-wrap[data-size='80'] {
    height: 80vh;
}

.empty-wrap[data-size='90'] {
    height: 90vh;
}

.empty-wrap[data-size='100'] {
    height: 100vh;
}

/*****#####===== 테이블 =====#####*****/
.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: 2.125rem;
}

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

.page-wrap .float-btn-wrap{
    position: fixed;
    left: 0;
    bottom: 0;

    width: 100%;
    padding: 1.083rem 1.333rem 1.333rem;

    background-color: #ffffff;
    z-index: 998;
}

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

/*****#####===== 탭메뉴 =====#####*****/
.nav-tabs li{
    padding: 0;
}

/*****#####===== summer_note =====#####*****/
.note-editor .note-statusbar,
.note-editor .note-resizebar {
    display: none;
}

/*****#####===== slick =====#####*****/
.slick-wrap{
    padding: 0;
}

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

.slick-dots{
    bottom: 3rem;
}

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

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

    border-radius: 2em;

    opacity: .3;
}

.slick-dots li.slick-active,
.slick-dots li.slick-active button {
    width: 1em;
}

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

    opacity: .8;
}

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

/*****#####===== pretty =====#####*****/
.pretty.p-switch .state {
    font-size: 2rem;
}

.pretty.p-switch .state:before {
    top: calc((0% - (100% - 1em)) - 10%);

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

.pretty.p-switch .state label:after {
    background-color: #ffffff !important;
}

.pretty.p-switch.p-fill input:checked~.state:before {
    background-color: #3a65f3 !important;
    border: none;
}

/*****##### radio #####*****/
.pretty.p-svg input[type="radio"]~.state svg{
    border-radius: 50%;
}

/*****#####===== active-btn =====#####*****/
.active-btn{
    display: block;

    width: 100%;
}

.active-btn input~.state label{
    display: block;

    width: 100%;
    padding: 1.25rem 1rem;

    font-size: 1.167rem;
    font-weight: 400;
    text-align: center;
    text-indent: 0;
    color: #999999;

    outline: 1px solid #dddddd;
    border-radius: 0.313rem;
}

.active-btn input:checked~.state label{
    color: #3a65f3;

    background-color: #e1e7f8;

    outline: 1px solid #3a65f3;
}

.active-btn .state label:before,
.active-btn .state label:after{
    display: none;
}

/*****#####===== 페이지 타이틀 =====#####*****/
[data-type="app"] .page-title{
    margin: 0 0 0.75rem;

    font-size: 2rem;
    font-weight: 700;
}

[data-type="app"] .page-title-margin{
    margin: 3.333rem 0;

    font-size: 2rem;
    font-weight: 700;
}

/*****#####===== 브래드크럼 =====#####*****/
.breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.breadcrumb-item:not(:first-child){
    padding-left: 2rem;
}

.breadcrumb-item:not(:last-child){
    margin-right: 1rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\e649";
    position: absolute;
    top: 50%;
    left: -0.5rem;

    font-family: 'themify';
    font-size: 10px;
    color: #999999;

    transform: translateY(-50%);
}

.breadcrumb-wrap .breadcrumb-item:not(:last-child) {
    color: #999999;
}

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

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

/*****##### select #####*****/
.breadcrumb-item select{
    padding-right: 2rem;

    color: #999999;

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    background-color: url('/img/app/solution//breadcrumb_select_arrow.svg') center right no-repeat;

    border: none;
}

.breadcrumb-item:last-child select{
    color: #555555;

    background-color: url('/img/app/solution//breadcrumb_select_arrow_black.svg') center right no-repeat;
}

/*****#####===== 스크롤바 =====#####*****/
.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;

    color: #999999;
}

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

    transform: translateY(-50%);
}

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

    padding: 0 0.2rem;

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

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

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

    border-bottom: 1px solid #cccccc;
}

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

    text-align: right;
}

/*****#####===== 폼 그룹 =====#####*****/
.form-group-wrap:not(:last-child){
    margin-bottom: 3.333rem;
}

.form-group:not(:last-child){
    margin-bottom: 2rem;
}

.form-inner-wrap{
    margin-bottom: 2rem;
}

.form-inner-wrap .form-group{
    margin-bottom: 0.667rem;
}

.form-inner-wrap .form-group:last-child{
    margin-bottom: 0;
}

/*****#####===== 폼 =====#####*****/
.form-control{
    height: auto;
    padding: 0.875rem 1rem;

    font-size: 1.167rem;
    color: #555555;

    border: 1px solid #dddddd;
    border-radius: 0.333rem !important;

    resize: none;
}

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

    border:1px solid #d9d9d9;
}

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

    background-color: #e8e8e8;
}

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

/*****##### focus #####*****/
.form-control:focus{
    border: 1px solid #999999;
}

.breadcrumb-wrap .form-control:focus{
    border: none;
}

.form-control.result-representation{
    color: #999999
}

/*****#####===== 폼 타이틀 =====#####*****/
.form-title{
    margin-bottom: 0.833rem;

    font-size: 1.333rem;
    font-weight: 500;
    color: #555555;
}

.form-title svg{
    margin-top: -0.25rem;
}

/*****##### essential #####*****/
.form-title.essential{
    display: inline-block;
    position: relative;
}

.form-title.essential::after{
    content: '*';
    display: inline-block;

    position: absolute;
    top: 0;
    right: -0.75rem;

    font-weight: 400;
}

/*****#####===== 폼 박스 =====#####*****/
.form-box{
    border: 1px solid #dddddd;
    border-radius: 0.25rem !important;
}

/*****#####===== 폼 박스(회색 배경) =====#####*****/
.form-box-gray{
    padding: 0.667rem 0.833rem;

    background-color: #f4f4f4;
    border-radius: 0.25rem;
}

.form-box-gray .form-control{
    padding: 0;

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

/*****#####===== 폼 셀렉트 =====#####*****/
.form-box .form-control,
.form-box .form-control:focus{
    border: none;
}

.form-box select option:disabled{
    display: none;
}

select.form-custom{
    background-color: url('/img/app/solution//arrow_select.svg') right center no-repeat;
    background-size: contain;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*****#####===== 폼 태그 =====#####*****/
.form-tag{
    display: inline-block;

    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    padding: 0.333rem 0.667rem;

    font-size: 1.167rem;
    color: #555555;

    background-color: #ebfdff;

    border-radius: 0.333rem;
}

.form-tag svg{
    margin-top: -0.125rem;
}

.tag_label {
    display: block;
}

/*****#####===== 페이지 =====#####*****/
.page-wrap{
    padding: 3.333rem 0 7rem;
}

.page-wrap[data-page='login'],
.page-wrap[data-page='signup'],
.page-wrap[id^='notification-lists'],
.page-wrap[id^='notice-lists'],
.page-wrap[id^='faq'],
.page-wrap[id^='search-']{
    padding: 0;
}

.page-wrap[id^='goods-lists']{
    padding: 1.333rem 0 0;
}

.page-wrap[data-page='main'],
.page-wrap[id^='goods-view']{
    padding: 0 0 7rem;
}

.page-wrap[id^='service']{
    padding: 3.333rem 0;
}


.page-wrap[data-page='preview'],
.page-wrap[data-menu='support'][data-page='view'],
.page-wrap[data-page='terms'],
.page-wrap[data-page='blacklists'],
.page-wrap[data-page='setting'],
.page-wrap[data-page='matching'],
.page-wrap[data-page='lists'] {
    padding: 0 0 7rem;
}

/*****#####===== 페이지 타이틀 =====#####*****/
.page-title-wrap{
    margin-bottom: 1.75rem;

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

/*****##### 항목 타이틀 #####*****/
.title-wrap{
    margin-bottom: 0.833rem;

    font-size: 1.333rem;
    font-weight: 500;
    color: #555555;
}

/*****#####===== 항목 그룹 =====#####*****/
.content-group:not(:last-child){
    margin-bottom: 1.75rem;
}

/*****##### 항목 박스 #####*****/
.content-box-wrap{
    padding: 0.75rem 1rem;

    border: 1px solid #dddddd;
    border-radius: 0.333rem;
}

/*****#####===== 상세 항목 =====#####*****/
.detail-item:not(:last-child){
    margin-right: 0.625rem;
}

/*****#####===== 슬라이드 탭 메뉴 =====#####*****/
/*****##### 슬라이드 #####*****/
.slide-list-wrap{
    overflow: hidden;
}

.slide-tab-wrap.scroll .each-row{
    flex-wrap: nowrap !important;
    overflow-x: scroll;
    overflow-y: hidden;
}

.slide-tab-wrap.scroll .each-row::-webkit-scrollbar {
    display: none;
}

/*****##### 탭 항목 #####*****/
.slide-tab-wrap .tab-list-item{
    padding: 1.333rem;

    color: #999999;
}

.slide-tab-wrap .tab-list-item.active{
    color: #555555;
}

/*****#####===== 뷰 컨텐츠 =====#####*****/
.view-content-box {
    padding: 1rem 1.167rem;

    border: 1px solid #dddddd;
    border-radius: 0.25rem;
}

.view-content-wrap:not(:last-child){
    margin-bottom: 2rem;
}

.view-content-wrap img{
    max-width: 100%;
}

/*****#####====== 앱 상세 항목 ======#####*****/
.view-item-wrap {
    padding: 1.333rem 0;
}

/*****##### 뷰 타이틀 #####*****/
.view-title-wrap {
    margin-bottom: 1.333rem;
    padding: 3.333rem 0 1.333rem;

    border-bottom: 1px solid #dddddd;
}

.view-title-wrap[data-type='image'] {
    padding-top: 1.333rem;
}

.view-title-wrap .view-date {
    padding-top: 0.667rem;
}

/*****##### 뷰 컨텐츠 타이틀 #####*****/
.view-content-title{
    margin-bottom: 0.833rem;

    font-size: 1.333rem;
    font-weight: 500;
}

/*****#####===== 첨부파일 항목 =====#####*****/
.attach-item-wrap:not(:last-child){
    margin-bottom: 0.667rem;
}

.attach-item-wrap .attach-item{
    position: relative;

    flex-direction: row;
}

.attach-item .file-name{
    display: inline-block;
    position: relative;

    width: 69%;
    padding: 0 0.667rem 0 2.75rem;

    font-size: 1.167rem;
    font-weight: 400;

    overflow: hidden;
}

.attach-item svg{
    margin-right: 0.75rem;
}

.attach-item .download-btn{
    position: absolute;
    top: 50%;
    right: 1rem;

    transform: translateY(-1rem);

    width: 2rem;
    height: 2rem;

    text-indent: -999999rem;

    background: url('/img/app/solution//icon_download.svg') center center no-repeat;
    background-size: contain;

    z-index: 998;
}

/*****#####===== 섹션 =====#####*****/
section:not(:last-child) .section-wrap[data-layout^="section"]{
    margin-bottom: 4.167rem;
}

.section-wrap .each-col:not(:last-child) .card-item{
    margin-bottom: 2rem;
}

/*****#####===== 카드 항목 =====#####*****/
.card-item{
    padding: 1.333rem;

    background-color: #ffffff;

    border-radius: 0.333rem;
}

.card-item .ratio-content{
    border-radius: 0.333rem;
}

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

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

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

/*================================================
            table
=================================================*/
/*****#####===== 테이블(기본 색상) =====#####*****/
.point-table-primary{
    width: 100%;
}

.point-table-primary thead th{
    padding: 0.75rem 0;

    font-size: 0.875rem;
    color: #ffffff;

    background-color: #3a65f3;
}

.point-table-primary tbody tr:not(:last-child){
    border-bottom: 1px solid #dddddd;
}

.point-table-primary tbody th{
    padding: 1.5rem 0;
}

.point-table-primary thead th:first-child{
    border-radius: 0.25rem 0 0 0;
}

.point-table-primary thead th:last-child{
    border-radius: 0 0.25rem 0 0;
}

/*================================================
            Fancybox
=================================================*/
.fancy-title-wrap{
    position: sticky;
    top: 0;
    left: 0;

    padding: 1.5rem 0;

    background-color: #ffffff;

    text-align: center;

    z-index: 999;
}

/*================================================
            Popover
=================================================*/
#order_addr_lists .popover .arrow::after,
#order_addr_lists .popover .arrow::before{
    display: none;
}

.popover{
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';

    border: none;
    border-radius: 0.333rem;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.popover-body{
    padding: 0;
}

.popover-body .pop-item{
    padding: 0.75rem 1.5rem;
}

.popover-body .pop-item:not(:last-child){
    border-bottom: 1px solid #dddddd;
}

/*================================================
            Alert 알럿
=================================================*/
/*****#####===== 공통 =====#####*****/
.fancy-alert .alert-title,
.fancy-alert .alert-title-wrap{
    margin-bottom: 1rem;

    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    color: #222222;
}

.fancy-alert .alert-desc{
    font-size: 1.167rem;
    font-weight: 400;
    text-align: center;
    color: #999999;
}

.fancy-alert .alert-text{
    padding: 0 0 2rem;

    text-align: center;
    font-size: 1.167rem;
    color: #999999;
}

/*****##### 버튼 #####*****/
.fancy-alert .alert-btn-wrap {
    text-align: center;
}

.fancy-alert .alert-btn-wrap .btn{
    padding: 0.7rem;

    font-size: 14px;

    background-color: #ffffff;
}

.fancy-alert .alert-btn-wrap .btn-cancel{
    color: #999999;

    border: 1px solid #cccccc;
}

.fancy-alert .alert-btn-wrap .btn-ok{
    color: #ffffff;

    background-color: #416DEF;
    border: 1px solid #0074E4;
}

/*****#####===== 신고하기 =====#####*****/
.fancy-alert .alert-denounce-content-wrap{
    padding: 2rem 0;
    font-size: 1.167rem;
}

.fancy-alert .alert-denounce-content-wrap .item-list:not(:last-child){
    margin-bottom: 1.333rem;
}

/*****##### pretty #####*****/
.fancy-alert .pretty input[type="radio"]~.state label:before,
.fancy-alert .pretty input[type="radio"]~.state label:after{
    top: calc((0% - (100% - 0.75em)) - 15%);

    width: calc(1em + 10px);
    height: calc(1em + 10px);

    border-radius: 100%;
}

.fancy-alert .pretty input[type="radio"]~.state label:before{
    border-color: #cccccc;
}

.fancy-alert .pretty input[type="radio"]~.state label:after{
    background-color: #ffffff;
}

.fancy-alert .pretty input[type="radio"]:checked~.state label:before{
    border-color: #3a65f3;
}

.fancy-alert .pretty input[type="radio"]:checked~.state label:after{
    background-color: #3a65f3 !important;
}

.fancy-alert .pretty input[type="radio"]~.state label{
    text-indent: 2.5em;
}

/*================================================
            Drawer 드로워
=================================================*/
.drawer-alert .drawer-header{
    padding: 1rem;

    text-align: center;

    border-bottom: 1px solid #dddddd;
}

.drawer-alert .drawer-content{
    max-height: 65vh;
    padding: 0.333rem 1.333rem;

    overflow-y: scroll;
}

.drawer-alert .drawer-footer .btn-wrap{
    margin-top: 0;
}

.drawer-alert .drawer-footer .btn-wrap [class*="point-btn"]{
    font-size: 1.333rem;
    font-weight: 400;
}

/*****#####===== 필터 드로워 =====#####*****/
#filter_drawer .drawer-header{
    border-bottom: none;
}

/*****#####===== 옵션 드로워 =====#####*****/
#option_drawer .drawer-header{
    border-bottom: none;
}

/*================================================
            [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 .version-select {
    margin: 1.667rem 0;
}

/*****##### 타이틀 #####*****/
#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: 3.333rem auto 2rem;
}

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

[id*='user-find']:not(.iframe) .page-wrap .login-box{
    max-width: 30.375rem;
    margin: 10rem auto;
}

/*****##### large 로고 이미지 #####*****/
.large-logo-wrap{
    width: 10rem;
    margin: 0 auto 3.167rem;
}

/*****##### 폼 #####*****/
[id^='user-login'] .form-group:not(:last-child){
    margin-bottom: 1.333rem;
}

[id^='user-login'] .form-group svg{
    margin-top: -0.333rem;
}

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

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

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

.btn-block+.btn-block{
    margin-top: 0.667rem;
}

/*****##### 팬시박스 #####*****/
.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 =====#####*****/
/*****##### 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 .regex-text{
    display: block;

    margin-top: 0.25rem;

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

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

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

/*****##### 약관 #####*****/
.every-terms-wrap{
    border: 1px solid #cccccc;
    border-radius: 0.333rem;
}

.every-terms-wrap .terms-wrap{
    padding: 0 1.25rem;
}

.all-terms-wrap{
    margin-bottom: 1rem;
    padding: 1rem 1.25rem;

    border-bottom: 1px solid #cccccc;
}

.terms-item{
    margin-bottom: 1rem;
}

.pretty-item .state{
    font-size: 1.25rem;
    color: #555555;
}

[data-type="app"] .pretty-item .state{
    font-size: 1.167rem;
}

.terms-body{
    display: none;

    margin-top: 0.833rem;

    color: #555555;

    border: 1px solid #dddddd;

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

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

    max-height: 13.333rem;
    padding: 1rem;
}

/***** pretty *****/
.user-signup-wrap .pretty .state label {
    line-height: 1.7em;
}

.user-withdraw-wrap .pretty-item:not(:last-child) {
    margin-bottom: 1.33rem;
}

/*****##### 미디어 쿼리 (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] 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 =====#####*****/
.wish-lists-wrap[data-type="app"] .each-col,
.goods-lists-wrap[data-type="app"] .each-col{
    margin-bottom: 2rem;
}

/*****##### 리스트 총 개수 #####*****/
.list-total-wrap{
    font-size: 1.167rem;
    color: #555555;
}

/*****##### 필터/정렬 버튼 #####*****/
.list-func-btn{
    padding: 0.5rem 1rem;

    font-size: 1.167rem;
    color: #555555;

    background-color: #f7f7f7;

    border: 1px solid #f7f7f7;
    border-radius: 0.333rem;
}

.list-func-btn svg path{
    fill: #555555;
}

/***** .active *****/
.list-func-btn.active{
    color: #3a65f3;

    background-color: #e1e7f8;

    border: 1px solid #3a65f3;
}

.list-func-btn.active svg path{
    fill: #3a65f3;
}

/*****##### 최상단 카테고리 #####*****/
.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;
}

/* 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 =====#####*****/
/*****##### 컨텐츠 그룹 #####*****/
.content-group-wrap:not(:last-child){
    margin-bottom: 5rem;
}

.content-item-wrap{
    padding: 1.667rem 0;
}

.content-item-wrap:not(:first-child){
    border-top: 1px solid #dddddd;
}

.content-item-wrap .item-title{
    padding-bottom: 1.333rem;
}

.content-item-wrap .user-info-box .item-title{
    padding: 0;
}

/*****##### 상세 컨텐츠 그룹 #####*****/
.detail-content-wrap{
    padding: 1rem 0;
}

.detail-content-wrap:not(:last-child){
    border-bottom: 1px solid #dddddd;
}

.goods-view-wrap .slick-slide{
    height: 50%;
}

/*****##### 상세 컨텐츠 탭메뉴 #####*****/
.tab-menu {
    border-bottom: 1px solid #dddddd;
}

.tab-menu .tab-item{
    display: block;

    padding: 1rem 0 0.917rem;
}

.sub-tab-menu {
    border-bottom: 1px solid #dddddd;
}

.sub-tab-menu .tab-item{
    display: inline-block;

    padding: 1.333rem 0;
}

.sub-tab-menu .tab-item:not(:first-child){
    margin-left: 1rem;
}

/*****##### 탭메뉴 : .active #####*****/
.tab-menu .tab-item.active{
    color: #3a65f3;

    border-bottom: 2px solid #3a65f3;
}

.sub-tab-menu .tab-item.active{
    color: #222222;
    font-weight: 500;
}

/*****##### 상품 썸네일 #####*****/
.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-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-item{
    margin-bottom: 0.667rem;
}

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

/***** select *****/
select option[value=""][disabled] {
	display: none;
}

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

/*****##### 수량 #####*****/
.count-wrap{
    border: 1px solid #dddddd;
    border-radius: 0.333rem;
}

.count-num{
    width: 100%;
    padding: 0.7rem 1.333rem;

    font-size: 1.167rem;
    text-align: center;

    border-top: none;
    border-bottom: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.count-btn{
    padding: 0.75rem;

    background-color: transparent;

    border: none;
}

/*****##### 총 상품 금액 #####*****/
.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: 1.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-btn{
    display: block;

    padding: 1rem 0 0.875rem;

    font-size: 1.333rem;
    font-weight: 500;
    text-align: center;
    color: #555555;

    border: 1px solid #dddddd;
    border-radius: 0.333rem;

    cursor: pointer;
}

.detail-wrap .detail-back-btn svg{
    transform: translateY(-0.1rem);
}

/* 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){
    /* 상세이미지 */
    .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
=================================================*/
/*****#####===== 전체 =====#####*****/
/*****#####===== 주문 리스트 =====#####*****/
.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-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-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-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;
}

.list-img-wrap{
    width: 5.833rem;
    height: 5.833rem;

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

.order-content-group:not(:last-child){
    margin-bottom: 4.75rem;
}

.basic-tag{
    display: inline-block;

    margin-left: 0.833rem;
    padding: 0.125rem 0.667rem;

    font-size: 1rem;
    line-height: 1.3;
    color: #3a65f3;

    border: 1px solid #3a65f3;
    border-radius: 2rem;
}

.price-title{
    font-size: 1.167rem;
    color: #999999;
}

.price-content{
    font-size: 1.167rem;
    text-align: right;
}

.row-item:not(:last-child){
    margin-bottom: 1.5rem;
}


/*****##### 미디어 쿼리 (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-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 .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-total-price{
    padding: 1rem 0 2.313rem 0;
}

/*****##### 삭제 버튼 #####*****/
[data-type="app"] .delete-btn{
    padding: 0;
}

/*****##### 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: 85%;
    }

    #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;

        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-color: #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-color: #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-color: #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-main"].page-wrap {
    padding: 0 0 7rem;
}

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

    font-weight: 600;
}

/*****##### 유저 이미지 #####*****/
[data-type="app"] .user-image-wrap {
    padding-bottom: 1rem;
}

.user-image {
    display: inline-block;

    width: 6.667rem;
    height: 6.667rem;
}

.user-image-sm {
    display: inline-block;

    width: 3.333rem;
    height: 3.333rem;

    border-radius: 100%;
}

/*****##### 유저 태그 #####*****/
[data-type="app"] .user-tag {
    display: inline-block;

    padding: 0.25rem 0.5rem;

    background-color: #f4f4f4;
    border-radius: 0.25rem;
}

/*****##### 유저 정보 영역 #####*****/
[data-type="app"] .user-info-box {
    margin-top: 1.333rem;
    padding: 1.25rem 0;

    background-color: #f4f4f4;
    border-radius: 0.25rem;
}

[data-type="app"] .user-info-box .each-col:not(:last-child) {
    border-right: 1px solid #dddddd;
}

[data-type="app"] .user-info-box .item-title {
    padding-top: 0.417rem;
}

[data-type="app"] .item-rate{
    margin-top: 0.333rem;
}

/*****##### svg 포함 항목 #####*****/
.svg-wrap svg{
    margin-top: -0.25rem;
}

/*****##### 알림 항목 #####*****/
.noti-content{
    margin: 0.5rem 0;
}

/*****##### 마이페이지 메뉴 항목 #####*****/
[data-type="app"] .menu-item {
    display: block;

    padding: 1.333rem 0;
}

[data-type="app"] .menu-item:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

[data-type="app"] .menu-item[data-type="logout"] {
    padding: 2.167rem 0;
}

[data-type="app"] .lnb-wrap .lnb-item {
    padding: 1rem;

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

/*****##### 마이페이지 리스트 #####*****/
[data-type="app"] .mypage-lists-wrap,
[data-type="app"] .app-list-wrap{
    padding: 2rem 0;
}

/*****#####====== 테이블 항목 ======#####*****/
/*****##### 테이블 타이틀 #####*****/
.table-title-wrap{
    padding: 0.875rem;

    text-align: center;
    color: #ffffff;

    background-color: #3a65f3;
    border-radius: 0.25rem 0.25rem 0 0;
}

/*****##### 테이블 컨텐츠 #####*****/
.table-content-wrap{
    padding: 1rem;

    text-align: center;

    border-bottom: 1px solid #dddddd;
}

/*****##### 항목 버튼 #####*****/
.point-sm-btn{
    display: inline-block;

    padding: 0.375rem 0.75rem;

    color: #3a65f3;

    background-color: transparent;

    border: 1px solid #3a65f3;
    border-radius: 0.125rem;
}

.point-sm-btn:hover,
.point-sm-btn:focus,
.point-sm-btn:visited{
    color: #3a65f3;
}

/*****#####====== pc 리스트 항목 ======#####*****/
.pc-card-item{
    padding: 1.5rem;

    border-radius: 0.5rem;
    box-shadow: 0px 3px 8px rgba(38, 31, 56, 0.1);
}

.pc-card-item .card-info-wrap:not(:last-child){
    margin-bottom: 0.5rem;
}

/*****##### 태그 항목 #####*****/
.tags-wrap{
    margin-top: 1rem;
}

.tag-item{
    display: inline-block;

    padding: 0.167rem 0.667rem;

    color: #999999;

    background-color: #f4f4f4;
    border-radius: 0.25rem;
}

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

/*****#####====== 앱 카드 항목 ======#####*****/
.app-card-item{
    margin-bottom: 1rem;
    padding: 1rem;

    border: 1px solid #dddddd;
    border-radius: 0.333rem;
}

.app-card-item[data-type='coupon']{
    padding: 2rem 1rem;
}

.app-item-header {
    margin-bottom: 1rem;
    padding-bottom: 1.25rem;

    border-bottom: 1px solid #dddddd;
}

.app-item-img{
    border-radius: 0.333rem;

    overflow: hidden;
}

.app-item-title{
    width: 6.25rem;
}

.app-item-info:not(:last-child){
    margin-bottom: 0.25rem;
}

/*****#####====== 앱 리스트 항목 ======#####*****/
.lists-item-wrap,
.func-wrap{
    padding: 1.333rem 0;

    border-bottom: 1px solid #dddddd;
}

.lists-item-wrap .app-item-img{
    margin-bottom: 1.333rem;
}

/*****##### 날짜 #####*****/
.item-date{
    margin-top: 0.833rem;
}

/*****#####====== 앱 버튼 포함 항목 ======#####*****/
.app-btn-item{
    padding-bottom: 1.333rem;

    border-bottom: 1px solid #dddddd;
}

/*****#####====== 앱 정보 항목 ======#####*****/
.app-info-wrap .app-item-info:not(:last-child){
    margin-bottom: 1.333rem;
}

.app-info-group:last-child{
    margin-top: 1.333rem;
    padding-top: 1.333rem;

    border-top: 1px solid #dddddd;
}

/*****#####====== 앱 피드 항목 ======#####*****/
.item-top-wrap{
    padding: 2rem 1.333rem 0.833rem;
}

.item-content-wrap{
    padding: 1.333rem;
}

.item-btn:not(:last-child){
    margin-right: 0.667rem;
}

/*****#####====== 모바일 게시물 항목 / 알림 항목 ======#####*****/
.lists-content-wrap{
    display: block;

    padding: 1.333rem;

    border-bottom: 1px solid #dddddd;
}

.lists-content-wrap.collapse-inner{
    padding: 1.333rem;

    background-color: #f4f4f4;
}

.collapse-btn{
    transition: all .5s;
}

[aria-expanded="true"] .collapse-btn{
    transform: rotate(180deg);
    transition: all .5s;
}

/*****#####====== 아이콘 확대 버전 ======#####*****/
.large-rate-wrap .rate-item:after{
    width: 2.5rem;
    height: 2rem;
}

/*****#####====== 접기 피기 영역 ======#####*****/
/*****#### 컨텐츠 #####*****/
.fold-wrap .fold-content{
    display: -webkit-box;
    position: relative;

    width: 100%;
    height: 5.5rem;

    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    box-sizing: content-box;
    overflow: hidden;

    transition: height .5s;
}

/*****#### 아이콘 #####*****/
.fold-wrap.active .icon-fold{
    transform: rotate(0deg);

    transition: all .5s;
}

/*****##### 접기 피기 영역: .active #####*****/
.fold-wrap.active .fold-content{
    height: auto;

    -webkit-line-clamp: inherit;
    overflow: visible;

    transition: height .5s;
}

/*****#### 아이콘 #####*****/
.fold-wrap.active .icon-fold{
    transform: rotate(180deg);

    transition: all .5s;
}

/*****#####====== 앱 상품 항목 ======#####*****/
/*****##### 상품 이미지 #####*****/
.app-goods-item .img-wrap{
    position: relative;

    margin-bottom: 0.5rem;

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

/*****##### 좋아요 버튼 #####*****/
.like-btn{
    position: absolute;
    top: 0.833rem;
    right: 0.833rem;
}

.like-btn .on{
    display: none;
}

/***** 좋아요 버튼 *****/
.like-btn.active .off{
    display: none;
}

.like-btn.active .on{
    display: inline-block;
}

/*****##### 상품 설명 #####*****/
.app-goods-item .item-desc{
    margin-bottom: 0.5rem;
}

/*****##### flex-d-col #####*****/
.flex-d-col{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    height: 100%;
}

/*================================================
            [Common] Dropzone
=================================================*/
/*****#####====== text 복수 형태(multi) ======#####*****/
[class*="form-dropzone"][data-type="text"] .dropzone{
    min-height: auto;

    border: none;
}

.dropzone.dz-clickable{
    min-height: auto;
    padding: 0;

    border: none;
}

[class*="form-dropzone"][data-type="text"] .dropzone .dz-message{
    margin: 0;
    padding: 0.75rem;

    font-size: 1.167rem;
    font-weight: 400;
    text-align: center;
    color: #555555;

    background-color: #f4f4f4;

    border: 1px dashed #dddddd;
    border-radius: 0.333rem;
}

[class*="form-dropzone"][data-type="text"] .dropzone.dz-started .dz-message{
    display: block;
}

[class*="form-dropzone"][data-type="text"] .dz-preview{
    display: flex;
    position: relative;

    width: 100%;
    height: auto;
    min-height: 3.333rem;
    margin: 0.667rem 0;
    padding: 0;
}

[class*="form-dropzone"] .dz-preview .dz-success-mark,
[class*="form-dropzone"] .dz-preview .dz-error-mark,
[class*="form-dropzone"] .dz-preview .dz-progress,
[class*="form-dropzone"][data-type="text"] .dropzone .dz-preview .dz-image{
    display: none;
}

.attach-item,
[class*="form-dropzone"][data-type="text"] .dz-preview .dz-details{
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row-reverse;

    padding: 0.75rem 0.875rem;

    background-color: #ffffff;

    border: 1px solid #dddddd;
    border-radius: 0.333rem;

    opacity: 1;
}

[class*="form-dropzone"][data-type="text"] .dz-details .dz-filename{
    width: 70%;
}

[class*="form-dropzone"][data-type="text"] .dz-preview .dz-details .dz-filename span{
    position: relative;
    display: inline-block;

    width: 100%;
    padding: 0.125rem 0 0 2.75rem;

    font-size: 1.167rem;
    font-weight: 400;
    text-align: left;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em !important;
    color: #555555;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

    background-color: transparent;

    border: none;
    opacity: 1;
    overflow: hidden;
}

[class*="form-dropzone"][data-type="text"] .dz-filename,
[class*="form-dropzone"][data-type="text"] .dz-filename span{
    background-color: transparent;

    border: none !important;
}

.attach-item .file-name::before,
[class*="form-dropzone"][data-type="text"] .dz-filename span::before{
    content: '';

    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 2rem;
    height: 2rem;

    background: url('/img/app/solution//icon_attach.svg') center center no-repeat;
    background-size: contain;
}

.attach-item .file-size,
[class*="form-dropzone"][data-type="text"] .dropzone .dz-details .dz-size{
    display: inline-block;

    width: 20%;
    margin-bottom: 0;

    font-size: 1.167rem;
    font-weight: 400;
    color: #999999;
}

[class*="form-dropzone"][data-type="text"] .dropzone .dz-details .dz-size span{
    padding: 0;
}

[class*="form-dropzone"][data-type="text"] .dz-size strong{
    font-weight: 400;
}

[class*="form-dropzone"][data-type="text"] .dz-preview .dz-remove{
    position: absolute;
    top: 50%;
    right: 1rem;

    transform: translateY(-40%);

    width: 2rem;
    height: 2rem;

    text-indent: -999999rem;

    background: url('/img/app/solution//icon_remove.svg') center center no-repeat;
    background-size: contain;

    z-index: 98;
}

.desc-wrap{
    padding-top: 0.5rem;

    color: #999999;
}

.desc-wrap svg{
    margin-top: -0.25rem;
}

/*****#####====== text 단수 형태(single) ======#####*****/
.form-dropzone-single[data-type="text"] .dropzone.dz-started .dz-message{
    display: none;
}

/*****#####===== 이미지형 복수 형태(multi) =====#####*****/
.form-dropzone-multi[data-type="image"] .dropzone{
    min-height: auto;
    padding: 1rem;

    border: 1px dashed #dddddd;
    border-radius: 0.333rem;
}

.form-dropzone-multi[data-type="image"] .dropzone .dz-message{
    display: inline-block;

    width: 5.833rem;
    height: 5.833rem;
    margin: 0;

    background-color: #f4f4f4;

    border: 1px solid #dddddd;
    border-radius: 0.333rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview{
    min-height: auto;
    margin: 0 0 0 1rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview:nth-child(2){
    margin-left: 0.75rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview:nth-child(4n)+.dz-preview{
    margin-left: 0;
}

.form-dropzone-multi[data-type="image"] .dz-preview:nth-child(4)~.dz-preview{
    margin-top: 0.75rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview .dz-image{
    width: 5.833rem;
    height: 5.833rem;

    border-radius: 0.333rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview .dz-image > img{
    width: 100%;
    height: 100%;
}

.form-dropzone-multi[data-type="image"] .dz-preview .dz-details{
    padding: 1rem 0.5rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview .dz-details .dz-size{
    margin-bottom: 0.5rem;
}

.form-dropzone-multi[data-type="image"] .dz-details .dz-size span{
    font-size: 1rem;
}

.form-dropzone-multi[data-type="image"] .dz-preview .dz-remove{
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;

    width: 1.333rem;
    height: 1.333rem;

    text-indent: -999999rem;

    background-color: url('/img/app/solution//icon_dz_remove.svg') center center no-repeat;
    background-size: contain;

    z-index: 999;
}

/*****#####===== 이미지형 단일 형태(single) =====#####*****/
.form-dropzone-single[data-type="image"] .dropzone{
    display: inline-block;
    min-height: auto;

    border: 1px dashed #dddddd;
    border-radius: 0.333rem;
}

.form-dropzone-single[data-type="image"] .dropzone .dz-message{
    width: 10rem;
    height: 10rem;
    margin: 0;
}

.form-dropzone-single[data-type="image"] .dz-preview{
    margin: 0;
}

.form-dropzone-single[data-type="image"] .dz-preview .dz-image{
    border-radius: 0.333rem;
}

.form-dropzone-single[data-type="image"] .dz-preview .dz-image img{
    width: 100%;
}

.form-dropzone-single[data-type="image"] .dz-preview .dz-remove{
    position: absolute;
    top: 0.833rem;
    right: 0.833rem;

    width: 2rem;
    height: 2rem;

    text-indent: -999999rem;

    background-color: url('/img/app/solution//icon_dz_remove.svg') center center no-repeat;
    background-size: contain;

    z-index: 999;
}

/*****##### 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-"] [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;
    }
}

/*****#####===== [Section] service_card =====#####*****/
.gray-box{
    padding: 4.167rem 1.333rem;

    background-color: #f4f4f4;
}

/*****#####===== [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-color: url('/img/mo/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 =====#####*****/
.refund-write-wrap .form-refund-info{
    display: none;
}

.refund-write-wrap .form-refund-info.active{
    display: block;
}

.refund-write-wrap .lists-item-wrap{
    margin-bottom: 5rem;

    border-top: 1px solid #dddddd;
}

.refund-write-wrap .list-info-wrap{
    margin: 1rem 0;
}

.refund-write-wrap .return-total-wrap{
    margin-bottom: 5rem;
}

/*****##### 미디어 쿼리 (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 =====#####*****/
/*****##### 쿠폰 등록 #####*****/
.enroll-wrap{
    padding: 1rem;

    background-color:#f4f4f4;
}

.req-btn{
    min-width: 8.833rem;
    padding: 1.167rem 1.75rem;
}

/*****##### 팬시박스 #####*****/
.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;
}

/*****#####===== [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-color: #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;
    }
}

/*=================================================
			모바일 버튼
=================================================*/
.rotate-btn-wrap{
    position: relative;

    width: 2.5rem;
    height: 3.3rem;
    padding: 1rem 0.5rem;

    cursor:pointer;
}

.rotate-btn-wrap .ratio-box {
    height: 100%;
    overflow: visible;
}

.rotate-btn{
    position: relative;

    margin: auto;
}

.rotate-btn span{
    position: absolute;
    left:0;

    width:100%;
    height:2px;

    background-color:#333333;

    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
}

.rotate-btn span.top{
    top:0;
}

.rotate-btn span.middle{
    top:50%;

    opacity: 1;

    transform: translateY(-50%)
}

.rotate-btn span.bottom{
    bottom:0
}

/***** show *****/
.rotate-btn-wrap.show span.top{
    top:50%;

    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rotate-btn-wrap.show span.middle{
    opacity: 0;
}

.rotate-btn-wrap.show span.bottom{
    top:50%;

    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.gnb-side-menu {
    position: fixed;

    height: 100%;
    width: 100%;

    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;

    transition: all 0.2s;
    z-index: 1030;
}

.gnb-side-menu.show {
    visibility: visible;
    opacity: 1;
}

/*================================================
            [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;
}

/*****##### 카테고리 #####*****/
.gcat-alert-wrap{
    margin-top: 0.5rem;
}

.gcat-alert-wrap .btn{
    font-size: 0.875rem;
    font-weight: 500;
}

.gcat-alert-wrap .gcat-alert:not(:last-child){
    margin-bottom: 0.4rem;
}

.gcat-alert-wrap .gcat-text-wrap{
    padding: 0.5rem 1rem;
    height: 100%;

    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

.gcat-alert-wrap .gcat-text{
    font-size: 0.875rem;
}

/***** active *****/
.gcat-alert-wrap .gcat-alert.active .gcat-text-wrap{
    border-color: #222222;
}

/*================================================
            배송 조회
=================================================*/
.tracker-info .header-area {
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.333rem;
    font-weight: 700;
}

.tracker-info .title-content {
    border-bottom: 8px solid #f0f0f0;
}

.tracker-info .vertical-line {
    top: 0;
}

.tracker-info .tracking-status-item {
    position: relative;
}

.tracker-info .tracking-status-item::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #03a9f4;
    left: 25px;
    top: 40px;
}

.tracker-info .tracking-status-item:last-child::after {
    display: none;
}

.tracker-info .fancybox-slide {
    padding: 0;
}

.tracker-info .fancybox-content {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
}

.tracker-info .tracking-status-item-list {
    padding-bottom: 1rem;
}

.tracking-none-wrap {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 60vh;

    color: #999999;
}

/*================================================
			point-info
=================================================*/
.point-info-wrap {
    padding: 3.333rem 0 2.333rem;
}

.point-info-wrap .info-img {
    padding: 0.833rem;
}

/*================================================
			[page] notice-view-wrap
=================================================*/
#notice-view-page {
    padding-top: 0;
}

.lists-wrap[data-type="block"] .lists-item {
    padding: 1.333rem 0;

    border-bottom: 1px solid #dddddd;
}

.nonblock-btn {
    padding: 0.583rem 1.917rem;

    font-size: 1.167rem;
    font-weight: 500;
    color: #555555;

    background-color: #f7f7f7;
}

.profile-img {
    display: inline-block;
    width: 3.583rem;
}

/*================================================
			[Chat] list_item.php
=================================================*/
.chat-lists-item .lists-item {
    padding: 2rem 0;

    border-bottom: 1px solid #dddddd;
}

.chat-lists-item .lists-item .item-badge {
    width: 1.833rem;
    height: 1.833rem;

    background-color: #ff4800;
    border-radius: 100%;
}

.chat-lists-item .item-badge .badge {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: #ffffff;
}

/*================================================
			[Chat] room.php
=================================================*/
#chat-room-body #codeigniter_profiler{
    display: none;
}

/*****#####===== 채팅 네비 =====#####*****/
#gnb[data-type="app"] .gnb-wrap[data-type="chat"] {
    padding: 0;
}

.gnb-wrap[data-type="chat"] .gnb-content {
    padding: 1.333rem 0;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gnb-wrap[data-type="chat"] .gnb-title {
    position: absolute;
    top: 50%;
    left: 50%;

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

.gnb-wrap[data-type="chat"] .gnb-info {
    padding: 1.333rem 0;
}

.gnb-wrap[data-type="chat"] .info-wrap .info-title {
    padding: 0.417rem 0 1rem;
}

.gnb-wrap[data-type="chat"] .info-wrap .info-desc {
    padding-bottom: 0.667rem;
}

.gnb-wrap[data-type="chat"] .btn-wrap {
    margin-top: 1rem;
}