/* 공통 */
* {
    font-size: 16px;
    color: #333;
    line-height: 130%;
    outline: none;
}

nav ul a:hover:hover {
    background-color: transparent;
    outline: none;
}



/* 네비게이션 영역 */
/* 상단 네비 */
header.navbar-fixed {
    height: 191px;
}

header nav {
    border-bottom: 1px solid #F5F5F5;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.04);
}

header nav > .nav-wrapper > .container {
    padding: 50px 0 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

header nav > .nav-wrapper > .container .brand-logo {
    position: relative;
    display: block;
    /* width: 339px;
    height: 40px; */
}

header nav > .nav-wrapper > .container .brand-logo img {
    width: 100%;
}


/* 검색바 */
header nav > .nav-wrapper > .container .search-bar-wrapper {
    position: relative;
    flex-grow: 1;
}

header nav > .nav-wrapper > .container .search-bar-wrapper button {
    position: absolute;
    top: 0;
    right: 2%;
    height: 45px;
    width: 45px;
    background-color: transparent;
    border: 0;
    outline: none;
    padding: 0;
    cursor: pointer;
    z-index: 2;
}

header nav > .nav-wrapper > .container .search-bar-wrapper button img {
    width: 100%;
    padding: 8px;
}

header nav > .nav-wrapper > .container .search-bar-wrapper input[type="search"] {
    padding: 0 65px 0 16px;
    position: relative;
    height: 48px;
    background-color: #fff;
    border: 2px solid #1784D8;
    border-radius: 30px;
    box-sizing: border-box;
    box-shadow: none;
}

header nav > .nav-wrapper > .container .search-bar-wrapper input[type="search"]::placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
}

.search-connectedTxt {
    display: none;
    position: absolute;
    top: 45px;
    padding: 20px 15px 15px 15px;
    width: 100%;
    height: auto;
    max-height: 300px;
    background: #fff;
    border: 2px solid #1784D8;
    border-radius: 10px;
    z-index: 1;
    overflow: auto;
}

header nav > .nav-wrapper > .container .search-bar-wrapper form.show + .search-connectedTxt {
    display: block;
}

header nav > .nav-wrapper > .container .search-bar-wrapper .search-connectedTxt ul.connectedTxt {
    display: block;
}

.search-connectedTxt .connectedTxt li.infoTxt {
    text-align: left;
    color: #666;
    font-size: 14px;
}

.search-connectedTxt .connectedTxt .TxtItem {
    padding-top: 10px;
}

.search-connectedTxt .connectedTxt .TxtItem:first-child { // 개발팀 수정
    padding-top: 0;
}

.search-connectedTxt .connectedTxt .TxtItem a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    font-size: 16px;
}

.search-connectedTxt .connectedTxt .TxtItem a span {
    color: #1784D8;
    font-size: 16px;
    font-weight: bold;
}

/* 연관검색어 - 프리미엄마켓 라벨 추가 - 2023.06.14 */
.search-connectedTxt .connectedTxt .TxtItem a img.preBadge {
    margin-left: 5px;
    width: 16px;
    height: 16px;
}


