/* ------------------------------인터넷 신청 수정 내용------------------------------*/

.bar_banner_1 {
    margin-top:-50px;
    background:url(../img/internet_banner2.png) no-repeat center center;
}


.internet_banner {
    display:flex;
    justify-content: center;
    align-items: center;
    height:200px;
    margin-bottom:50px;
}

.page-title::after {
    content: '';
    display: block;
    background-image: url(../img/check-icon2.png);
    background-repeat: no-repeat;
    width:19px;
    height: 19px;
    top:4px;
    left:0px;
    position:absolute;
}


/* 페이지 타이틀 수정 - 패딩 레프트, 포지션 추가 */

/* page-title
    font-size: 24px
    font-weight: bold
    margin-bottom: 50px
    padding-left: 30px
    position:relative
*/

/* 페이지 타이틀 수정 - 패딩 레프트, 포지션 종료 */

/* 우측 배너 부분 추가 */

.right-small-banner {
    margin-top: 40px;
}

/* 우측 배너 부분 추가 종료 */

/* 하단에 request-sel 영역 표시 부분 전체 교체 필요 -- 주석 표시 구간 */

/* 인터넷 상품 - 속도 영역 넓이 및 폰트 크기 재지정 */

.request-sel .radio-ul.type05 li {
    width: calc(585px/3 - 10px);
}

.request-sel .radio-ul.type05 li label span {
    font-size: 17px;
    font-weight: 500;
}

/* 인터넷 상품 - 속도 영역 넓이 및 폰트 크기 재지정 종료 */

/* 하단에 반응형 미디어 쿼리 부분 일부 내용 추가 필요 -- 주석 표시 구간 */

/* ------------------------------인터넷 신청 수정 종료------------------------------*/

.sub.white {
    background: #fff;
    border-top: solid 1px #ececec;
    border-bottom: solid 1px #ececec;
}

.sub .w768 {
    max-width: 768px;
}

.sub .w1024 {
    max-width: 1024px;
}

.sub .w640 {
    max-width: 640px;
}

.sub .w540 {
    max-width: 540px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.btn-group-lg > .btn,
.btn-lg {
    --bs-btn-padding-y: 0.7rem;
}

/* 로그인 */
#login {
    padding: 50px 0px;
}

#login .login-wrap {
    width: 490px;
    padding: 32px 30px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    display: flex;
    background: #fff;
    flex-direction: column;
    align-items: center;
}

#login .login-wrap h1 {
    margin-bottom: 30px;
}

#login .login-wrap h1 a {}

#login .login-wrap h1 a img {
    max-width: 100%;
}

#login .login-wrap .login-box {
    width: 100%;
}

#login .login-wrap .login-box h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

#login .login-wrap .login-box .login-form {
    padding-bottom: 10px;
}

#login .login-wrap .login-box .login-form li {
    margin-bottom: 10px;
}

#login .login-wrap .login-box .login-form li input {
    background: #f4f4f4;
    border: none;
}

#login .login-wrap .login-box .login-form li input::placeholder {
    color: #cbcbcb;
    font-weight: bold;
    font-size: 16px;
}

#login .login-wrap .login-box .login-opts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

#login .login-wrap .login-box .login-opts .save-id {}

#login .login-wrap .login-box .login-opts .save-id input {}

#login .login-wrap .login-box .login-opts .save-id label {
    color: #666;
    font-weight: 600;
}

#login .login-wrap .login-box .find-info {}

#login .login-wrap .login-box .find-info ul {
    display: flex;
    align-items: center;
}

#login .login-wrap .login-box .find-info ul li:first-child {
    padding-right: 7px;
    margin-right: 7px;
    position: relative;
}

#login .login-wrap .login-box .find-info ul li a {
    color: #666;
}

#login .login-wrap .login-box .find-info ul li:first-child::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #e3e3e3;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

#login .login-wrap .login-box .btn-login {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

#login .login-wrap .login-box .social-login {
    padding-top: 30px;
    margin-top: 30px;
    border-top: dotted 2px #d3d3d3;
    position: relative;
}

#login .login-wrap .login-box .social-login em {
    position: absolute;
    background: #fff;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0px 10px;
    font-style: normal;
    font-size: 14px;
    color: #bdbdbd;
    font-weight: bold;
}

#login .login-wrap .login-box .social-login ul {
    display: flex;
    flex-direction: column;
}

#login .login-wrap .login-box .social-login ul li {
    width: 100%;
    margin-bottom: 5px;
}

#login .login-wrap .login-box .social-login ul li button {
    width: 100%;
}

#login .login-wrap .login-box .social-login ul li button span {}

#login .login-wrap .login-box .social-login ul li.btn-naver button {
    background: url(../img/login_naver.png) no-repeat 20px center #00cb19;
    background-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

#login .login-wrap .login-box .social-login ul li.btn-kakao button {
    background: url(../img/login_kakao.png) no-repeat 20px center #ffe500;
    background-size: 15px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #381e1f;
    padding-bottom: 10px;
}

#login .login-wrap .login-box .signin {
    text-align: center;
    margin-top: 30px;
    color: #bcbcbc;
}

#login .login-wrap .login-box .signin em {
    color: #30B372;
    font-weight: bold;
    font-style: normal;
}

#login .login-wrap .login-box .signin a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    color: #30B372;
    display: inline-block;
    margin-left: 10px;
}

/* 회원가입 */

/* 로그인 */
#signin {
    padding-bottom: 50px;
    padding-top: 50px;
}

#signin .signin-wrap {
    width: 100%;
    padding: 32px 30px;
    max-width: 490px;
    position: relative;
    margin: 0 auto;
    display: flex;
    background: #fff;
    flex-direction: column;
    align-items: center;
}

#signin .signin-wrap h1 {
    margin-bottom: 30px;
}

#signin .signin-wrap h1 a {}

#signin .signin-wrap h1 a img {
    max-width: 100%;
}

#signin .signin-wrap .signin-box {
    width: 100%;
}

#signin .signin-wrap .signin-box h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #30B372;
}

#signin .signin-wrap .signin-box .signin-form {}

#signin .signin-wrap .signin-box .signin-form label {
    font-size: 16px;
    color: #333;
    font-family: 'gmarket';
}

#signin .signin-wrap .signin-box .signin-form label em {
    font-size: 14px;
    font-family: 'gmarket';
    color: #999999;
}

#signin .signin-wrap .signin-box .signin-form input {}

#signin .signin-wrap .signin-box .signin-form .form-text {
    color: #a6abb4;
    font-size: 14px;
    letter-spacing: -0.05em;
}

#signin .signin-wrap .signin-box .signin-form .find-address {
    display: flex;
}

#signin .signin-wrap .signin-box .signin-form .find-address .form-control {
    width: 120px;
}

.agree-all {
    background: #f0f3f3;
    padding: 8px 15px;
    font-size: 16px;
    color: #373737;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom: 15px;
}

.agree-all .form-check {}

.agree-all .form-check input {}

.agree-all .form-check label {}

#agreeDetail {
    border: solid 1px #ddd;
    border-bottom: none;
    border-radius: 5px;
    overflow: hidden;
}

#agreeDetail .agree-check {
    padding: 8px 15px;
    border-bottom: solid 1px #ddd;
    background: url(../img/agree-down.png) no-repeat calc(100% - 15px) center;
    cursor: pointer;
}

#agreeDetail .agree-check.open {
    background: url(../img/agree-up.png) no-repeat calc(100% - 15px) center;
}

#agreeDetail .agree-check .d-inline {}

#agreeDetail .agree-check input {}

#agreeDetail .agree-check label {}

#agreeDetail .agree-cont {
    height: 0px;
    overflow: hidden;
    transition: height 0.3s ease;
}

#agreeDetail .agree-check.open + .agree-cont {
    height: 200px;
    overflow-y: auto;
    border-bottom: solid 1px #ddd;
    padding: 15px;
}

#agreeDetail .agree-cont p {}

.btn-fix {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.btn-fix .container-mo {
    width: 100%;
    max-width: 490px;
    display: flex;
    gap: 0px 10px;
}

.btn-fix .container-mo .btn {
    width: 100%;
}

/*아이디 비밀번호 찾기*/
.find-user .container .find-box {
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.05);
    max-width: 500px;
    width: 98%;
    padding: 40px;
}

.find-user .container .find-box .page-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.find-user .container .find-box .page-title-under {
    margin-bottom: 30px;
}

.find-user .container .find-box dl dt label {
    font-family: 'gmarket';
    font-weight: normal;
    font-size: 1.0503684153em;
}

.find-link {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.find-link a:hover {
    text-decoration: underline;
}

.message {
    width: 100%;
    max-width: 500px;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.message .img {
    width: 300px;
    text-align: center;
}

.message .img img {
    max-width: 100%;
}

.message p {
    margin: 50px 0px;
    text-align: center;
}

.message .btn {}

.message .btn i {
    font-size: 0.8em;
}

.page-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
    padding-left: 30px;
    position:relative;
}

.page-title2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.tab-dep1 {
    margin-top: 40px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
}

.tab-dep1 li {}

.tab-dep1 li a {
    font-size: 22px;
    color: #bbb;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.tab-dep1 li a.on {
    color: #30B372;
}

.tab-dep1 li a.on::before {
    content: '\f058';
    font-family: "Font Awesome 6 Free";
    /* 사용 중인 폰트 이름에 따라 다름 */
    font-weight: 900;
    /* Solid 아이콘은 900 */
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
}

.tab-dep2 {
    display: flex;
    margin-bottom: 30px;
    gap: 0px 5px;
}

.tab-dep2 li {}

.tab-dep2 li a {
    padding: 8px 15px;
    background: #f6f6f6;
    display: block;
    line-height: 1;
    border-radius: 5px;
}

.tab-dep2 li a.on {
    background: #30B372;
    border: none;
    color: #fff;
    position: relative;
    font-weight: bold;
}

.tab-dep2 li a.on::after {
    content: "";
    position: absolute;
    bottom: -9px;
    /* 삼각형 높이만큼 아래로 */
    left: 50%;
    /* 말풍선 왼쪽에서 위치 조정 */
    transform: TranslateX(-50%);
    border-width: 10px 7px 0;
    /* 위쪽이 베이스, 아래쪽이 뾰족 */
    border-style: solid;
    border-color: #30B372 transparent transparent;
    /* 배경색, 나머지는 투명 */
}

/*.tab-dep3 {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.tab-dep3 ul {
    display: flex;
    transition: transform 0.2s ease-out;
    will-change: transform;
}

.tab-dep3 ul li {
    flex: 0 0 auto;
    padding: 10px 15px;
    white-space: nowrap;
    cursor: pointer;
}

.tab-dep3 li a {
    font-size: 16px;
    color: #999;
    padding: 5px 7px;
    display: flex;
    align-items: center;
}

.tab-dep3 li a.on {
    font-weight: 600;
    color: #30B372;
    border-bottom: solid 2px #30B372;
}*/

.tab-dep3 {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ddd;
    touch-action: pan-y;
    margin-bottom: 30px;
}

.tab-dep3-ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.3s ease;
    will-change: transform;
    width: min-content;
}

.tab-dep3-ul li {
    flex: 0 0 auto;
    /* 추가! */
}

.tab-dep3-ul li a {
    display: block;
    padding: 10px 15px;
    white-space: nowrap;
    text-decoration: none;
    color: #333;
}

.tab-dep3-ul li a.on {
    color: #30B372;
    border-bottom: solid 2px #30B372;
    font-weight: bold;
}

.board-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

.board-sch {
    margin-left: 10px;
}

.board-sch .input-group {}

.board-sch .input-group .form-control {
    border-right: none;
}

.board-sch .input-group .btn {
    border: solid 1px var(--bs-border-color);
    border-left: none;
    background: #fff;
}

.board-sch .input-group .btn i {
    color: #aaa;
}

.board-count {
    display: flex;
    gap: 0px 5px;
}

.board-count span {
    font-size: 0.9em;
    color: #999;
    font-weight: bold;
    line-height: 1;
}

.board-count b {
    line-height: 1;
}

.board-wrap {
    margin-bottom: 40px;
    border-top: solid 1px #222;
}

.board-wrap .board-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.board-wrap .board-list .board-title {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border-top: solid 1px #ddd;
    padding: 15px;
    border-bottom: solid 1px #ddd;
}

.board-wrap .board-list .board-title .title {
    display: block;
    width: calc(100% - 210px);
    text-align: center;
    font-size: 15px;
}

.board-wrap .board-list .board-title .writer {
    display: flex;
    width: 80px;
    font-size: 15px;
    justify-content: center;
}

.board-wrap .board-list .board-title .date {
    display: flex;
    font-size: 15px;
    width: 80px;
    justify-content: center;
}

.board-wrap .board-list .board-title .view-num {
    display: flex;
    width: 50px;
    font-size: 15px;
    justify-content: center;
}

.board-wrap .board-list .board-notice {
    display: flex;
    /*border-left:solid 3px #30B372;*/
    align-items: center;
    cursor: pointer;
    padding: 15px;
    border-bottom: solid 1px #ecf0f4;
}