/* 오른쪽 컨텐츠 영역 */
header nav > .nav-wrapper > .container .nav-rightcon {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

header nav > .nav-wrapper > .container .nav-rightcon a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

header nav > .nav-wrapper > .container .nav-rightcon a > img {
    display: block;
    width: 24px;
    height: 24px;
}

header nav > .nav-wrapper > .container .nav-rightcon a > p {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

header nav > .nav-wrapper > .container ul {
    display: flex;
}

header nav > .nav-wrapper > .container ul li {
    float: none;
}

header nav.nav-extended .nav-content{
    position: relative;
}



/* 메인 네비게이션 */
.gnb {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
}

.gnb > li {
    outline: none;
    text-align: center;
}

.gnb > li.tab {
    display: unset;
    flex-grow: 1;
}

.gnb > li > a {
    display: block;
    padding: 16px 10px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
}

.gnb a:hover {
    background-color: transparent;
    color: #1784D8;
}

header .tab .dropdown-content {
    top: 60px !important;
    border: 0;
    border-top: 3px solid #1784D8;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.04);
}

header .dropdown-content a:hover,
header .dropdown-content li:hover {
    background-color: #fff;
}

header .dropdown-content li {
    text-align: center;
}



/* 전체메뉴 */
.allmenu-down {
    position: fixed;
    top: 191px;
    width: 100%;
    background-color: #1784D8;
    height: 0px;
    transition: 0.6s;
    overflow: hidden;
}

.allmenu-down.on {
    height: 336px;
}

.allmenu-down > ul {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 0;
}

.allmenu-down > ul > li {
    flex-grow: 1;
    text-align: center;
    transition: 0.4s;
}

.allmenu-down:hover > ul > li {
    opacity: 0.6;
}

.allmenu-down > ul > li:hover {
    opacity: 1;
}

.allmenu-down > ul > li a {
    color: #fff;
}

.allmenu-down > ul > li > a {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
}

.allmenu-down > ul > li > .empty-space {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
}

.allmenu-down > ul > li > .empty-space > span {
    width: 30px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.allmenu-down > ul > li > a::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 16px;
}

.allmenu-down > ul > li > .allmenu-sub-menu li {
    padding: 10px 0;
}

.allmenu-down > ul > li > .allmenu-sub-menu li:hover a {
    font-weight: bold;
}



/* 전체메뉴 아이콘 */
.menu-icon {
    padding-top: 5px;
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: block;
    margin: 0 auto;
}

.menu-icon__line {
	height: 2px;
	width: 30px;
	display: block;
	background-color: #333;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, background-color .5s ease;
	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}

.menu-icon__line:last-child {
    margin-bottom: 0;
}

.menu-icon__line-left {
	width: 16.5px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.menu-icon__line-right {
	width: 16.5px;
	float: right;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}

.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
	width: 30px;
}

.nav-active .menu-icon__line {
	background-color: #1784D8;
	-webkit-transform: translate(0px, 0px) rotate(-45deg);
          transform: translate(0px, 0px) rotate(-45deg);
}

.nav-active .menu-icon__line-left {
	width: 15px;
	-webkit-transform: translate(2px, 4px) rotate(45deg);
          transform: translate(2px, 4px) rotate(45deg);
}

.nav-active .menu-icon__line-right {
	width: 15px;
	float: right;
	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);
          transform: translate(-3px, -3.5px) rotate(45deg);
}

.nav-active .menu-icon:hover .menu-icon__line-left,
.nav-active .menu-icon:hover .menu-icon__line-right {
	width: 15px;
}



/* 푸터 */
.footer .footer-item {
    font-size: 16px;
    color: #666;
}

.footer .footer-txt {
    font-size: 14px;
    color: #999;
    line-height: 160%;
}



/* 마이페이지 사이드네비 */
.mypage-sdienav {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    height: auto;
    padding: 32px;
}

.mypage-sdienav ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.mypage-sdienav a {
    margin: 0;
    padding: 0;
}
.mypage-sdienav ul li {
    display: block;
    float: none;
    width: 100%;
}

.mypage-sdienav > ul > li {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 16px;
}

.mypage-sdienav>ul>li:last-child {
    padding-bottom: 0;
    border-bottom: 0px;
}

.mypage-sdienav > ul > li > a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 26px;
}

.mypage-subnav {
    padding-top: 16px;
}

.mypage-subnav li a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 23px;
}

.frn-con-header {
    font-size: 21px;
    font-weight: bold;
    line-height: 100%;
    color: #333;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.frn-con-header::before {
    content: "";
    display: block;
    width: 4px;
    height: 21px;
    background-color: #1784D8;
}



/* 두줄이상 말줄임 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}

.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}

.ellipsis4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}



/* float일때 높이값 갖기 */
.clear-both::after {
    content: "";
    clear: both;
    display: block;
}