.board-wrap .board-list .board-notice .no {
    background: #30B372;
    padding: 3px 10px;
    margin-right: 10px;
    width: 45px;
    display: flex;
    align-items: Center;
    justify-content: center;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.board-wrap .board-list .board-notice .board-p {
    max-width: calc(100% - 265px);
    padding-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-size: 16px;
    width: fit-content;
    color: #333;
    display: block;
}

.board-wrap .board-list .board-notice:hover .board-p {
    color: #000;
}

.board-wrap .board-list .board-notice .board-p .reply-num {
    padding-left: 25px;
    width: 50px;
    display: flex;
    background: url(../img/comment.png) no-repeat 3px 4px;
    background-size: 15px;
    position: absolute;
    font-size: 14px;
    line-height: 1;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    align-items: center;
}

.board-wrap .board-list .board-notice .writer {
    margin-left: auto;
    width: 80px;
    font-size: 14px;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board-wrap .board-list .board-notice .date {
    display: block;
    font-size: 14px;
    width: 80px;
    text-align: center;
}

.board-wrap .board-list .board-notice .view-num {
    display: block;
    font-size: 14px;
    width: 50px;
    text-align: center;
}

.board-wrap .board-list .board-notice .view-num i {
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    margin-right: 3px;
}

.board-wrap .board-list .board-item {
    display: flex;
    border-bottom: solid 1px #ecf0f4;
    cursor: pointer;
    align-items: center;
    padding: 15px;
}

.board-wrap .board-list .board-item .no {
    background: #30B372;
    padding: 3px 10px;
    margin-right: 10px;
    width: 45px;
    display: flex;
    align-items: Center;
    justify-content: center;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}

.board-wrap .board-list .board-item .board-p {
    max-width: calc(100% - 210px);
    padding-right: 60px;
    color: #373737;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-size: 16px;
    width: fit-content;
    display: block;
}

.board-wrap .board-list .board-item:hover .board-p {
    color: #000;
}

.board-wrap .board-list .board-item.secret .board-p {
    position: relative;
    padding-left: 23px;
}

.board-wrap .board-list .board-item.secret .board-p::before {
    content: '\f023';
    font-family: 'fontawesome';
    position: absolute;
    left: 0px;
    color: #30B372;
    font-weight: 900;
}

.board-wrap .board-list .board-item .board-p .reply-num {
    padding-left: 25px;
    width: 50px;
    display: flex;
    background: url(../img/comment.png) no-repeat 3px 4px;
    background-size: 15px;
    position: absolute;
    font-size: 14px;
    line-height: 1;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    align-items: center;
}

.board-wrap .board-list .board-item .writer {
    margin-left: auto;
    width: 80px;
    font-size: 14px;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board-wrap .board-list .board-item .date {
    display: block;
    font-size: 14px;
    width: 80px;
    text-align: center;
}

.board-wrap .board-list .board-item .view-num {
    display: block;
    font-size: 14px;
    width: 50px;
    text-align: center;
}

.board-wrap .board-list .board-item .view-num i {
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    margin-right: 3px;
}

.pagination {
    display: flex;
    justify-content: center;
}

.pagination .paging {
    display: inline-flex;
    gap: 0px 5px;
}

.pagination .paging li {}

.pagination .paging li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 5px;
    min-width: 35px;
    border: solid 1px #ddd;
    color: #aaa;
    border-radius: 5px;
    height: 35px;
}

.pagination .paging li a:hover:not(.prev),
.pagination .paging li a:hover:not(.on) .pagination .paging li a:hover:not(.next) {
    border-color: #999;
}

.pagination .paging li a.prev {
    background: url(../img/paging-prev.png) no-repeat center center #fef7eb;
    display: block;
    background-size: 18px;
    border: none;
    text-indent: -9999px;
    border-radius: 5px;
}

.pagination .paging li a.on {
    color: #30B372;
    font-weight: bold;
    border-color: #30B372;
}

.pagination .paging li a.next {
    background: url(../img/paging-next.png) no-repeat center center #fef7eb;
    background-size: 18px;
    display: block;
    text-indent: -9999px;
    border-radius: 5px;
    border: none;
}

.board-write {
    margin-top: 40px;
}

.board-write dl {
    display: flex;
    flex-direction: column;
}

.board-write dl dt {
    margin-bottom: 10px;
    width: 100%;
}

.board-write dl dd {
    display: block;
    margin-bottom: 30px;
}

.board-write .tbl-write table {
    border-top: solid 1px #222;
    display: table;
    width: 100%;
}

.board-write .tbl-write table tr {}

.board-write .tbl-write table tr th {
    border-bottom: solid 1px #ecf0f4;
    border-right: solid 1px #ecf0f4;
    padding: 10px;
    background: #fafafa;
    text-align: center;
    font-size: 15px;
}

.board-write .tbl-write table tr td {
    padding: 10px;
    border-bottom: solid 1px #ecf0f4;
}

.file-list {
    margin-top: 10px;
}

.file-list li {}

.file-list li span {}

.file-list li .btn {}

.file-list li .btn i {}

.tbl-top-info {
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

.tbl-top-info i {
    color: #30B372;
    display: inline-block;
    margin-right: 5px;
}

.board-view {
    margin-top: 40px;
}

.board-view .board-v-nav {
    margin-bottom: 20px;
}

.board-view .board-v-nav ul {
    display: flex;
    align-items: center;
}

.board-view .board-v-nav ul li {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

.board-view .board-v-nav ul li::after {
    content: '/';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
}

.board-view .board-v-nav ul li a {
    color: #999;
}

.board-view .board-v-nav ul li:last-child a {
    color: #30B372;
    font-weight: bold;
}

.board-view .board-v-nav ul li:last-child::after {
    display: none;
}

.board-view .board-v-title {
    border-top: solid 1px #222;
    padding: 15px 20px;
    background: #fafafa;
    font-size: 18px;
}

.board-view .board-v-title p {
    line-height: 1.5;
}

.board-view .board-v-info {
    padding: 10px 20px;
    border-bottom: solid 1px #ecf0f4;
}

.board-view .board-v-info .writer {
    font-size: 14px;
}

.board-view .board-v-info .info-btm {
    display: flex;
    gap: 0px 10px;
}

.board-view .board-v-info .info-btm .reply-num {
    font-size: 14px;
}

.board-view .board-v-info .info-btm .view-num {
    font-size: 14px;
}

.board-view .board-v-info .info-btm .date {
    font-size: 14px;
    color: #999;
}

.board-view .board-v-cont {
    padding: 20px;
    min-height: 500px;
    border-bottom: solid 1px #ecf0f4;
}

.board-view .board-v-file {
    padding: 15px 20px;
    border-bottom: solid 1px #ecf0f4;
}

.board-view .board-v-file ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.board-view .board-v-file ul li {}

.board-view .board-v-file ul li a {}

.board-view .board-v-file ul li a span {
    color: #999;
    font-size: 0.85em;
}

.board-v-comment {
    margin-top: 30px;
}

.board-v-comment .comment-title {
    border-bottom: solid 1px #ecf0f4;
    display: flex;
}

.board-v-comment .comment-title strong {
    border-bottom: solid 2px #222;
    display: inline-block;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.board-v-comment .comment-title strong b {
    color: #30B372;
    font-weight: 600;
}

.board-v-comment .comment-list {}

.board-v-comment .comment-list > li {
    border-bottom: solid 1px #ecf0f4;
}

.board-v-comment .comment-list > li .dep01 {
    padding: 20px 0;
}

.board-v-comment .comment-list > li .comm-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.board-v-comment .comment-list > li .comm-info .left {}

.board-v-comment .comment-list > li .comm-info .left b {}

.board-v-comment .comment-list > li .comm-info .left span {
    color: #aaa;
    margin-left: 5px;
    display: inline-block;
    font-size: 0.8em;
}

.board-v-comment .comment-list > li .comm-info .right {}

.board-v-comment .comment-list > li .comm-info .right .btn {}

.board-v-comment .comment-list > li .dep02 {
    padding: 20px;
    padding-left: 45px;
    position: relative;
    background: #fafafa;
}

.board-v-comment .comment-list > li .dep02::before {
    position: absolute;
    left: 20px;
    font-size: 12px;
    color: #30B372;
    top: 25px;
    content: '\f3e5';
    font-family: "Font Awesome 6 Free";
    /* 사용 중인 폰트 이름에 따라 다름 */
    font-weight: 900;
    /* Solid 아이콘은 900 */
}

.board-v-comment .comment-list > li .dep02:last-child {
    border-bottom: none;
}

.comm-reply-write {
    padding: 20px;
    background: #efefef;
}

.board-v-comment .comment-list li.secret .comm-cont {
    padding-left: 20px;
    position: relative;
}

.board-v-comment .comment-list li.secret .comm-cont::before {
    position: absolute;
    left: 0px;
    font-size: 12px;
    color: #30B372;
    top: 3px;
    content: '\f023';
    font-family: "Font Awesome 6 Free";
    /* 사용 중인 폰트 이름에 따라 다름 */
    font-weight: 900;
    /* Solid 아이콘은 900 */
}

.comm-reply-write .comm-reply-write-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comm-reply-write strong {
    color: #30B372;
}

.comm-reply-write .form-check {
    font-size: 14px;
}

.list-order {}

.list-order ul {
    display: flex;
    gap: 0px 5px;
}

.list-order ul li {}

.list-order ul li button {
    border: none;
    background: none;
    display: flex;
    gap: 0px 3px;
    align-items: center;
}

.list-order ul li button.on {
    color: #30B372;
    font-weight: bold;
}

.gallery-wrap {
    margin-bottom: 40px;
}

.gallery-wrap .gallery-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 30px;
}

.gallery-wrap .gallery-list .gallery-box {
    width: calc(24% - 13px);
}

.gallery-wrap .gallery-list .gallery-box .gallery-img {
    background: #ecf0f4 url(../img/logo.png) no-repeat center center;
    background-size: 80%;
    border: 1px solid #ecf0f4;
    border-radius: 10px;
    position: relative;
    height: 0px;
    padding-bottom: 100%;
    min-width: 100%;
    overflow: hidden;
    width: 80px;
}

.gallery-wrap .gallery-list .gallery-box .gallery-img img {
    display: block;
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap {
    padding: 20px 0px;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 원하는 줄 수 */
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info {}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-lt {
    display: flex;
    justify-content: space-between;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .cate {
    font-size: 14px;
    color: #30B372;
    font-weight: bold;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-lt .date {
    font-size: 14px;
    color: #999;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-lt .writer {
    font-size: 14px;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-rt {
    font-size: 14px;
    margin-top: 8px;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-rt .rating {}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-rt .rating i {
    color: #30B372;
}

.gallery-wrap .gallery-list .gallery-box .gallery-info-wrap .gallery-info .g-info-rt .rating em {
    font-weight: bold;
}

.gallery-photo {}

.gallery-photo ul {}

.gallery-photo ul li {
    margin-bottom: 20px;
}

.gallery-photo ul li img {
    max-width: 100%;
}

.board-v-rating {
    padding: 10px 20px;
    border-bottom: solid 1px #ecf0f4;
    display: flex;
    gap: 0px 10px;
}

.board-v-rating b {
    font-size: 14px;
}

.board-v-rating ul {
    display: flex;
    gap: 0px 2px;
    align-items: center;
}

.board-v-rating ul li {
    line-height: 1;
    display: flex;
    align-items: center;
}

.board-v-rating ul li i {
    color: #30B372;
    font-size: 12px;
}

.review-product {
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    background: #fafafa;
}

.review-product .img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.review-product .img img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
}

.review-product .prod-info {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
    align-items: flex-start;
}

.review-product .prod-info .badge {}

.review-product .prod-info .prod-name {
    display: block;
    margin-bottom: auto;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 원하는 줄 수 */
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.review-product .prod-info .prod-date {
    display: block;
    margin-top: auto;
    font-size: 14px;
    color: #999;
}

.rating-write {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    align-items: center;
}

.rating-stars {
    direction: rtl;
    display: inline-flex;
    margin-bottom: 5px;
    gap: 0px 5px;
}

.rating-stars input {
    display: none;
}

.rating-stars label {
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
    transition: color 0.2s;
}

.rating-stars input:checked ~ label i,
.rating-stars label:hover i,
.rating-stars label:hover ~ label i {
    color: gold;
}

.rating-txt {
    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.rating-txt.on {
    color: #30B372;
}

.attach-photo {
    margin-top: 10px;
}

.attach-photo ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.attach-photo ul li {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.attach-photo ul li img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.attach-photo ul li .btn-delete {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    color: #fff;
}

/*confirm 디자인*/
.confirm-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    font-size: 15px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    max-width: 90%;
    text-align: center;
    word-break: keep-all;
}

.confirm-alert.show {
    opacity: 1;
    pointer-events: auto;
}

.confirm-buttons {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.comm-edit {
    padding: 10px;
    margin-bottom: -20px;
    background: #efefef;
}

.orange {
    color: #30B372;
}

.comm-edit .comm-edit-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comm-edit .comm-edit-top .form-check label {
    font-size: 14px;
}

.request-sel h5 {
    font-size: 18px;
    margin-bottom: 15px;
}

.request-sel .radio-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 10px 10px;
}

.request-sel .radio-ul li {
    display: flex;
    flex-direction: column;
}

.request-sel .radio-ul.type03 li {
    width: calc(585px/3 - 10px);
}

.request-sel .radio-ul.type04 li {
    width: calc(25% - 10px);
}

.request-sel .radio-ul.type02 li {
    width: calc(585px/2 - 10px);
}

.request-sel .radio-ul li input[type='radio'] {
    display: none;
}

.request-sel .radio-ul li label {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    border: solid 1px #ddd;
    padding: 15px 10px;
    align-items: center;
    border-radius: 10px;
    text-align: center;
}

.request-sel .radio-ul li label.on {
    border-color: #30B372;
    background: #F0FFF4;
}

.request-sel .radio-ul li label img {
    max-height: 30px;
    width: auto;
    display: inline-block;
    margin-bottom: 12px;
    margin-top: 5px;
    max-width: 100%;
}

.request-sel .radio-ul li label span {
    font-size: 16px;
    font-weight: 500;
}

.request-sel .radio-ul li label span.small {
    font-size: 16px;
}

.request-sel .radio-ul li label span i {
    font-size: 14px;
}

.request-sel .radio-ul li label.on span i {
    font-size: 14px;
}

.request-sel .radio-ul li label em {
    color: #1f2429;
    font-size: 14px;
}

.request-sel .radio-ul li label p {
    color: #666;
    font-weight: 500;
    padding: 3px 0px 0px;
    font-size: 13px;
}

.request-sel .radio-ul li label.img-only img {
    margin-bottom: 0;
}

.request-sel .radio-ul li label.img-only span {
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.request-sel .radio-ul.product li label img {
    max-height: 25px;
}

.request {
    display: flex;
    position: relative;
    justify-content: space-between;
    gap: 30px;
}

.request .left {
    flex: 1;
    width: calc(100% - 350px);
}

.request .right {
    position: sticky;
    top: 0;
    width: 350px;
    align-self: flex-start;
}

.request .right .right-inner {
    background: #F0FFF4;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

.request .right .right-inner .box {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    margin: 0px 0px 10px;
    padding: 15px;
}

.request .right .right-inner .box.b01 {}

.request .right .right-inner .box .total {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.request .right .right-inner .box .total b {
    color: #353a3f;
}

.request .right .right-inner .box .total b.sum {
    color: #353a3f;
}

.request .right .right-inner .box .discount {
    display: flex;
    justify-content: space-between;
}

.request .right .right-inner .box .discount span {
    color: #6e757c;
    font-size: 0.9em;
}

.request .right .right-inner .box .discount span.sum {}

.request .right .right-inner .box.b02 {}

.request .right .right-inner .box .before {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.request .right .right-inner .box .before span {
    color: #6e757c;
}

.request .right .right-inner .box .before span.sum {
    font-weight: bold;
    font-size: 18px;
}

.request .right .right-inner .box .combine {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.request .right .right-inner .box .combine b {
    font-weight: normal;
}

.request .right .right-inner .box .combine b.sum {
    font-weight: bold;
    font-size: 18px;
}

.request .right .right-inner .box .gift {
    display: flex;
    justify-content: space-between;
    border: solid 1px #30B372;
    padding: 5px 10px;
    color: #30B372;
    border-radius: 3px;
}

.request .right .right-inner .box .gift b {
    font-size: 14px;
}

.request .right .right-inner .box .gift b.sum {
    font-size: 14px;
}

.request .right .right-inner .box .gift b i {
    display: inline-block;
    margin-right: 5px;
}

.request .right .right-inner .right-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.request .right .right-inner .right-btns .btn {
    height: 50px;
}

.request .right .right-inner .warning {
    padding-top: 10px;
    margin-top: 10px;
}

.request .right .right-inner .warning b {
    color: rgba(0, 0, 0, 0.3);
    position: relative;
    padding-left: 8px;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
}

.request .right .right-inner .warning b::before {
    content: '';
    display: inline-block;
    width: 3px;
    border-radius: 50%;
    height: 3px;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    position: absolute;
    top: 8px;
}

.request .right .right-inner .warning ul {}

.request .right .right-inner .warning ul li {
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
}

.steps {
    overflow: hidden;
    margin-bottom: 50px;
}

.steps ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 -40px;
    list-style: none;
    position: relative;
}

.steps li {
    position: relative;
    text-align: center;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* 막대기 라인 */
.steps li:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0.05);
    z-index: 0;
}

/* 활성화된 단계까지는 주황색 라인 */
.steps li.on + li::before,
.steps li.now::before {
    background: #30B372;
}

/* 스텝 동그라미 */
.steps li::after {
    content: attr(data-step);
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #ccc;
    color: white;
    font-weight: bold;
    font-size: 16px;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
}

/* 체크된 스텝 */
.steps li.now::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: #F0FFF4;
    border: 2px solid #30B372;
    color: #30B372;
    font-size: 16px;
    line-height: 36px;
}

/* 현재 스텝 */
.steps li.on::after {
    background: #30B372;
    color: #fff;
}

/* 텍스트 */
.steps p {
    padding-top: 50px;
    font-size: 14px;
    word-break: keep-all;
}

.steps li.now p {
    color: #30B372;
    font-weight: bold;
}

.green .steps li.now p {
    color: #589231;
}

.green .steps li.now::after {
    border-color: #589231;
    background: #f5ffe9;
    color: #589231;
}

.steps li.on p {
    color: #30B372;
}

.steps li p {
    color: #999;
}

.green .check-radio-ul li label.on {
    border-color: #589231;
    background: #f5ffe9;
}

.green .check-radio-ul li label.on span,
.green .check-radio-ul li label.on i {
    color: #589231;
}

.green .agreement-app,
.green .agreement-app .c-all {
    border-color: #589231;
}

.req-step .form-control[type=text],
.req-step .form-control[type=file],
.req-step .form-control[type=password],
.req-step .form-select,
.form-box .btn {
    height: 50px;
}

.req-step01 .form-control[type=text],
.req-step01 .form-control[type=file],
.req-step01 .form-control[type=password],
.req-step01 .form-select,
.form-box .btn {
    height: 50px;
}

.req-paper {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    padding: 25px;
}

.req-paper.white {
    background: #fff;
    padding: 25px 0px;
    border-radius: 0px;
}

.req-paper .req-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.req-label {
    font-size: 14px;
    margin-bottom: 10px;
    color: #747474;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: flex-start;
}

.req-label.required::after {
    content: '*';
    font-size: 14px;
    font-weight: normal;
    color: red;
    margin-left: 3px;
    display: inline-block;
}

.req-paper .req-box {
    background: #fff;
    margin-bottom: 10px;
    padding: 5px 20px;
    border-radius: 5px;
}

.req-paper .req-box .line {
    display: flex;
    justify-content: space-between;
    padding: 8px 0px;
    align-items: center;
    border-bottom: dashed 1px #ddd;
}

.req-paper .req-box .line:last-child {
    border-bottom: none;
}

.req-paper .req-box .line p {}

.req-paper .req-box .line .rt {}

.req-paper .req-box .line b {}

.req-paper .req-box .line.gray {}

.req-paper .req-box .line.gray p {
    font-size: 14px;
    color: #333;
}

.req-paper .req-box .line.gray .rt {}


.check-radio-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 0px 10px;
}

.check-radio-ul li {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    flex-direction: column;
}

.check-radio-ul.type03 li {
    width: calc(33.33333% - 10px);
}

.check-radio-ul.type04 li {
    width: calc(25% - 10px);
}

.check-radio-ul.type02 li {
    width: calc(50% - 10px);
}

.check-radio-ul li input[type='radio'] {
    display: none;
}

.check-radio-ul li label {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    border: solid 1px #ddd;
    padding: 15px 20px;
    align-items: flex-start;
    border-radius: 5px;
    text-align: center;
}

.check-radio-ul li label.on {
    border-color: #30B372;
    background: #F0FFF4;
}

.check-radio-ul li label img {
    max-height: 30px;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
}

.check-radio-ul li label span {
    font-size: 18px;
}

.check-radio-ul li label span i {
    color: #ccc;
    margin-right: 10px;
}

.check-radio-ul li label.on i {
    color: #30B372;
}

.check-radio-ul li label.on span {
    color: #30B372;
    font-weight: bold;
}

.req-btm {
    border-top: solid 3px #30B372;
    background: #f9f9f9;
    padding: 20px;
}

.req-btm .info {
    display: flex;
    justify-content: space-between;
    padding: 5px 0px;
    align-items: center;
}

.req-btm .info b {}

.req-btm .info b span {
    font-weight: normal;
    color: #999;
    font-size: 0.8em;
}

.req-btm .info strong {
    color: #30B372;
    font-size: 20px;
}

.req-btm .btn-wrap {
    border-top: dashed 1px #30B372;
    padding-top: 20px;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}

.req-btm .btn-wrap .btn {
    width: 100%;
}

.req-btm .btn-wrap.type02 .btn {
    width: 49%;
}


.radio-sel .radio-ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 3px;
    justify-content: flex-start;
}

.radio-sel .radio-ul li {
    display: flex;
    width: calc(25% - 10px);
    flex-direction: column;
}

.radio-sel .radio-ul.type03 li {
    width: calc(33.33333% - 3px);
}

.radio-sel .radio-ul.type04 li {
    width: calc(25% - 10px);
}

.radio-sel .radio-ul.type02 li {
    width: calc(50% - 5px);
}

.radio-sel .radio-ul li input[type='radio'] {
    display: none;
}

.radio-sel .radio-ul li label {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    border: solid 1px #ddd;
    padding: 10px 10px;
    align-items: center;
    border-radius: 5px;
    text-align: center;
    height: 50px;
    justify-content: center;
}

.radio-sel .radio-ul li label.on {
    border: dotted 2px #30B372;
    font-weight: bold;
    color: #30B372;
}

.radio-sel .radio-ul li label:not(.on):hover {
    border-color: #30B372;
}

.radio-sel .radio-ul li label.on {
    /*background: #F0FFF4;*/
}

.radio-sel .radio-ul li label img {
    max-height: 30px;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
}

.radio-sel .radio-ul li label span {
    font-size: 15px;
}

.radio-sel.type-col {}

.radio-sel.type-col .radio-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.radio-sel.type-col .radio-ul li {
    width: auto;
}

.radio-sel.type-half .radio-ul {
    gap: 3px;
}

.radio-sel.type-half .radio-ul li {
    width: calc(50% - 3px);
}

.radio-sel.type-sm .radio-ul li label {
    padding: 4px 10px;
    height: 35px;
}

.radio-sel.type-col .radio-ul li label:hover {
    border: solid 1px #444;
}

.radio-sel.type-sm .radio-ul li label:hover {
    border: solid 1px #444;
}

.radio-sel.type-sm .radio-ul li label.on {
    background: #444444;
    color: #fff;
    border: none;
    font-weight: 500;
}


.form-box.phone {
    display: flex;
    justify-content: space-between;
    gap: 0px 5px;
    margin-bottom: 10px;
}

.form-box.phone .form-control {}

.form-box.phone .form-select {
    width: 150px;
}

.form-box.address {
    display: flex;
    justify-content: space-between;
    gap: 0px 5px;
    margin-bottom: 10px;
    align-items: center;
}

.form-box.address .btn {
    width: 110px;
}

.form-box.cardbox {
    display: flex;
    justify-content: space-between;
    gap: 0px 5px;
    margin-bottom: 10px;
    align-items: center;
}

.form-box.cardbox .mmyy {
    width: 100px;
}

.req-btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.req-btn-wrap .btn {
    width: 49%;
}

.agreement-app {
    border: solid 1px #30B372;
    border-radius: 5px;
}

.agreement-app .c-all {
    padding: 10px;
    border-bottom: solid 1px #30B372;
    background: url(../img/arrow-up.png) no-repeat right 10px center;
    background-size: 20px;
    cursor: pointer;
}

.agreement-app .c-all.open {
    background: url(../img/arrow-down.png) no-repeat right 10px center;
    background-size: 20px;
    border-bottom: none;
}

.agreement-app .c-all .form-check {
    display: inline-block;
}


.agreement-app #applyAgree {
    padding: 15px;
}

.agreement-app #applyAgree h2 {
    font-size: 14px;
    margin-bottom: 10px;
}

.agreement-app #applyAgree .agree-check02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
}

.agreement-app #applyAgree .agree-check02 .btn-view {
    border: none;
    background: #30B372;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.agreement-app #applyAgree .agree-check02 .d-inline {}

.pop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}

.pop.on {
    display: block;
}

.pop .pop-inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 500px;
    background: #fff;
    border-radius: 10px;
    height: auto;
    max-height: 80vh;
}

.pop .pop-inner .pop-top {
    display: flex;
    height: 50px;
    justify-content: space-between;
    align-items: center;
    border-bottom: dashed 1px #ddd;
    padding: 0px 20px;
}

.pop .pop-inner .pop-top strong {}

.pop .pop-inner .pop-top .btn-close {
    display: block;
    text-indent: -99999px;
}

.pop .pop-inner .pop-cont {
    padding: 20px 20px 10px;
    max-height: calc(100vh - 118px);
    overflow-y: auto;
}

.pop .pop-inner .pop-cont pre {
    font-size: 14px;
}

.pop .pop-inner .pop-btm {
    padding: 10px 20px 20px;
    height: 68px;
}

.calendar {
    background: url(../img/schedule.png) no-repeat right 10px center #fff;
    background-size: 15px;
    padding-right: 35px;
}

.ui-datepicker .ui-datepicker-header {
    display: flex;
    background: none;
    border: none;
    align-items: center;
}

.ui-datepicker .ui-datepicker-title {
    display: flex;
    margin: 0 auto;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    border: solid 1px #ddd;
    width: auto;
    margin: 0px 2px;
    padding: 5px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
    text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #ffedd9;
    color: #30B372;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #30B372;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
}

.big-txt {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.big-txt b {}

.gray-small-box {
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 50px;
}

.gray-small-box p {
    font-size: 14px;
    color: #747474;
}

.gray-small-box p b {}

.tiny {
    margin-top: 10px;
}

.tiny li {
    font-size: 13px;
    padding-left: 12px;
    position: relative;
    color: #aaa;
}

.tiny li::before {
    position: absolute;
    content: '※';
    display: block;
    left: 0;
    top: 0px;
}

.user-edit {
    margin-bottom: 30px;
}

.user-edit dl {
    display: flex;
    flex-wrap: wrap;
}

.user-edit dl dt {
    width: 100px;
    border-bottom: solid 1px #eaeaea;
    padding: 10px 0px;
    font-weight: 500;
    color: #999999;
    display: flex;
    align-items: center;
}

.user-edit dl dt em {}

.user-edit dl dd {
    width: calc(100% - 100px);
    border-bottom: solid 1px #eaeaea;
    padding: 10px 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.user-edit dl dd span {}

.user-edit dl dd .sns-login {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-edit dl dd .sns-login img {
    width: 30px;
}

.user-edit dl dd .sns-login span {}

.user-edit dl dd .wbtn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    gap: 10px;
}

.user-edit dl dd .wbtn .form-control {}

.user-edit dl dd .wbtn span {}

.user-edit dl dd .wbtn button {
    width: 65px;
}

.chg-pw {
    width: 100%;
}

.chg-pw .chg-pw-line {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
}

.chg-pw .chg-pw-line .btn {
    width: max-content;
}

.chg-pw .chg-pw-line span {
    font-size: 14px;
    color: #999;
    font-weight: 500;
    display: block;
    margin-bottom: 3px;
}

.chg-pw .chg-pw-line .input-w {
    margin-bottom: 15px;
}

.chg-pw .chg-pw-line .input-w input {}

.chg-pw .chg-pw-line .dot-ul {
    margin-top: 6px;
}

.chg-pw .chg-pw-line .dot-ul li {
    font-size: 13px;
    padding-left: 7px;
    position: relative;
}

.chg-pw .chg-pw-line .dot-ul li::before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    background: #30B372;
    left: 0;
    position: absolute;
    top: 9px;
}

.user-h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.user-edit .toggle {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #eaeaea;
    padding: 10px 0px;
}

.user-edit .toggle span {}

.user-edit .toggle span em {
    color: #ccc;
    font-size: 0.9em;
}

.user-edit .toggle .tgl-btn {}

.tgl-btn input {
    display: none;
}

.tgl-btn .toggleSwitch {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50px;
    height: 30px;
    background-color: #ddd;
    border-radius: 20px;
    cursor: pointer;
    transition-duration: .2s;
}

.toggleSwitch::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    left: 5px;
    background-color: transparent;
    border-radius: 50%;
    transition-duration: .2s;
    box-shadow: 5px 2px 7px rgba(8, 8, 8, 0.26);
    border: 5px solid white;
    box-sizing: content-box;
}

.tgl-btn input:checked + .toggleSwitch::after {
    transform: translateX(100%);
    transition-duration: .2s;
    background-color: white;
}

/* Switch background change */
.tgl-btn input:checked + .toggleSwitch {
    background-color: #30B372;
    transition-duration: .2s;
}

.btn-exit {
    font-size: 14px;
    font-weight: 500;
    color: #dc3545;
    border: none;
    background: none;
}

.btn-exit:hover {
    outline: solid 1px #dc3545;
    border-radius: 3px;
}

.btn-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.btn-wrap.center {
    justify-content: center;
    gap: 10px;
}

.his-count {
    margin-bottom: 10px;
}

.his-list {}

.his-list ul {
    display: flex;
    flex-wrap: wrap;
}

.his-list ul li {
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 15px;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    padding-right: 50px;
    position: relative;
}

.his-list ul li .box {
    display: flex;
    width: 100%;
    align-items: center;
}

.his-list ul li .box .logo {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: auto;
}

.his-list ul li .box .logo img {
    max-width: 100%;
}

.his-list ul li .box .info {
    padding: 0px 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.his-list ul li .box .info .info-in {}

.his-list ul li .box .info b {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
    line-height: 1.4;
}

.his-list ul li .box .info .icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.his-list ul li .box .info .icons .icon {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.his-list ul li .box .info .icons img {
    max-width: 25px;
}

.his-list ul li .box .info .icons span {
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    padding-left: 4px;
    padding-top: 1px;
    color: #ccc;
    font-weight: 500;
    font-size: 14px;
}

.his-list ul li .box .info .icons span em {
    font-size: 0.7em;
    color: #ddd;
    line-height: 1;
    font-weight: 900;
    display: inline-flex;
}

.his-list ul li .box .info .price {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.his-list ul li .box .info .price strong {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin-bottom: 5px;
}

.his-list ul li .box .info .price span {
    font-size: 12px;
    color: #30B372;
}

.his-list ul li .box .btns {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #ddd;
}

.his-list ul li .box .btns .btn-detail {
    width: 50px;
    height: 100%;
    background: url(../img/btn_right.png) no-repeat center center;
    text-indent: -9999px;
    display: block;
    margin-left: auto;
}

.his-list ul li .box .btns .btn-detail:hover {
    background-color: #30B372;
}

.detail-w {
    margin-bottom: 10px;
    background: #fff;
}

.detail-w h3 {
    font-size: 18px;
    color: #30B372;
    padding: 15px;
    border-bottom: solid 1px #eee;
}

.detail-w .tbl-detail {
    /* border: solid 1px #ddd; */
    padding: 10px;
}

.detail-w .tbl-detail .detail {
    width: 100%;
    /* border-top: solid 1px #eee; */
}

.detail-w .tbl-detail h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #30B372;
    font-size: 15px;
    padding-left: 10px;
}

.detail-w .tbl-detail h4 i {
    display: inline-block;
    font-size: 14px;
    margin-right: 4px;
}

.detail-w .tbl-detail .detail tr {}

.detail-w .tbl-detail .detail tr th {
    /* background:#f9f9f9; */
    font-weight: 500;
    width: 100px;
    padding: 10px;
    /* border-left:solid 1px #eee; */
    /* border-right:solid 1px #eee; */
    /* border-bottom:solid 1px #eee; */
    font-size: 14px;
}

.detail-w .tbl-detail .detail tr td {
    padding: 10px;
    /* border-right:solid 1px #eee; */
    /* border-bottom:solid 1px #eee; */
}

.detail-w.type02 .tbl-detail .detail {
    border-top: solid 1px #eee;
}

.detail-w.type02 .tbl-detail .detail tr {}

.detail-w.type02 .tbl-detail .detail tr th {
    background: #f9f9f9;
    font-weight: 600;
    width: 100px;
    padding: 10px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    font-size: 14px;
}

.detail-w.type02 .tbl-detail .detail tr td {
    padding: 10px;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    color: #666;
    font-size: 14px;
}

.detail-w .tbl-detail .detail tr td .form-control {
    width: auto;
}

.detail-w .tbl-detail .detail tr td .form-control.full {
    width: 100%;
}

.detail-w .tbl-detail .detail tr td .form-select {
    width: auto;
}

.detail-w .tbl-detail .detail tr td .form-control.calendar {
    width: 150px;
}

.detail-w .tbl-detail .detail tr td .detail-addr {}

.detail-w .tbl-detail .detail tr td .detail-addr .form-control {
    width: 100%;
}


.tbl-wrap .list {
    border-top: solid 3px #30B372;
    width: 100%;
}

.tbl-wrap .list tr {}

.tbl-wrap .list tr th {
    background: #f9f9f9;
    font-weight: 500;
    width: 100px;
    padding: 10px;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    font-size: 14px;
    text-align: center;
}

.tbl-wrap .list tr td {
    padding: 10px;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    text-align: center;
    font-size: 14px;
}

.tbl-wrap .list tr th:first-child,
.tbl-wrap .list tr td:first-child {
    border-left: solid 1px #eee;
}

.tbl-wrap h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #30B372;
    font-size: 15px;
    padding-left: 10px;
}

.tbl-wrap h4 i {
    display: inline-block;
    font-size: 14px;
    margin-right: 4px;
}

.input-w-txt {
    display: flex;
    align-items: center;
    gap: 5px;
}

.input-w-txt .form-control {}

.input-w-txt span {}

.detail.total {
    margin-top: 10px;
}

.tbl-detail .detail.total tr th {
    color: #30B372;
    font-weight: 700;
}

.detail.total tr td {}

.mypage-wrap {}

.mypage-wrap .my-info {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    padding-top: 15px;
}

.mypage-wrap .my-info i {
    font-size: 50px;
    width: 60px;
    color: #eee;
}

.mypage-wrap .my-info p {
    width: calc(100% - 80px);
    display: flex;
    flex-direction: column;
}

.mypage-wrap .my-info p strong {
    display: block;
    line-height: 1.5;
    margin-bottom: 2px;
}

.mypage-wrap .my-info p span {
    font-size: 0.8em;
    color: #000;
}

.mypage-wrap .info-main {
    margin-bottom: 30px;
}

.mypage-wrap .info-main .btn-go-hist {
    padding: 20px;
    padding-left: 60px;
    margin-bottom: 3px;
    position: relative;
    background: url(../img/ico_history.png) no-repeat left 20px center #fafafa;
    background-size: 30px;
    width: 100%;
    display: block;
    border-radius: 10px;
    font-size: 16px;
    color: #000;
}

.mypage-wrap .info-main .btn-go-hist::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(../img/list-right.png) no-repeat center center;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.mypage-wrap h3 {
    font-size: 14px;
    color: #bbb;
    margin-bottom: 10px;
}

.mypage-wrap .info-btns {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.mypage-wrap .info-btns li {}

.mypage-wrap .info-btns li a {
    padding: 10px 0px;
    padding-right: 30px;
    background: url(../img/main-review-right.png) no-repeat right 20px center;
    background-size: 7px;
    width: 100%;
    display: block;
}

.mypage-wrap .info-btns li a:hover {
    color:#30B372;
}

.elec-rental {}

.product-title {
    padding-top: 30px;
    margin-bottom: 40px;
}

.sorting {
    padding-bottom: 30px;
}

.product-title b {
    font-size: 28px;
}

.elec-rental .container {}

.elec-rental .container .main-product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.elec-rental .container .main-product .box {
    width: calc(25% - 30px);
    margin: 0px 15px 50px;
    transition:all 0.3s;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.07);
}
.elec-rental .container .main-product .box:hover {
    transform:scale(1.05);
}
.elec-rental .container .main-product .box.not-shadow {
    box-shadow: unset;
}

.elec-rental .container .main-product .box.border {
    border: solid 1px #ddd;
}

.list-opt {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.list-opt dl {
    display: flex;
    margin-right: 10px;
}

.list-opt dl dt {
    font-size: 12px;
    margin-right: 5px;
    font-weight: 600;
    color: #666;
}

.list-opt dl dd {
    font-size: 12px;
    color: #666;
}

.elec-rental .container .main-product .box .img-a {
    display: block;
}

.main.type02 .elec-rental .container .main-product .box .img-a {
    border-radius: 10px;
    overflow: hidden;
}

.elec-rental .container .main-product .box .img-a .img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding: 40px;
}

.elec-rental .container .main-product .box .img-a .img .spans {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.elec-rental .container .main-product .box .img-a .img span {
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
}

.elec-rental .container .main-product .box .img-a .img span.hot {
    background: #C53030;
}

.elec-rental .container .main-product .box .img-a .img span.sale {
    background: #30B372;
}

.elec-rental .container .main-product .box .img-a .img span.rec {
    background: #4063A4;
}

.elec-rental .container .main-product .box .img-a .img img {
    transition: transform 0.4s;
    min-width: 100%;
    min-height: 100%;
}

.elec-rental .container .main-product .box .img-a:hover .img img {
    transform: scale(1.08);
}

.elec-rental .container .main-product .box .txt-a {
    padding: 0;
    display: block;
    padding: 5px 20px 20px;
}

.elec-rental .container .main-product .box .txt-a .title {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 16px;
    -webkit-line-clamp: 2;
    /* 표시할 줄 수 */
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    word-break: break-word;
}

.elec-rental .container .main-product .box .txt-a .title span {
    font-size: 0.8em;
    color: #999;
    display: block;
}

.elec-rental .container .main-product .box .txt-a .model {
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: space-between;
}

.elec-rental .container .main-product .box .txt-a .model em {
    display: inline-block;
    font-size: 14px;
    color: #aaa;
}

.elec-rental .container .main-product .box .txt-a .price {
    font-size: 20px;
    color: #30B372;
    margin-top: 10px;
    display: flex;
    align-items: flex-end;
    line-height: 1;
}

.elec-rental .container .main-product .box .txt-a .price em {
    font-size: 13px;
    font-weight: 500;
    color: #aaa;
    line-height: 1;
    padding-right: 8px;
    display: inline-block;
    margin-bottom: 1px;
}

.elec-rental .container .main-product.type04 .box {}

.elec-rental .container .main-product.type05 .box {
    width: calc(20% - 40px);
}

.main.type02 .elec-rental .container .main-product.type04 .box {
    margin-bottom: 20px;
}

.elec-rental .container .main-product.type05 .box .img-a .img {
    margin: 0 auto;
}

.elec-rental .container .main-product.type02 .box {
    width: calc(50% - 40px);
    display: flex;
}

.elec-rental .container .main-product.type02 .box .img-a {
    width: 30%;
    margin-bottom: 0;
}

.elec-rental .container .main-product.type02 .box .txt-a {
    width: 70%;
    display: flex;
    flex-direction: column;
}

.prd-info-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.prd-info-top .left {
    width: 48%;
    position: sticky;
    top: 15px;
}

.product-swiper {
    overflow: hidden;
    border: solid 1px #eee;
}

.product-swiper .swiper-wrapper {}

.prd-info-top .left .img {
    border-radius: 5px;
    overflow: hidden;
}

.prd-info-top .left .img img {
    width: 100%;
}

.prd-info-top .left .thumb {
    margin-top: 10px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.prd-info-top .left .thumb a {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #eee;
    border-radius: 3px;
    overflow: hidden;
}

.prd-info-top .left .thumb a img {}

.prd-info-top .right {
    width: 48%;
}

.prd-info-top .right .prd-name {}

.prd-info-top .right .prd-name b.blue {
    font-size: 36px;
    color: #000;
    font-weight: 600;
    display: block;
    line-height: 1.5;
}

.prd-info-top .right .prd-name span {
    display: block;
    font-size: 14px;
}

.prd-info-top .right .prd-name span em {
    display: inline-block;
    margin-right: 5px;
    font-weight: 500;
    color: #999;
}

.prd-info-top .right .line {
    border-top: solid 1px #ddd;
    padding: 15px 0px;
}

.prd-info-top .right .line.row {
    margin: 0px 0px
}

.prd-info-top .right .line dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.prd-info-top .right .line dl:last-child {
    margin-bottom: 0;
}

.prd-info-top .right .line dl dt {
    width: 100px;
    font-size: 14px;
    color: #aaa;
    font-weight: 500;
}

.prd-info-top .right .line dl dd {
    width: calc(100% - 100px);
    font-size: 14px;
}

.prd-info-top .right .line strong {
    display: block;
    margin-bottom: 15px;
}

.prd-info-top .right .line dl dd select {
    line-height: 40px;
    height: 40px;
    border: solid 1px #ddd;
    width: 100%;
    border-radius: 5px;
    padding: 0px 5px;
}

.prd-info-top .right .prd-top-info-btns {
    border-top: solid 3px #000;
    padding-top: 30px;
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.prd-info-top .right .prd-top-info-btns .btn-orange {
    width: 100%;
}

.prd-info-top .right .prd-top-info-btns .btn-list {
    border: solid 1px #ddd;
    border-radius: 5px;
    display: flex;
    background: none;
    align-items: center;
    justify-content: center;
    padding: 12px;
    color: #000;
    width: calc(50% - 80px);
}

.prd-info-top .right .prd-top-info-btns .btn-kakao {
    width: 70px;
    background: url(../img/logo_kakao.png) no-repeat center center;
    display: inline-block;
    text-indent: -9999px;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.btn-like-wrap {
    display: flex;
}

.btn-like-wrap input {}

.btn-like-wrap .btn-like {
    width: 70px;
    display: inline-block;
    border-radius: 5px;
    background: url(../img/heart-off.png) no-repeat center center;
    border: solid 1px #ddd;
    text-indent: -9999px;
    cursor: pointer;
}

.like:checked + .btn-like {
    background: url(../img/heart-on.png) no-repeat center center;
}

/* 체크되었을 때 */

.prd-detail {
    margin-top: 60px;
}

.prd-detail.devide {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.prd-detail .prd-detail-tab {
    width: 100%;
}

.prd-detail.devide .prd-detail-tab {
    width: calc(100% - 400px);
}

.prd-detail .prd-detail-tab .prd-detail-tab-tit {}

.prd-detail .prd-detail-tab .prd-detail-tab-tit ul {
    display: flex;
    position: relative;
}

.prd-detail .prd-detail-tab .prd-detail-tab-tit ul::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    bottom: -0px;
    left: 0;
    right: 0;
    z-index: -1;
}

.prd-detail .prd-detail-tab .prd-detail-tab-tit ul li {
    width: 100%;
}

.prd-detail .prd-detail-tab .prd-detail-tab-tit ul li a {
    display: flex;
    padding: 1rem 5px;
    color: #999;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: solid 1px #ddd;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    font-size: 16px;
}

.prd-detail .prd-detail-tab .prd-detail-tab-tit ul li a.on {
    border: solid 2px #30B372;
    border-bottom: solid 2px #fff;
    background: #fff;
    color: #30B372;
    font-weight: 600;
}

.prd-detail .prd-detail-tab .prd-detail-tab-cont {}

.prd-detail .prd-detail-tab .prd-detail-tab-cont .tab-box {
    padding: 50px 0px;
}

.prd-detail .prd-detail-tab .prd-detail-tab-cont .tab-box .prd-d .img {
    text-align: center;
}

.prd-detail .prd-detail-tab .prd-detail-tab-cont .tab-box .prd-d img {
    max-width: 100%;
}

.product-prices {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.03em;
    color: #3d464d;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    line-height: 1;
}

.product-prices .product-option-label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #6c757d;
    width: 100%;
    line-height: 26px;
    display: flex;
    margin-bottom: 13px;
    align-items: center;
}

.product-prices em {
    font-size: 12px;
    line-height: 1;
    margin-left: 6px;
    font-weight: 500;
}

.btn-card-pop {
    margin-left: 5px;
    background: #30B372;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

.product-detail-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.product-detail-ul li {
    background: #efefef;
    border-radius: 3px;
    padding: 3px 10px;
}

.product-detail-ul.type02 li {
    background: #FFEEE5;
}

.product-detail-ul.type03 li {
    background: #FEEFF2;
}

.product-detail-ul.type04 li {
    background: #E4FAEB;
}

.product-swiper-pagination {
    position: static;
    margin-top: 20px;
    text-align: center;
}

.product-swiper-pagination .swiper-pagination-bullet {
    width: 12px !important;
    margin: 0px 6px !important;
    height: 12px !important;
}

.product-swiper-pagination .swiper-pagination-bullet-active {
    background: #30B372;
}

.detail ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*padding-bottom: 20px; add sijs */
    border-top: solid 1px #eee;
}

.detail ul:last-child {
    border-bottom: none;
}

.detail ul li {

    display: flex;

    width: 100%;

    align-items: stretch;

    align-self: stretch;

    border-bottom: solid 1px #eee;
}

.detail ul.type02 li {
    width: 50%;
}

.detail ul.type02.important {
    border-top: solid 2px #ddd;
    border-bottom: solid 2px #eee;
}

.detail ul.type02 li.w100 {
    width: 100%;
}

.detail ul.type03 li.w100 {
    width: 100%;
}

.detail ul.type03 li.col2 {
    width: 66.66666%;
}

.detail ul li .address {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    align-items: center;
}

.detail ul li .address .btn {
    width: 70px;
}

.detail ul li .address .form-control:first-child {
    max-width: none;
}

.detail ul li .address .form-control:last-child {
    max-width: none;
}

.detail ul.type03 li {
    width: 33.33333%;
}

.detail ul li label {
    width: 100px;
    display: flex;
    height: 100%;
    background: #f7f7f7;
    /* 디버깅용 배경색 */
    /* ✅ label을 형제 높이에 맞춤 */
    padding: 3px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
}

.detail ul li .detail-c {
    padding-right: 10px;
    align-items: center;
    display: flex;
    width: calc(100% - 100px);
    flex-wrap: wrap;
    padding: 5px;
    font-size: 14px;
}

.detail ul li .detail-c .form-control {
    max-width: 150px;
    padding: 5px 5px;
    font-size: 14px;
}

.detail ul li .detail-c input[type='file'].form-control {
    max-width: 100%;
}

.detail ul li .detail-c .form-select,
.detail ul li .detail-c > .form-select {
    max-width: 100%;
}

.detail ul li .detail-c .form-control.full {
    width: 100%;
    max-width: inherit;
}

.detail ul li .detail-c .form-control.double {
    width: auto;
    max-width: 250px;
}

.detail ul li .detail-c .input-wrap {
    display: flex;
    align-items: center;
}

.detail ul li .detail-c .input-wrap .btn {
    min-width: 45px;
}

.detail ul li .detail-c > .form-select {
    max-width: 150px;
    font-size: 14px;
    padding: 5px 5px;
    background: url(../img/agree-down.png) no-repeat right 8px center;
    background-size: 8px;
    padding-right: 18px;
}

.detail ul.long li label {
    width: 150px;
}

.detail ul.long li .detail-c {
    width: calc(100% - 150px);
}

.detail ul.long li.w100 .detail-c {
    width: calc(100% - 150px);
}

.email-row {
    width: 100%;
}

.detail ul.type03 li.email-row.on {
    width: 100%;
}

.box_body h4 {
    margin-bottom: 10px;
    padding-left: 7px;
    position: relative;
}

.box_body h4::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 6px;
}

.detail.d-type02 {
    margin-top: 0;
    border: none;
}

.box-gray {
    border-radius: 10px;
    border: solid 1px #ddd !important;
    padding: 20px;
}

.final {
    display: flex;
    align-items: center;
}

.final label {
    width: 100px;
    display: inline-block;
}

.final .detail-c {
    display: flex;
    align-items: center;
}

.final .detail-c input {
    width: 150px;
    padding: 2px 5px;
}

.product-list-rating {
    display: inline-flex;
    align-items: center;
    /* padding-left: 12px; */
    /* margin-left: 15px; */
    /* border-left: solid 1px #ddd; */
}

.product-list-rating i {
    color: #FFD426;
    line-height: 16px;
    font-size: 10px;
}

.product-list-rating .product-rate-score {
    font-size: 14px;
    display: inline-block;
    line-height: 16px;
    margin-left: 3px;
}

.product-list-rating .product-rate-count {
    font-size: 12px;
    line-height: 16px;
    color: #aaa;
    display: inline-block;
    margin-left: 3px;
}

.modelandrating {
    display: flex;
    align-items: center;
    padding: 15px 0px 15px;
}

.tab-new {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px 50px;
}

.tab-new li {
    flex: 1;
    margin: 0px 5px 10px;
}

.tab-new li a {
    border: solid 1px #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
    font-family: 'gmarket';
}

.tab-new li a:hover {
    border-bottom: solid 1px #30B372;
    color: #30B372;
}

.tab-new li a.on {
    background: #30B372;
    color: #fff;
    font-weight: 500;
    border: none;
}

.signin-tab {
    width: 100%;
    display: none;
}

.tab-signin {
    width: 100%;
    margin-bottom: 30px;
}

.tab-signin ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.tab-signin ul li {
    width: calc(50% - 5px);
    position: relative;
}

.tab-signin ul li input[type='radio'] {
    display: none;
}

.tab-signin ul li label {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    border: solid 1px #ddd;
    padding: 15px 20px;
    align-items: flex-start;
    border-radius: 15px;
    text-align: center;
    height: 100%;
    justify-content: center;
}

.tab-signin ul li label + i {
    display: none;
}

.tab-signin ul li label.on + i {
    display: block;
    position: absolute;
    bottom: -10px;
    font-size: 20px;
    right: 15px;
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.tab-signin ul li label.on {
    background: #fff;
    border-color: #30B372;
}

.tab-signin ul li label img {
    max-height: 40px;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
}

.tab-signin ul li label span {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #999;
    word-break: keep-all;
    line-height: 1.2;
}

.tab-signin ul li label span i {
    color: #ccc;
    margin-bottom: 5px;
    font-size: 30px;
}

.tab-signin ul li label.on i {
    color: #fff;
}

.tab-signin ul li label.on span {
    color: #30B372;
    font-weight: bold;
}

.list-sch {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    border: solid 1px #ddd;
    margin-bottom: 30px;
    padding:15px;
}

.list-sch .list-sch-opts {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.list-sch .list-sch-opts dl {
    width:100%;
    display: flex;
    align-items: center;
}

.list-sch .list-sch-opts dl dt {
    width: 100px;
    font-size: 12px;
    text-align: center;
    color: #999;
    font-weight: 600;
}

.list-sch .list-sch-opts dl dd {
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
}

.list-sch .list-sch-opts dl dd span {
    font-size: 13px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.list-sch .list-sch-btns-area {
    padding: 10px 15px;
    display: flex;
    justify-content: flex-end;
}

.list-sch .list-sch-btns-area .btn-search {}

.review-wrap {
    position: relative;
}
.rv-title {
    font-size: 24px;
}
.rv-title .review-num {
    color: #999;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px;
}
.rv-grade-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-top: solid 1px #000;
    margin-top: 30px;
    padding: 30px 0px;
    border-bottom: solid 1px #ddd;
    gap: 60px;
}
.score-star-wrap {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: dashed 1px #999;
}
.score-star-wrap strong {
    font-size: 55px;
    font-weight: 800;
    line-height: 65px;
}
.score-star-wrap .star-wrap {
    display: flex;
    margin-top: 20px;
    gap: 8px;
}
.score-star-wrap .star-wrap .star {}
.rv-grade-wrap .tit {}
score-star-warp {}
score-star-warp .score {}
score-star-warp .star-wrap {}
score-star-warp .star-wrap .star {}
score-star-warp .star-wrap .star.full{}
.blind {
    display:none;
}
.rv-grade-section {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-self: stretch;
}
.rv-grade-section .tit {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
}
.rv-grade-section .ratio-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.rv-grade-section .ratio-wrap li {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    line-height: 20px;
}
.rv-grade-section .ratio-wrap li .score {
    min-width: 80px;
    font-size: 14px;
    font-weight: 500;
}
.rv-grade-section .ratio-wrap li .score em{
    margin-left: 2px;
    color: #999;
    font-weight: 400;
    margin-left: 5px;
}
.rv-grade-section .ratio-wrap li .gauge {
    display: flex;
    height: 6px;
    align-items: center;
    flex: 1 0 0;
    border-radius: 10px;
    background: #eee;
}
.rv-grade-section .ratio-wrap li .gauge .percentile {
    height: 100%;
    background: #30B372;
    border-radius: 10px;
}
.rv-grade-section .ratio-wrap li .gauge .percentile.highlighted {
    background: #30B372;
}

.rv-grade-section .summary-wrap  {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.rv-grade-section .summary-wrap li  {
    width: 100%;
}
.rv-grade-section .summary-wrap li .gauge  {
    position: relative;
    height: 38px;
    border: solid 1px #f3f3f3;
    border-radius: 38px;
    background: #f6f6f6;
    overflow: hidden;
}
.rv-grade-section .summary-wrap li .gauge .percentile  {
    height: 100%;
    background: #e4e4e4;
}
.rv-grade-section .summary-wrap li .gauge .summary  {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 600;
}
.rv-grade-section .summary-wrap li .gauge .percent {}

.rv-write-wrap {position: absolute;top: 0px;right: 0px;}
.rv-write-wrap .btn-write {
    background: #30B372;
    border:none;
    padding:7px 50px;
    border-radius:50px;
    color:#fff;
    font-weight:bold;
}
.rv-write-wrap .btn-write span {}
.rv-view-wrap {}
.rv-view-wrap .rv-view-section {
    margin-top: 70px;
}
.rv-view-wrap .rv-view-section .rv-title-wrap {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 20px;
}
.rv-view-wrap .rv-view-section .rv-title-wrap .rv-sub-title {
    font-size: 24px;
}
.rv-view-wrap .rv-view-section .rv-title-wrap .rv-sub-title span {
    color: #999;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px;
}
.rv-view-wrap .rv-view-section .rv-title-wrap .rv-sub-title .info-txt  {}
.rv-view-wrap .rv-view-section .rv-title-wrap .rv-sub-title .info-txt strong  {}
.rv-view-wrap .rv-view-section .rv-title-wrap .rv-filter-wrap  {
    position: absolute;
    top: -7px;
    right: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}
.rv-view-wrap .rv-view-section .rv-title-wrap .rv-filter-wrap .sort-select-wrap  {
    display: inline-block;
    position: relative;
    width: auto;
}
.rv-photo-section {

}
.rv-photo-section .rv-photo-wrap {}
.rv-photo-section .rv-photo-wrap .slide-content {
    overflow-x: auto;
}
.rv-photo-section .rv-photo-wrap .slide-content .slide-track {
    display: flex;
}
.rv-photo-section .rv-photo-wrap .slide-content .slide-track .slide-conts {
    padding: 0px 12px 0 0;
    min-width: calc(132px + 12px);
}
.rv-photo-section .rv-photo-wrap .slide-content .slide-track .slide-conts .item {
    display: block;
}
.rv-photo-section .rv-photo-wrap .slide-content .slide-track .slide-conts .item  .thumb-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.rv-photo-section .rv-photo-wrap .slide-content .slide-track .slide-conts .item  .thumb-wrap .thumb {
    padding-top: 100%;
}
.rv-photo-section .rv-photo-wrap .slide-content .slide-track .slide-conts .item  .thumb-wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.etc-info {
    position: absolute;
    display: flex;
    right: 8px;
    bottom: 8px;
}
.etc-info .count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background: rgba(0, 0, 0, .5);
    font-size:14px;
    font-weight:700;
    color:#fff;
}

.filter-wrap  {
    position: relative;
}
.filter-wrap .btn-rfilter  {
    display: block;
    width: 38px;
    height: 38px;
    -webkit-appearance: button;
    border: none;
    vertical-align: middle;
    background:none;
    border: solid 1px #ddd;
    border-radius: 5px;
}
.filter-wrap .btn-rfilter:hover {
    color:#30B372;
}

.product-review-wrap  {}
.product-review-wrap .rv-colorchip-wrap  {
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
}
.product-review-wrap .rv-colorchip-wrap .btn-reset  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-appearance: button;
    background: #fff;
    color: #999;
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list  {
    display: flex;
    gap: 8px;
    overflow-x: auto;
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list .chk-wrap-colorchip  {
    position: relative;
    display: inline-block;
    border: none;
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list .chk-wrap-colorchip input  {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #ddd;
    border-radius: 3px;
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list .chk-wrap-colorchip input::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 32px;
    height: 32px;
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list .chk-wrap-colorchip input:checked {
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list .chk-wrap-colorchip input:checked +label::before{
    content:'✓';
    display:block;
    position:absolute;
    font-size:20px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.product-review-wrap .rv-colorchip-wrap .colorchip-list .chk-wrap-colorchip label  {
    width: 40px;
    height: 40px;
    padding: 6px 6px;
    font-size: 0;
    position: relative;
    display: inline-block;
    padding-left: 32px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: none;
}
.product-review-wrap .product-review-list  {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.product-review-wrap .product-review-list li  {}
.product-review-wrap .product-review-list li .item  {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 10px;
}
.product-review-wrap .product-review-list li .item .score-wrap  {
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    gap: 10px;
}
.product-review-wrap .product-review-list li .item .score-wrap .left {
    display:flex;
    align-items:center;
}
.product-review-wrap .product-review-list li .item .score-wrap .star-wrap  {}
.product-review-wrap .product-review-list li .item .score-wrap .star-wrap .star  {}
.product-review-wrap .product-review-list li .item .score-wrap .star-wrap .star.full  {}
.product-review-wrap .product-review-list li .item .score-wrap .txt  {}
.product-review-wrap .product-review-list li .item .badge-wrap  {}
.product-review-wrap .product-review-list li .item .rating-wrap  {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 15px;
}
.product-review-wrap .product-review-list li .item .rating-wrap .rating-list  {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.product-review-wrap .product-review-list li .item .rating-wrap .rating-list li  {
    display: flex;
}
.product-review-wrap .product-review-list li .item .rating-wrap .rating-list li dl  {
    display: flex;
    align-items: center;
    background: #efefef;
    padding: 5px 10px;
    border-radius: 10px;
}
.product-review-wrap .product-review-list li .item .rating-wrap .rating-list li dl dt  {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}
.product-review-wrap .product-review-list li .item .rating-wrap .rating-list li dl dd  {
    font-size: 14px;
}

.purchase-info-wrap {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.purchase-info-wrap .user-name {
    font-size: 18px;
    font-weight: 700;
}
.purchase-info-wrap .purchase-date {
    color: #999;
    font-size: 14px;
}

.media-wrap {
    width: 100%;
    margin-bottom: 20px;
}
.media-wrap .media-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.media-wrap .media-list li {}
.media-wrap .media-list li .thumb-wrap {
    position: relative;
    display: block;
    width: 164px;
    height: 123px;
    border-radius: 4px;
    overflow: hidden;
}
.media-wrap .media-list li .thumb-wrap .thumb {
    width: 100%;
    height: 100%;
}
.media-wrap .media-list li .thumb-wrap .thumb img {
    object-fit: cover;
}

.message-wrap {
    width: 100%;
    margin-bottom: 20px;
}
.message-wrap .message {
    font-size: 18px;
    line-height: 26px;
    color: #333;
    overflow: hidden;
    word-break: break-all !important;
    max-width: unset;
    margin: unset;
    display: block;
    max-height: 100px;
    font-size: 14px;
    line-height: 20px;
}
.message-wrap .btn-more {
    position: relative;
    margin-top: 8px;
    padding-right: 35px;
    color: #666;
    padding-right: 16px;
    font-size: 12px;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    background:none;
    -moz-appearance: none;
    appearance: none;
}
.message-wrap .btn-more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(../img/sel-down.png) no-repeat right 4px center;
    background-size:10px;
    transform: translateY(-50%);
}
.message-wrap.on .btn-more::after {
    transform: translateY(-50%) rotate(180deg);
}

.option-wrap {}
.option-wrap .option-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.option-wrap .option-list li {
    position: relative;
    margin-right: 0;
}
.option-wrap .option-list li dl {}
.option-wrap .option-list li dl dt {}
.option-wrap .option-list li dl dd {
    display: flex;
    align-items: center;
    gap: 3px;
}
.option-wrap .option-list li dl dd .opt {
    width: 20px;
    height: 20px;
    display: inline-flex;
    border: solid 1px #ddd;
    border-radius: 50%;
    margin-right: 3px;
}
.option-wrap .option-list li dl dd span {
    font-size: 14px;
    font-weight: 500;
}

.review-more-wrap {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.review-more-wrap .btn-review-more {
    background: #efefef;
    border: none;
    padding: 10px 50px;
    font-size: 16px;
    border-radius: 60px;
}

.color01 {
    background: #f6f8f5;
}
.color02 {
    background: linear-gradient(to bottom, #efeeec 50%, #ece0e2 50%);
}
.star-rating {
    position: relative;
    display: inline-block;
    font-size: 24px; /* 별 크기 */
    width: 100%; /* 별 5개 */
    height: auto;
    color: #f8f8f8; /* 기본 별색 */
}

.star-rating::before {
    content: '\f005\f005\f005\f005\f005'; /* 별 5개 */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: block;
}

.star-rating__fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 0; /* %로 조절 */
    height: 100%;
    color: orange;
}

.star-rating__fill::before {
    content: '\f005\f005\f005\f005\f005'; /* 별 5개 */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: block;
}
.cart {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
    flex-wrap: wrap;
}
.cart .cart-left {
    width: calc(100% - 320px);
}
.cart .cart-left .cart-list {}
.cart .cart-left .cart-list .cart-list-ul  {}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li  {
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .top  {
    padding: 5px 15px;
    border-bottom: solid 1px #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .top .form-check  {}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .top .btn {}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont  {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .img  {
    width: 150px;
    height: 150px;
    padding: 20px;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .img img  {
    object-fit:cover;
    width:100%;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt   {
    padding: 20px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 150px);
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt a   {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.5;
    font-weight: 600;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .dot-ul  {
    margin-bottom: 10px;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .dot-ul li   {
    display:flex;
    align-items:flex-start;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .dot-ul li strong   {
    font-size:14px;
    color: #333;
    margin-right:5px;
    display:inline-block;
    font-weight:600;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .dot-ul li p   {
    font-size:14px;
    color: #999;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .price-wrap {
    display:flex;
    gap:10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .price-wrap .left {
    display:flex;
    align-items: center;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .rental-price   {
    font-size: 18px;
    font-weight: 200;
    margin-right: 20px;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .rental-price strong   {
    display: flex;
    align-items: flex-end;
    line-height:1;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .rental-price strong em   {
    font-size:0.8em;
    margin-left:3px;
    line-height:1;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .howmany   {}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .howmany .input-number   {}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .howmany .input-number .input-number-letter  {}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .howmany .input-number .input-number-add  {
    border-right: solid 1px #ddd;
}
.cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .howmany .input-number .input-number-sub  {
    right: 0;
    border-left: solid 1px #ddd;
}
.total-rental-price {
    display: flex;
    align-items: flex-end;
    line-height: 1;
    gap: 3px;
    margin-left: auto;
}
.total-rental-price b {
    font-weight:500;
    display:inline-block;
    margin-right:3px;
    font-size: 0.9em;
}
.total-rental-price strong {
    font-size: 20px;
}
.total-rental-price em {
    font-weight:500;
    font-size:0.9em;
    display: inline-block;
}
.cart .cart-right {
    width: 300px;
    position:sticky;
    top: 15px;
    border:solid 1px #ddd;
    padding:20px;
    border-radius: 5px;
    margin-top: 30px;
}
.cart .cart-right .cart-right-box {
}
.cart .cart-right .cart-right-box h4 {
    margin-bottom:10px;
}
.cart .cart-right .cart-right-box ul  {
    border-bottom:solid 1px #ddd;
    padding-bottom:5px;
    margin-bottom:15px;
}
.cart .cart-right .cart-right-box ul li {
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
}
.cart .cart-right .cart-right-box ul li span {
    font-size:14px;
    color:#999;
    font-weight:500;
}
.cart .cart-right .cart-right-box ul li strong {
    font-size:14px;
    display:flex;
    justify-content:space-between;
}
.cart .cart-right .cart-right-box ul li strong em {font-weight: 300;margin-left: 3px;}
.cart .cart-right .cart-right-box .total  {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.cart .cart-right .cart-right-box .total span  {}
.cart .cart-right .cart-right-box .total strong  {
    color:#30B372;
    font-size:23px;
    line-height:1;
}
.cart .cart-right .cart-right-box .total strong em  {}
.cart .cart-right .cart-right-box .btns {
    margin-top:20px;
}
.input-number {
    display: block;
    width: 130px;
    position: relative;
    height: 37px;
}

.input-number-letter {
    -moz-appearance: textfield;
    display: block;
    width: 130px;
    padding: 0 37px 1px;
    text-align: center;
    height: 37px;
}

.input-number-letter::-webkit-inner-spin-button,
.input-number-letter::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.input-number-sub,
.input-number-add {
    position: absolute;
    height: 100%;
    width: 37px;
    top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .3;
    -webkit-transition: opacity .18s;
    transition: opacity .18s;
}

.input-number-sub:before,
.input-number-sub:after,
.input-number-add:before,
.input-number-add:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: currentColor;
}

.input-number-sub:before,
.input-number-add:before {
    width: 8px;
    height: 2px;
}

.input-number-sub:hover,
.input-number-add:hover {
    opacity: 1;
}

[dir=ltr] .input-number-sub {
    left: 1px;
}

[dir=rtl] .input-number-sub {
    right: 1px;
}

[dir=ltr] .input-number-add {
    right: 1px;
}

[dir=rtl] .input-number-add {
    left: 1px;
}

.input-number-add:after {
    width: 2px;
    height: 8px;
}
.sel-all{
    height: 30px;
}

.promotion-wrap {}
.promotion-wrap .promotion-list {}
.promotion-wrap .promotion-list .promotion-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.promotion-wrap .promotion-list .promotion-box .promotion-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    height: 180px;
}
.promotion-wrap .promotion-list .promotion-box .promotion-img img {
    object-fit: cover;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}
.promotion-wrap .promotion-list .promotion-box .promotion-info-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    align-items:flex-start;
}
.promotion-wrap .promotion-list .promotion-box .promotion-info-wrap .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.5;
}
.promotion-wrap .promotion-list .promotion-box .promotion-info-wrap .btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.promotion-wrap .promotion-list .promotion-box .promotion-info-wrap .btm .term {
    color: #999;
    font-size: 14px;
}
.promotion-wrap .promotion-list .promotion-box .promotion-img .statue {
    background: #30B372;
    width:auto;
    position:absolute;
    color:#fff;
    padding: 5px 15px;
    left:0;
    top:0;
    font-weight: bold;
    font-size: 15px;
}

.bar-banner {
    margin-top:-50px;
    background:url(../img/rental_banner2.png) no-repeat center center;
}
.bar-banner .container {
    display:flex;
    justify-content: center;
    align-items: center;
    height:200px;
    margin-bottom:40px;
}
.bar-banner h2 {
    font-size:32px;
    /* color:#fff; */
}
.check-btn input[type="checkbox"] {
    display: none; /* 기본 체크박스 숨김 */
}

.check-btn label {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #ccc;
    border-radius: 20px; /* 둥근 테두리 */
    color: #666;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

.check-btn input[type="checkbox"]:checked + label {
    border-color: #f58220; /* 오렌지 테두리 */
    color: #f58220; /* 오렌지 글자색 */
}
.rental-top {
    display:flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}
.rental-top span {}
.rental-top .form-select {
    width: auto;
}
.modal-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 30px;
    position: fixed;
    inset: 0px;
    z-index: 90001;
}
.modal-wrap .modal-dim {
    position: fixed;
    inset: 0px;
    background: rgb(0, 0, 0);
    opacity: 0.7;
}
.modal-wrap .popup-wrap {
    /* display: none; */
    position: absolute;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    max-width: 1146px;
}
.modal-wrap .popup-wrap .pop-header {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 60px;
    border-bottom: solid 1px #ddd;
}
.modal-wrap .popup-wrap .pop-header h4.tit {}
.modal-wrap .popup-wrap .pop-header h4.tit span {
    font-size: 20px;
}
.modal-wrap .popup-wrap .pop-header .btn-all-view {
    border: none;
    background: none;
}
.modal-wrap .popup-wrap .pop-conts {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    height: calc(100% - 110px);
    position: absolute;
    width: 100%;
}
.modal-wrap .popup-wrap .pop-conts .rv-visual-wrap {
    width: 60%;
    padding: 25px;
}
.modal-wrap .popup-wrap .pop-conts .rv-visual-wrap .rv-photo-slider {}
.modal-wrap .popup-wrap .pop-conts .rv-visual-wrap .rv-photo-slider .swiper-slide {
    overflow: hidden;
    border-radius: 10px;
    background: #000;
    text-align: center;
}
.modal-wrap .popup-wrap .pop-conts .rv-visual-wrap .rv-photo-slider .swiper-button-next{
    color: #f58220; /* 오렌지 글자색 */}
.modal-wrap .popup-wrap .pop-conts .rv-visual-wrap .rv-photo-slider .swiper-button-prev {
    color: #f58220; /* 오렌지 글자색 */}
.modal-wrap .popup-wrap .pop-conts .rv-visual-wrap .rv-photo-slider .swiper-slide img {
    max-width: 100%;
    height: 400px;
}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap {
    width:40%;
    flex: 1;
    position: relative;
    padding: 25px;
}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap .rv-info  {display: flex;flex-wrap: wrap;}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap .rv-info .purchase-info-wrap {
    margin-bottom: 10px;
}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap .rv-info  .score-star-wrap {
    align-items: flex-start;
    margin-bottom: 5px;
    border-right: navajowhite;
}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap .rv-info  .score-star-wrap .star-wrap{
    margin-top: 0;
}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap .rv-info  .score-star-wrap .star-wrap .star-rating{}
.modal-wrap .popup-wrap .pop-conts .rv-info-wrap .rv-info  .score-star-wrap .star-wrap .star-rating .star-rating__fill{}
.btn-pop-close {
    position:absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 56px;
    border: none;
    background: url(../img/btn_close.png) no-repeat center center;
    text-indent: -9999px;
    display: block;
}
.over-scroll-group {}
.over-scroll-group  .message-wrap {
    max-height: 60vh;
    overflow-y: auto;
}
.over-scroll-group  .message-wrap .message {
    font-size: 17px;
    line-height: 1.5;
}
.over-scroll-group  .option-wrap  {}
.over-scroll-group  .option-wrap .option-list  {}
.over-scroll-group  .option-wrap .option-list li {}
.over-scroll-group  .option-wrap .option-list li dl {}
.over-scroll-group  .option-wrap .option-list li dl dt {}
.over-scroll-group  .option-wrap .option-list li dl dd {}
.over-scroll-group  .option-wrap .option-list li dl dd .chk-wrap-colorchip {}
.over-scroll-group  .option-wrap .option-list li dl dd .chk-wrap-colorchip label {}
.over-scroll-group  .option-wrap .option-list li dl dd .chk-wrap-colorchip {}

.modal-wrap .rating-wrap {}
.modal-wrap .rating-wrap .rating-list {
    display: flex;
    flex-wrap: wrap;
}
.modal-wrap .rating-wrap .rating-list {
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.modal-wrap .rating-wrap .rating-list li {
    padding:5px 10px;
    border:solid 1px #ddd;
    border-radius:50px;
}
.modal-wrap .rating-wrap .rating-list li dl {
    display:flex;
}
.modal-wrap .rating-wrap .rating-list li dl dt {
    font-size:14px;
    margin-right:5px;
}
.modal-wrap .rating-wrap .rating-list li dl dd {
    font-size:14px;
}


.review-pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 54px;
    border-top: 1px solid #ddd;
    background: #fff;
    word-break: initial !important;
}
.review-pagination .rv-pagination {}
.review-pagination .rv-pagination .pagination-current {
    margin-right:6px;
    font-weight:bold;
}
.review-pagination .rv-pagination .pagination-total {}
.review-pagination .rv-pagination .pagination-total::before {
    content:'/';
    margin-right:3px;
}
.review-pagination .swiper-button-prev {text-indent: -9999px;border: none;background: url(../img/arrow-left.png) no-repeat center center;background-size: 20px;}
.review-pagination .swiper-button-next {text-indent: -9999px;border: none;background: url(../img/arrow-right.png) no-repeat center center;background-size: 20px;}


.rv-photo-slider-thumb{
    margin-top: 10px;
}
.rv-photo-slider-thumb .swiper-wrapper {}
.rv-photo-slider-thumb .swiper-wrapper .swiper-slide {border-radius: 5px;overflow: hidden;display: flex;justify-content: center;align-items: center;height: 70px;cursor: pointer; width:70px;}

.rv-photo-slider-thumb .swiper-wrapper .swiper-slide img {
    width: 100%;
    display: flex;
    height: 100%;
}

.modal-wrap .popup-wrap .pop-conts.non-btm {
    height: calc(100% - 55px);
}
.media-all-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 30px;
}
.media-all-list li {
    padding: 4px;
    width: calc(100% / 6);
    word-break: initial !important;
}
.media-all-list li a {
    display: block;
}
.media-all-list li a .thumb-wrap {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.media-all-list li a .thumb-wrap .thumb {
    aspect-ratio: 1 / 1;
    height: auto;
}
.media-all-list li a .thumb-wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.media-all-list li a .thumb-wrap .etc-info {
    position: absolute;
    display: flex;
    right: 8px;
    bottom: 8px;
}
.media-all-list li a .thumb-wrap .etc-info .count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}


@media all and (max-width:1200px) {
    .request-sel .radio-ul li label span.small {
        font-size: 17px;
    }

    .request-sel .radio-ul.type04 li {
        width: calc(50% - 10px);
    }

    .request-sel .radio-ul.type03 li {
        width: calc(50% - 10px);
    }

    /* 새로운 반응형 추가1 */
    .request-sel .radio-ul.type02 li {
        width: calc(50% - 10px);
    }

    .request-sel .radio-ul.type05 li {
        width: calc(50% - 10px);
    }
    /* 새로운 반응형 추가1 종료*/

    .prd-detail.devide {
        flex-wrap: wrap;
    }

    .prd-detail.devide .prd-detail-tab {
        width: 100%;
    }

    .prd-detail aside {
        position: static;
        width: 100%;
        margin-top: 30px;
    }


}

@media all and (max-width:960px) {

    /* 새로운 반응형2 추가 */
    .internet_banner {
        display: none;
    }

    .right-small-banner {
        display: none;
    }

    .page-title {
        margin-top:50px;
    }

    /* 새로운 반응형2 종료 */
    .request {
        flex-direction: column;
    }

    .request .left {
        width: 100%;
    }

    .request .right {
        width: 100%;
    }

    .stick .request .right {
        position: fixed;
        bottom: 0px;
        z-index: 1;
        width: 100%;
        left: 0;
        box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.1);
        top: inherit;
        right: 0;
    }

    .stick {
        padding-bottom: 236px;
    }

    .stick .request .right .right-inner {
        border-radius: 0px;
        margin-top: 0;
        background: #fff;
    }

    .stick .request .right .right-inner .warning {
        display: none;
    }

    .stick .request .right .right-inner .b01 {
        display: none;
    }

    .stick .request .right .right-inner .b02 {
        background: #F0FFF4;
    }

    .stick .request .right .right-inner .right-btns {
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
    }

    .stick .request .right .right-inner .right-btns .btn {
        width: 100%;
    }

    .request-sel .radio-ul li label span {
        font-size: 18px;
    }

    .elec-rental .container .main-product.type04 .box {
        width: calc(33.333% - 30px);
    }

    .elec-rental .container .main-product.type05 .box {
        width: calc(33.333% - 40px);
    }

    .main .review .container .review-box-wrap .review-box {
        width: 48%;
    }

    .main .review .container .review-box-wrap a .img {
        height: 250px;
    }

    .main .main-title b {
        font-size: 20px;
        font-weight: 700;
    }

    .detail ul.type02 li {
        width: 100%;
    }

    .detail ul.type03 li {
        width: 50%;
    }

    .detail ul.type03 li.account-row {
        width: 100%;
    }

    .detail ul.type03 li.email-row {
        width: 100%;
    }

    .detail ul.type03 li.email-row.on {
        width: 50%;
    }

    .tab-new li {
        width: calc(16.666666% - 10px);
        flex: none;
        margin: 0 5px 10px;
    }

    .list-sch .list-sch-opts dl {
    }
    .rv-grade-wrap {
        gap:30px;
    }
    .rv-grade-section.mo-hide {
        display:none;
    }

    .cart .cart-left {
        width: calc(100% - 260px);
    }
    .cart .cart-right {
        width:250px;
    }
    .cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .price-wrap {
        flex-direction:column;
        align-items: flex-start;
    }
    .total-rental-price {
        margin-left:unset;
        margin-top:10px;
    }
    .modal-wrap .popup-wrap .pop-conts .rv-visual-wrap {
        width:100%;
    }
    .modal-wrap .popup-wrap .pop-conts .rv-info-wrap {
        width:100%;
    }
    .modal-wrap .popup-wrap .pop-conts .rv-visual-wrap .rv-photo-slider .swiper-slide img {
        max-height:300px;
    }

}

@media all and (max-width:768px) {
    #login {
        padding-top: 20px;
    }

    #login .login-wrap {
        padding: 0px 30px;
    }

    #login .login-wrap h1 {
        margin-bottom: 20px;
        max-width: 80px;
    }

    #signin .signin-wrap h1 {
        margin-bottom: 20px;
        max-width: 80px;
    }

    .find-user .container .find-box {
        padding: 30px 15px;
    }

    .tab-dep1 {
        gap: 0px 15px;
    }

    .tab-dep1 li a {
        font-size: 20px;
    }

    .board-wrap .board-list .view-num {
        display: none !important;
    }

    .board-wrap .board-list .writer {
        display: none !important;
    }

    .board-wrap .board-list .board-notice .board-p {
        max-width: calc(100% - 135px);
    }

    .board-wrap .board-list .board-item .board-p {
        max-width: calc(100% - 80px);
    }

    .board-wrap .board-list .board-title .board-p {
        max-width: calc(100% - 80px);
    }

    .board-wrap .board-list .board-notice .date {
        margin-left: auto;
    }

    .board-wrap .board-list .board-item .date {
        margin-left: auto;
    }

    .board-wrap .board-list .board-title .date {
        margin-left: auto;
    }

    .gallery-wrap .gallery-list .gallery-box {
        width: calc(50% - 20px);
    }

    .review-product .prod-info {
        padding-left: 15px;
    }

    .radio-sel .radio-ul li {
        width: calc(50% - 5px);
    }

    .form-box.address .btn {
        font-size: 14px;
    }

    .elec-rental .container .main-product.type04 .box {
        width: calc(50% - 10px);
        margin: 0px 5px 30px;
    }

    .elec-rental .container .main-product.type05 .box {
        width: calc(50% - 40px);
    }

    .elec-rental .container .main-product .box {
        width: calc(50% - 40px);
    }

    .elec-rental .container .main-product .box .txt-a .title {
        font-size: 16px;
    }

    .elec-rental .container .main-product .box .txt-a .price {
        font-size: 17px;
    }

    .elec-rental .container .main-product.type02 .box {
        flex-direction: column;
    }

    .elec-rental .container .main-product.type02 .box .img-a {
        width: 100%;
        margin-bottom: 30px;
    }

    .elec-rental .container .main-product.type02 .box .txt-a {
        width: 100%;
    }

    .elec-rental .container .main-product.type02 .box .txt-a .price {
        margin-top: 0;
    }

    .prd-info-top {
        flex-wrap: wrap;
    }

    .prd-info-top .left {
        width: 100%;
        margin-bottom: 50px;
        position: relative;
        top: 0;
    }

    .prd-info-top .right {
        width: 100%;
    }

    .prd-info-top .left .thumb a {
        width: 50px;
        height: 50px;
    }

    .prd-info-top .right .prd-name b.blue {
        font-size: 24px;
    }

    .tbl-wrap .list tr th.mo-hide,
    .tbl-wrap .list tr td.mo-hide {
        display: none;
    }

    .rv-grade-section .tit {
        font-size: 14px;
    }

    .cart .cart-left {
        width: 100%;
    }
    .cart .cart-right {
        position:fixed;
        bottom:0;
        top:unset;
        width:100%;
        left:0;
        border:none;
        border-top:solid 1px #ddd;
        background:#fff;
        z-index:1;
    }

    .cart-body {
        padding-bottom: 270px;
    }
    .rv-photo-section .rv-photo-wrap .slide-content .slide-track .slide-conts {
        padding:0px 4px;
        min-width:calc(92px + 8px);
    }
    .modal-wrap .popup-wrap{
        min-height: auto !important;
        max-height: 718px;
        height: calc(100vh - 80px);
        display: block;
        position: absolute;
        background-clip: padding-box;
        transform: translateX(-50%) translateY(-50%);
        left: 50%;
        top: 50%;
        min-height: 718px;
    }

}



@media all and (max-width:640px) {
    .steps ul {
        margin: 0 -15px;
    }

    .his-list ul li .box .info {
        flex-direction: column;
    }

    .his-list ul li .box .info .info-in {
        margin-bottom: 10px;
    }

    .his-list ul li .box .info .price {
        flex-direction: row;
        align-items: center;
        gap: 15px;
        margin-bottom: 0;
        text-align: left;
    }

    .his-list ul li .box .info .price strong {
        margin: 0;
    }

    .his-list ul li {
        padding-right: 50px;
        padding: 20px;
    }

    .elec-rental .container .main-product .box .txt-a .title {
        font-size: 14px;
    }

    .elec-rental .container .main-product .box .txt-a .price {
        flex-wrap: wrap;
    }

    .elec-rental .container .main-product .box .txt-a .price em {
        width: 100%;
        margin-bottom: 5px;
    }

    .prd-info-top .right .line dl dt {
        width: 120px;
    }

    .prd-info-top .right .line dl dd {
        width: calc(100% - 120px);
    }

    .prd-detail .prd-detail-tab .prd-detail-tab-tit ul li a {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
        height: 50px;
        word-break: keep-all;
    }

    .detail ul li {
        flex-wrap: wrap;
        align-self: auto;
        border-bottom: none;
    }

    .detail ul li label {
        width: 100% !important;
        justify-content: flex-start;
        background: none;
    }

    .detail ul li .detail-c {
        width: 100% !important;
    }

    .detail ul {
        border: none;
        border-bottom: dashed 1px #ccc
    }

    .detail ul li .detail-c .form-control {
        max-width: 100%;
    }

    .detail ul li .detail-c .form-control.calendar {
        max-width: 100%;
    }

    .detail ul li .detail-c .input-wrap {
        width: 100%;
    }

    .detail ul li .detail-c > .form-select {
        width: 100%;
        max-width: 100%;
    }

    .tab-new li {
        width: calc(33.33333% - 10px);
        flex: none;
        margin: 0 5px 10px;
    }
    .star-rating::before {
        font-size:15px;
    }
    .star-rating__fill::before {
        font-size:15px;
    }
    .product-review-wrap .product-review-list li .item {
        padding:20px;
    }
    .cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .img {
        width:100%;
        height:auto;
        max-width:180px;
        margin:0 auto;
    }
    .cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt {
        width:100%;
        text-align:center;
    }
    .cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .dot-ul {
        display:flex;
        flex-direction:column;
        align-items:center;
        margin-bottom:20px;
        border-bottom:solid 1px #ddd;
        padding-bottom:20px;
    }
    .cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .price-wrap {
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
    }
    .total-rental-price {
        margin-top:0;
    }
    .list-sch .list-sch-opts dl  {
        flex-wrap:wrap;
    }
    .list-sch .list-sch-opts dl dt {
        width:100%;
        text-align:left;
        margin-bottom:5px;
    }
    .list-sch .list-sch-opts dl dd {
        width:100%;
    }
}

@media all and (max-width:460px) {

    .board-wrap .board-list .board-notice .board-p {
        max-width: calc(100% - 55px);
    }

    .board-wrap .board-list .board-item .board-p {
        max-width: 100%;
    }

    .board-wrap .board-list .board-title {
        width: 100%;
        justify-content: center;
    }

    .board-wrap .board-list .board-notice .date {
        display: none;
    }

    .board-wrap .board-list .board-item .date {
        display: none;
    }

    .board-wrap .board-list .board-title .date {
        display: none;
    }

    .board-write .tbl-write table {
        display: flex;
        flex-direction: column;
    }

    .board-write .tbl-write table tr {
        display: flex;
        flex-direction: column;
    }

    .board-write .tbl-write table tr th {
        width: 100%;
        text-align: left;
        display: block;
    }

    .gallery-wrap .gallery-list .gallery-box {
        width: 100%
    }

    .review-product {
        padding: 10px;
    }

    .review-product .img {
        width: 70px;
        height: 70px;
        border-radius: 7px;
    }

    .review-product .prod-info {
        padding-left: 10px;
    }

    .review-product .prod-info .prod-name {
        margin: 5px 0px;
    }

    .user-edit dl dt {
        width: 100%;
        border: none;
        padding: 5px;
        background: #f9f9f9;
        color: #747474;
        border-left: solid 2px #ddd;
        padding-left: 10px;
    }

    .user-edit dl dd {
        width: 100%;
        border: none;
        padding-left: 0px;
        padding-bottom: 20px;
    }

    .chg-pw .chg-pw-line span {
        font-size: 13px;
    }

    .chg-pw .chg-pw-line {
        margin-bottom: 7px;
    }

    .his-list ul li .box .info .price {
        flex-direction: column;
        gap: 0;
        text-align: left;
    }

    .his-list ul li .box .info .price strong {
        width: 100%;
        margin: 0;
        font-size: 18px;
        padding: 0;
    }

    .his-list ul li .box .info b {
        font-size: 16px;
    }

    .detail-w .tbl-detail .detail tr {
        display: flex;
        flex-direction: column;
    }

    .detail-w .tbl-detail .detail tr th {
        width: 100%;
        padding: 0 3px;
    }

    .detail-w .tbl-detail .detail tr td {
        width: 100%;
        padding: 7px 3px 20px;
    }

    .detail-w .tbl-detail h4 {
        padding-left: 3px;
    }

    .detail-w.type02 .tbl-detail .detail {
        border-top: none;
    }

    .detail-w.type02 .tbl-detail .detail tr th {
        width: 100%;
        border-top: solid 1px #eee;
        padding: 5px 10px;
    }

    .detail-w.type02 .tbl-detail .detail tr td {
        border-left: solid 1px #eee;
    }

    .elec-rental .container .main-product {
        margin: 0px -5px;
    }

    .elec-rental .container .main-product.type04 .box {
        width: calc(50% - 10px);
        margin: 0px 5px 30px;
    }

    .elec-rental .container .main-product.type04 .box {
        width: 100%;
        margin: 0px 5px 30px;
    }

    .prd-info-top .right .line dl dt {
        width: 100%;
    }

    .prd-info-top .right .line dl dd {
        width: 100%;
    }

    .prd-info-top .right .line.small-dl {
        display: flex;
        gap: 10px;
    }

    .prd-info-top .right .line.small-dl dt {}

    .prd-info-top .right .line.small-dl dd {}

    .detail ul.type03 li {
        width: 100%;
        border: none;
    }

    .on .detail ul.type02 li {
        width: 50%;
    }

    .on .detail ul.type03 li {
        width: 50%;
    }

    .on .detail.d-type02 ul.type02 li {
        width: 100%;
    }

    .sch-op.type02 ul li {
        width: 100%;
    }

    .tab-new {
        margin: 0 -7px 50px;
    }
    .rv-grade-wrap {
        flex-direction:column;
    }
    .score-star-wrap {
        border:none;
    }
    .cart .cart-left .cart-list .cart-list-ul .cart-list-li .cart-cont .txt .price-wrap {
        flex-direction:column;
        gap:20px;
    }
}

@media all and (max-width:360px) {
    #login .login-wrap {
        padding: 0px 15px;
    }

    #signin {
        padding-bottom: 100px;
    }

    #signin .signin-wrap {
        padding: 0px 15px 40px;
        padding-top: 32px;
    }

    .btn-fix {
        height: 70px;
    }

    .message .img img {
        max-width: 200px;
    }

    .message p {
        margin: 30px 0px;
    }

    .pagination .paging {
        gap: 0px 2px;
    }

    .pagination .paging li a {
        min-width: 35px;
        height: 35px;
    }

    .steps ul {
        margin: 0;
    }

    .steps li p {
        font-size: 12px;
    }
}

@media screen and (orientation: landscape) {
    .detail ul li label {
        font-size: 12px;
        width: 90px;
    }

    .detail ul.long li label {
        width: 90px;
    }

    .detail ul li .detail-c {
        width: calc(100% - 90px);
    }

    .detail ul.long li .detail-c {
        width: calc(100% - 90px);
    }

    .detail ul.long li.w100 .detail-c {
        width: calc(100% - 100px);
    }

    .detail ul li .detail-c .form-control {
        font-size: 14px;
    }

    .detail ul li .detail-c .form-select {
        font-size: 14px;
    }
}