/* 테이블 인풋타입 들어갈때 텍스트높이 스타일 */
.con-input-text {
    line-height: 40px!important;
}

.input-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.input-price input {
    width: auto;
}



/* 게시판 추가 스타일 */
.detail-tbl-wrap {
    border: none;
}
.detail-tbl-wrap .detail-tbl-row .back-none {
    padding-left: 0;
    background: #fff;
}

input {
    width: 100%;
    height: 40px;
}

.twoinput {
    display: flex;
}
.twoinput input {
    width: auto;
    flex-grow: 1;
}

.sub-con-body .row table thead tr th,
.sub-con-body .row table tbody tr td,
.sub-con-body .row table tbody tr td a {
    font-size: 16px;
}



/* 서브헤더 스타일조정 */
main .content .container .frn-sub-header {
    padding: 60px 0 20px;
    border-bottom: 1px solid #eee;
}



/* 셀렉트 버튼 스타일 */
.select-btn {
    display: flex;
    flex-direction: row;
}

ul.select-btn {
    margin: 0;
}

ul.select-btn li {
    width: 100%;
}

ul.select-btn li label {
    justify-content: center;
}

.select-btn input[type="radio"]{
    display: none;
}

.select-btn input[type="radio"]+label{
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #333;
    width: 100%;
    flex-grow: 1;
    padding: 10px;
    border: 1px solid #eee;
}

.select-btn input[type="radio"]:checked+label{
    background-color: #1784D8;
    color: #fff;
    border-color: #1784D8;
}



/* ~ 스타일값*/
.wave {
    line-height: 40px;
}



/* 마지막 줄 라인 없애는 스타일 */
.bb-none {
    border-bottom: none!important;
}



/* 테이블 각 콘텐츠 크기 스타일 */
table thead tr th:last-child,
table tbody tr td:last-child {
    padding-right: 20px;
}

/* table thead tr th,
table tbody tr td {
    text-align: center;
} */

table tbody tr td.title {
    text-align: left;
}

table thead tr th.number,
table tbody tr td.number {
    width: 10%;
}

table thead tr th.etc,
table tbody tr td.etc {
    width: 15%;
}

table thead tr th.title,
table tbody tr td.title {
    max-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

table thead tr th.category,
table tbody tr td.category {
    width: 15%;
}

table thead tr th.etc02,
table tbody tr td.etc02 {
    width: 30%;
    max-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}



/* 사용자페이지 폰트 사이즈 */
input::placeholder {
    font-size: 14px;
}



/* alingn-item-center */
.con-over.a-center {
    display: flex;
    flex-direction: row;
    align-items: center!important;
}



.datepicker_wrap > div.dp-none {
    width: auto;
    flex-grow: 1;
}



/* 아이디,비밀번호찾기 input 높이값 */
input.input-height,
.btn.input-height {
    height: 63px;
    line-height: 63px;
}



/* 20221007 - 에러 페이지 */
.error-page {
    max-width: 640px;
    margin: 0 auto;
    padding: 100px 0 80px;
}

.error-txt {
    margin: 20px 0;
}

.error-txt b {
    color: #d32f2f;
    font-size: 30px;
    font-weight: 500;
}

.error-txt span {
    display: block;
    margin-top: 20px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}


/* 20221021 */
header nav > .nav-wrapper > .container .nav-rightcon a{
    position: relative;
}

header nav > .nav-wrapper > .container .nav-rightcon a .newBdg {
    position: absolute;
    top: -4px;
    right: -4px;
    font-size: 8px;
    height: 14px;
    width: 14px;
    text-align: center;
    background-color: #F24443;
    border-radius: 14px;
    line-height: 14px;
    color: #fff;
}


/* 게시판 상세글 줄바꿈 */
.txt-break {
    white-space: pre-wrap;
    word-break: break-all;
}


/* bottom-border-none */
.bd-none {
    border-bottom: none !important;
}

/* 데이피커 표 깨지는 현상 수정 */
.datepicker-table-wrapper table thead tr th:last-child,
.datepicker-table-wrapper table tbody tr td:last-child {
    padding-right: 0px;
}


/* 게시글 상세 테이블 스타일 */
.detail-tbl-row .depth2-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 100%;
}


/* 모바일 네비게이션 스타일 - 2023.06.20 추가 */
.nav-m {
    display: none;
    height: 75px;
}

.nav-m .nav {
    height: 75px;
    position: fixed;
    z-index: 999;
}

.nav-m .nav .container {
    height: 100%;
}

.nav-m .nav .navBar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.nav-m .nav .navBar a.brand-logo {
    position: unset;
}

.nav-m .nav .navBar .rightItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.nav-m .nav .navBar .rightItem a,
.nav-m .nav .navBar .rightItem a img {
    width: 24px;
    height: 24px;
}

.navBar .rightItem .bar {
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #000;
}

.navBar .rightItem .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }

.navBar .rightItem .hamburger.active .bar:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}

.navBar .rightItem .hamburger.active .bar:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}



@media only screen and (max-width: 767px) and (min-width: 460px) {
    .detailPg .detail-tbl-row.tbl-over {
        flex-direction: column !important;
    }

    .detailPg .detail-tbl-row.tbl-over .depth2-row {
        border-bottom: 1px solid #e2e2e2;
    }

    .detailPg .detail-tbl-row.tbl-over .depth2-row:last-child {
        border-bottom: none;
    }

    main .content .container .frn-sub-header {
        padding: 50px 0 20px;
    }

}

@media only screen and (max-width: 459px) and (min-width: 320px) {
    .detailPg .detail-tbl-row,
    .detailPg .detail-tbl-row.tbl-over {
        flex-direction: column !important;
    }

    .detailPg .detail-tbl-row,
    .detailPg .detail-tbl-row.tbl-over .depth2-row {
        flex-direction: column;
        border-bottom: 1px solid #e2e2e2;
    }

    .detailPg .detail-tbl-row.tbl-over .depth2-row:last-child {
        border-bottom: none;
    }

    .detailPg .detail-tbl-row .detail-tbl-col.tit,
    .detailPg .detail-tbl-row .detail-tbl-col.con,
    .detailPg .detail-tbl-row .detail-tbl-col.con2,
    .detailPg .detail-tbl-row.tbl-over .depth2-row .detail-tbl-col.tit,
    .detailPg .detail-tbl-row.tbl-over .depth2-row .detail-tbl-col.con {
        width: 100%;
    }

    main .content .container .frn-sub-header {
        padding: 40px 0 20px;
    }

}

.searchBar-m {
    display: none;
}

.nav-overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: rgba(255, 255, 255, 0);
    transition: .5s;
    display: none;
    top: 75px;
    left: 0;
    z-index: 99;
}

.visible {
    background-color: rgba(0, 0, 0, 0.50);
}


/* 퀵버튼 반응형 */
@media only screen and (max-width: 1199px) and (min-width: 921px) {
    .quickMenu-area {
        right: 40px !important;
    }

    .quickMenu-area .quickBtn img {
        width: 70px !important;
        height: 70px !important;
    }

    .scrlBtn {
        right: 60px !important;
    }
}


@media (max-width: 920px) {
    .quickMenu-area,
    .scrlBtn {
        display: none !important;
    }

    .nav-menu.active + .nav-overlay {
        display: block;
    }
}


/* 네비게이션 반응형 */
@media (max-width: 920px) {
    .nav-d {
        display: none;
    }

    .nav-m {
        display: block;
    }

    .navBar .rightItem .hamburger {
        cursor: pointer;
    }

    .nav-menu {
        position: fixed;
        right: -100%;
        top: 75px;
        background: #fff;
        height: 100vh;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
        z-index: 999;
    }

    .nav-menu.active {
        right: 0;
    }

    .nav-menu.active .content {
        background: #000;
    }

    .nav-menu .topCon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .nav-menu .navTab {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .nav-menu .navTab-area {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: calc(100vh - 75px);
        background: #fff;
    }

    .nav-menu .navTab-area ul.tab {
        margin: 0;
    }

    .nav-menu .navTab-area li {
        margin-top: 0;
        padding: 20px;
        flex-grow: 0;
        width: 100%;
        font-size: 18px;
        font-weight: 700;
        border: none;
    }

    .nav-menu .navTab-area li:last-child {
        border-right: none;
    }

    .nav-menu .navTab-area li.active {
        background: #1784d8;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    }

    .nav-menu .navTab-area li.active a {
        color: #fff;
    }

    .nav-menu .navTab-area li.active::after {
        content: none;
    }

    .nav-menu .navTab-area li a {
        padding: 0;
        word-break: keep-all;
    }

    .nav-menu .navTab-area .userWrap {
        width: 100%;
    }

    .nav-menu .navTab-area .userWrap .afLogin,
    .nav-menu .navTab-area .userWrap .beLogin {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .nav-menu .navTab-area .userWrap .afLogin .afLoginItem,
    .nav-menu .navTab-area .userWrap .beLogin .beLoginItem {
        padding: 10px;
        display: block;
        width: 100%;
        border-top: 1px solid #e2e2e2;
    }

    .nav-menu .navTab-area .userWrap .afLogin .afLoginItem a,
    .nav-menu .navTab-area .userWrap .beLogin .beLoginItem a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        color: #666;
        font-size: 14px;
        font-weight: 500;
    }

    .nav-menu .navTab-area .userWrap .afLogin .afLoginItem a .newBdg {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 14px;
        width: 14px;
        color: #fff;
        font-size: 10px;
        background-color: #F24443;
        border-radius: 50px;
    }

    .nav-menu .navTab-area .userWrap .beLogin .beLoginItem.join a {
        margin-left: 4px;
        gap: 6px;
    }

    .nav-menu .tabCon {
        flex-grow: 1;
        width: 100%;
        height: 100vh;
        background: #182953;
    }

    .nav-menu .tabCon .tabConItem .navSubCon {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-self: flex-start;
    }

    .nav-menu .tabCon .tabConItem .navSubCon li {
        padding: 20px;
        width: 100%;
    }

    .nav-menu .tabCon .tabConItem .navSubCon li a {
        color: #fff;
        text-align: left;
        font-weight: 700;
    }

    .nav-menu .tabCon .tabConItem .navSubCon li:hover {
        background: #1784d8;
    }

    .nav-m .nav .navBar.flexBox {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .nav-m .nav .navBar.flexBox .closeBtn img {
        width: 24px;
        height: 24px;
    }

    .nav-m .nav .navBar .search-bar-wrapper {
        position: relative;
        width: 100%;
    }

    .nav-m .nav .navBar .search-bar-wrapper button {
        position: absolute;
        top: 0;
        right: 1%;
        height: 40px;
        width: 40px;
        background-color: transparent;
        border: 0;
        outline: none;
        padding: 0;
        cursor: pointer;
        z-index: 2;
    }

    .nav-m .nav .navBar .search-bar-wrapper button img {
        padding: 8px;
        height: 100%;
        width: 100%;
    }

    .nav-m .nav .navBar .search-bar-wrapper input[type="search"] {
        padding: 0 16px;
        position: relative;
        height: 40px;
        background-color: #fff;
        border: 1px solid #1784D8;
        border-radius: 30px;
        box-sizing: border-box;
        box-shadow: none;
    }

    .nav-m .nav .navBar .search-bar-wrapper input[type="search"]::placeholder {
        color: #999;
        font-size: 14px;
        font-weight: 400;
    }

    .searchBar-m {
        display: block;
    }

    .sub-con-header.m-searchAfter {
        padding: 10px 0 20px;
    }

    .search-connectedTxt-m {
        width: 100%;
        height: 100vh;
        height: auto;
        background: #fff;
    }

    .search-connectedTxt-m .connectedTxt li.infoTxt {
        color: #666;
        font-size: 14px;
        text-align: left;
    }

    .search-connectedTxt-m .connectedTxt .TxtItem {
        padding-top: 10px;
    }

    .search-connectedTxt-m .connectedTxt .TxtItem:first-child { // 개발팀 수정
        padding-top: 0;
    }

    .search-connectedTxt-m .connectedTxt .TxtItem a {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        font-size: 14px;
    }

    .search-connectedTxt-m .connectedTxt .TxtItem a span {
        color: #1784D8;
        font-size: 14px;
        font-weight: bold;
    }

    /* 연관검색어 - 프리미엄마켓 라벨 추가 - 2023.06.14 */
    .search-connectedTxt-m .connectedTxt .TxtItem a img.preBadge {
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }

}

@media only screen and (max-width: 920px) and (min-width: 768px) {
    .nav-menu {
        width: 50%;
    }

    .nav-menu .navTab-area {
        width: 35%;;
    }
}

@media only screen and (max-width: 767px) and (min-width: 460px) {
    .nav-menu {
        width: 70%;
    }

    .nav-menu .navTab-area {
        width: 40%;;
    }
}

@media only screen and (max-width: 459px) and (min-width: 320px) {
    .navBar .logo img {
        width: 200px;
        height: auto;
    }

    .nav-menu {
        width: 100%;
    }

    .nav-menu .navTab-area {
        width: 40%;;
    }
}


/* footer 스타일 추가 - 2023.06.26 */
.footer-txtTop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    gap: 8px;
}

.footer-txtTop > p.footer-txt {
    padding: 0;
}

.footer-txtTop .sns-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.footer-txtTop .sns-area li > a {
    display: block;
    width: 24px;
    height: 24px;
}

.footer-txtTop .sns-area li > a img {
    width: 100%;
}


/* 자동 오픈 팝업 스타일 추가 - 2023.07.14 */
.modal.modalTL {
    margin: unset;
    left: 10%;
}

.modal.modalTR {
    margin-right: 10%;
}

.modal.modalTL,
.modal.modalTC,
.modal.modalTR {
    top: 25% !important;
    max-width: 550px;
    max-height: 500px;
    background: #1784D8;
    border: 2px solid #1784d8;
    z-index: 900 !important;
}

.modalTL ~ .modal-overlay,
.modalTC ~ .modal-overlay,
.modalTR ~ .modal-overlay {
    visibility: hidden;
}

.modalTL .modal-content,
.modalTC .modal-content,
.modalTR .modal-content {
    padding: 16px;
    background: #fff;
}

.modalTL .modal-content .img-area,
.modalTC .modal-content .img-area,
.modalTR .modal-content .img-area {
    width: 100%;
    height: 100%;
    max-height: 400px
}

.modalTL .modal-content .img-area a,
.modalTC .modal-content .img-area a,
.modalTR .modal-content .img-area a {
    display: block;
    width: 100%;
    max-height: 400px;
}

.modalTL .modal-content .img-area a img,
.modalTC .modal-content .img-area a img,
.modalTR .modal-content .img-area a img {
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.modal .modal-footer.flexBox {
    padding: 12px;
    background: #1784D8;
}

.modal .modal-footer.flexBox a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

@media (max-width: 767px) {
    .modal.modalTL,
    .modal.modalTC,
    .modal.modalTR {
        top: 20% !important;
    }
}

@media (max-width: 640px) {
    .modal.modalTL {
        margin: auto;
        left: 0;
    }

    .modal.modalTR {
        margin: auto;
    }

    .modal.modalTL,
    .modal.modalTC,
    .modal.modalTR {
        top: 15% !important;
        width: fit-content;
        max-width: 80%;
        max-height: 70%;
        border: 1px solid #1784D8;
    }

    .modal .modal-footer.flexBox {
        padding: 10px;
    }
}