@charset "UTF-8";

html{font-size:20px; scrollbar-width:none;}
*{box-sizing:border-box; margin:0; padding:0; font-family:"PretendardGOV-Regular",sans-serif;}
body{background:#fff; color:#333; font-size:1rem;}


.btn{padding:0rem 2.2rem; border-radius:0.5rem; color:#fff; font-family:"PretendardGOV-bold"; font-size: 1rem; margin-left:0.3rem; height:3rem;}
.btnGroupHeader{display: flex; justify-content:end; gap:0.2rem; padding-top:0.1rem; align-items: center;}
.btn-pink{background-color:#E8417A; }
.btn-pink:hover{background-color:#c71b54;}
.btn-blue{background-color:#1D3994;}
.btn-blue:hover{background-color:#10297e;}
.btn-blue p{color:#fff; font-family:"PretendardGOV-Regular"; font-size: 0.75rem;}

header{border-bottom:1px solid #E2E6F0; padding:0rem 12rem; }
.wrapHeader{height: 5.6rem; display:flex; justify-content:space-between; align-items: center;}

.wrapHeader .leftSide{display: flex; justify-content: flex-start; align-items: center; gap:1rem;}






.mobile-menu nav.mobile-nav{width:100%; display: flex; justify-content: space-between; gap:2rem; margin-bottom:1.6rem;  align-items: center;}
.mobile-menu nav.mobile-nav a{ color:#000; font-family: "Gmarket-medium"; font-size: 1.2rem;}
.mobile-menu nav.mobile-nav a:hover{color:#1D3994; font-weight: 600;}

.footer{background:#616779; font-size:0.6rem; color:#fff; padding:0 ;}
.footer .footer-wrap{padding:0 10rem;}
.footer .footer-wrap img{width:285px; height:29px; margin:2rem 0 1.6rem 0;}
.footer .address div{color:#fff; font-size:0.8rem; margin:0.4rem 0;}
.footer .address div strong{color:#fff; font-family:"PretendardGOV-bold"; margin-right:0.2rem;}
.footer a{margin-right:0.8rem; color:#fff; font-size:0.8rem;}

.wrapKISTEP{display: flex; justify-content:space-between ; align-items: end; border-bottom:1px solid #495063; padding-bottom:2rem;}
.footer-bottom{padding:0.8rem 0 1rem 0; border-top:1px solid #7A7F8E;}
.wrapKISTEP select{color:#fff; font-size:0.8rem; background:#3B4153 url(../../imgs/rfe/arrowSelectWhite.png) 90% center no-repeat; width:9rem; height:2rem; border-radius: 0.4rem; padding:0 0.8rem; border:none;}


/*----메인페이지----*/



.header-mainPage{width:100%; position:fixed; top:0; background: #ffffff15;border-bottom: 1px solid #ffffff30; -webkit-backdrop-filter: blur(8.2px); backdrop-filter: blur(8.2px); padding:0 10rem; z-index: 2;}
header.header-mainPage nav{display: flex; justify-content: space-between; gap:1.2rem; padding-top:0.3em;}
header.header-mainPage nav a{ color:#fff; font-family: "Gmarket-medium"; font-size: 1.1rem; font-weight: 600;}
header.header-mainPage nav a:hover{font-family: "Gmarket-medium";}

.header-mainPage .wrapHeader .leftSide{display: flex; justify-content: flex-start; align-items: center; gap:1rem;}

header.header-mainPage .btnGroupHeader .btn-blue{border:solid 1px #3455C0;}
header.header-mainPage .btnGroupHeader .btn-pink{border:solid 1px #F96D9D;}

.header-fix{position:relative; z-index:2;width:100%; position:fixed; top:0; background: #ffffff; border-bottom:1px solid #E2E6F0; padding:0 10rem;}
header.header-fix nav{display: flex; justify-content: space-between; gap:1.2rem; padding-top:0.3em;}
header.header-fix nav a{color:#313131; font-family: "Gmarket-medium"; font-size: 1.1rem; font-weight: 600;}
header.header-fix nav a:hover{color:#1D3994; font-weight: 600;}


.btnGroupHeader a{font-size: 0.8rem; margin-right:0.2rem;}
.btnGroupHeader a img{width:0.8rem; margin:0.1rem 0.2rem 0 0;}

/* 초기 상태: 흰색 텍스트 & 아이콘 */
.header-mainPage .user-link {  color: #fff;}
.header-mainPage .user-icon {  filter: brightness(100%);}

/* 스크롤 시: 검정색 텍스트 & 아이콘 */
.header-fix .user-link {  color: #000;}
.header-fix .user-icon {  filter: brightness(0%);}


.logo2{display: none;}

main{padding:0;}

.mainVisual{height:33rem; width:100%; margin-top:-6rem;background:url(../../imgs/rfe/mainVisual.png) no-repeat 50% 50%; background-size:cover; background-position:-10vw 4rem; }

.wrapMainContents{width:100%; height:22.6rem; margin-top:-18.2rem; padding:0 10rem; display: flex; justify-content: space-between;  }
.mainCopy {margin:0 0 0 0;}
.mainCopy h3{font-family: "Gmarket-medium"; font-size: 1.5rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; margin-bottom:0.8rem;}
.mainCopy h1{font-family: "Gmarket-medium"; font-size: 2.6rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; text-align: left; line-height: 1.2; margin-bottom:1.8rem; letter-spacing: -0.1rem;}
.mainCopy h1 strong{background: none; font-family: "Gmarket-bold"; font-size: 3.2rem;}

.mainCopy input{position: relative; width:29rem; padding:0.9rem 1.2rem; border:2px solid #ffffff80; border-radius:1.8rem; background: #ffffff15; -webkit-backdrop-filter: blur(8.2px); backdrop-filter: blur(8.2px); z-index:1;}
.mainCopy input[type="text"]{font-family:"PretendardGOV-regular"; font-size: 1.4rem; color: #fff;}
.mainCopy input[type="text"]:focus{border:2px solid #ffffff; outline: none;}
.mainCopy input::placeholder{font-family:"PretendardGOV-Light"; color: #fff;}

.mainCopy .search-bar-main .searchButton{position: relative; width:1.4rem; height:1.4rem; background:url(../../imgs/rfe/icoSearchMain.svg) no-repeat 50% 50%; background-size: contain; margin-left:-2.6rem; cursor:pointer; z-index:2;}
.mainCopy .search-bar-main{display:flex; align-items: center;}

.card-suggest-main{width:20rem; padding:2.2rem; background:  url(../../imgs/rfe/imageSuggest-main.png) no-repeat 80% 90%, linear-gradient(180deg, rgba(29,59,154,0.95) 0%, rgba(138,78,213,0.95) 100% );  margin-top:-0.4rem; border-radius:1.2rem ; border:solid 0.3rem #fff; cursor: pointer; transition: transform 0.3s;}
.card-suggest-main:hover{position:relative; transform:translateY(-0.6rem) ; box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.07);}

.card-suggest-main h2{color:#fff; font-family: "Gmarket-bold"; font-size: 1.6rem;margin-bottom:1rem;}
.card-suggest-main p{color:#fff; z-index:2;}


.list-hot, .list-new{ display: flex; justify-content:space-between;  padding:0 0 0 10rem; gap:2rem;}

.list-title{width: 20rem; display: flex; justify-content:flex-start ; flex-direction: column; align-items:flex-start; margin-top: 4rem; gap:5rem;}

.groupText h2{font-family: "Gmarket-bold"; font-size: 2rem; color:#313131; }
.groupText h2 strong{font-family: "Gmarket-bold"; font-size: 2rem; color:#E8417A; margin-top:1rem; }
/*.groupText h2::before{content:url(../../imgs/rfe/icoHot.png); margin:-2rem 0.6rem 0 -3rem; height:4rem; }*/
.list-new .groupText h2 strong{font-family: "Gmarket-bold"; font-size: 2rem; color:#1D3994; margin-top:1rem; }
/*.list-new .groupText h2::before{content:url(../../imgs/rfe/icoPoppng.png); margin:-2rem 0.6rem 0 -3rem; height:4rem;}*/
.groupText h2 img{margin: 0.7rem 0 0 0.8rem;}
.groupText span{font-size: 1rem; color:#313131;}

.deco-icon{position:absolute; width:2.4rem; height:2.4rem; background: url(../../imgs/rfe/icoHot.png) no-repeat; background-size: contain; margin:-1.4rem 0 0 -2.8rem;}
.deco-icon2{position:absolute; width:2.4rem; height:2.4rem; background: url(../../imgs/rfe/icoNew.png) no-repeat; background-size: contain; margin:-1.4rem 0 0 -2.8rem;}

.list-title .show-all{padding:0rem 0.8rem; border-radius:0.5rem; color:#555555; font-family:"PretendardGOV-Medium"; font-size: 1rem;  height:3rem; border:solid 2px #8a8a8a;}
.list-title .show-all:hover{border:solid 2px #F96D9D; color:#E8417A;}
.list-new .list-title .show-all{padding:0rem 0.8rem; border-radius:0.5rem; color:#555555; font-family:"PretendardGOV-Medium"; font-size: 1rem;  height:3rem; border:solid 2px #8a8a8a;}
.list-new .list-title .show-all:hover{border:solid 2px #1943cf; color:#1943cf;}

.arrowandcontainer{ width: calc((16rem * 3.1) + (0.6rem * 3)); display: flex; justify-content: flex-start; flex-direction: column; }

.slide-arrow .left{width:2.6rem; height:2.6rem; background:url(../../imgs/rfe/slide-arrow-left.png) no-repeat; background-size: contain;}
.slide-arrow .right{width:2.6rem; height:2.6rem; background:url(../../imgs/rfe/slide-arrow-right.png) no-repeat;background-size: contain;}

/*.list-container{ display: flex; justify-content: space-between; gap:0.6rem; overflow: hidden; width: calc((15rem * 3.5) + (0.6rem * 3));}*/



/* 슬라이더 래퍼 */
.slider-wrapper {overflow: hidden; width: calc((16rem * 3.1) + (0.6rem * 3)); /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

/* 카드 전체 감싸는 슬라이더 */
.list-container {  display: flex;  transition: transform 0.4s ease;  gap: 0.6rem; padding-left:0.2rem;}

/* 개별 카드 */

.list-container .card-list{ height:20rem; width: 16rem;  flex-shrink: 0; background:#fff; border-radius:1.2rem; padding:2.5rem 2rem; border:solid 1px #E2E6F0; box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.07); margin-bottom:1.6rem;}
.list-container .card-list:hover{box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.15); cursor: pointer; border:solid 1px #c3c8cf;}


.card-list{display:flex; flex-direction: column; justify-content: space-between;}
.card-list h2{width:100%; font-family: "PretendardGOV-Bold"; font-size: 1.5rem; height:4rem; line-height: 140%;  overflow: hidden; text-overflow:ellipsis; white-space: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.card-list p{color:#2d2d2d; height:4.2rem; overflow: hidden; text-overflow:ellipsis; white-space: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom:1rem;}
.card-list span{color:#9f9f9f;}

.card-header{display:flex; justify-content:space-between; align-items:center; width:calc(100% - 0.8rem);}
.response{display:flex; justify-content:flex-start; align-items: center; gap:1.2rem; }
.response img{margin:0.35rem 0.3rem 0 0;}

span.like{color:#E8417A;}
span.dislike{color:#1D3994;}

.hamburger{display: none;}


.list-new{background:#EDEFF6; border-top-left-radius:6rem ; padding-top:6rem; padding-bottom:6rem; margin-top:-3rem;}

/*----메인페이지----*/


/*----FHD 이상의 고해상도----*/
@media (min-width:2130px)  {

    .mainVisual{height:33rem; width:100%; margin-top:-6rem;background:url(../../imgs/rfe/mainVisual.png) no-repeat 50% 50%; background-size:120vw; background-position:-10vw 4rem; }
    
    .arrowandcontainer{ width: calc((16rem * 4.4) + (0.6rem * 3)); display: flex; justify-content: flex-start; flex-direction: column; }
    .slider-wrapper {overflow: hidden; width: calc((16rem * 4.4) + (0.6rem * 3)); /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

    .list-new{ border-top-left-radius:6rem ; padding-top:6rem; padding-bottom:6rem; margin-top:-3rem;}
}
@media (min-width:1921px) and (max-width:2130px)  {

    .mainVisual{height:33rem; width:100%; margin-top:-6rem;background:url(../../imgs/rfe/mainVisual.png) no-repeat 50% 50%; background-size:120vw; background-position:-10vw 4rem; }
    
    .arrowandcontainer{ width: calc((16rem * 3.8) + (0.6rem * 3)); display: flex; justify-content: flex-start; flex-direction: column; }
    .slider-wrapper {overflow: hidden; width: calc((16rem * 3.8) + (0.6rem * 3)); /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

    .list-new{ border-top-left-radius:6rem ; padding-top:6rem; padding-bottom:6rem; margin-top:-3rem;}
}

/*----PC (해상도 1560px ~ 1920px)----*/
@media (min-width:1540)  and (max-width:1920px){
    html{font-size:20px;}

}
/*----테블릿 가로, 테블릿 세로 (해상도 1340px ~ 1559px)----*/
@media (min-width:1370px) and (max-width:1539px) {
    html{font-size:19px;}
    .header-mainPage, .header-fix, .wrapMainContents, .footer .footer-wrap{padding:0 8rem;}
    .list-hot, .list-new{padding:0 0 0 8rem;}


    .arrowandcontainer{ width: calc((16rem * 2.9) + (0.6rem * 3)); display: flex; justify-content: flex-start; flex-direction: column; }
    .slider-wrapper {overflow: hidden; width: calc((16rem * 2.9) + (0.6rem * 3)); /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

    .list-new{ border-top-left-radius:6rem ; padding-top:6rem; padding-bottom:6rem; margin-top:-3rem;}


}
/*----테블릿 가로, 테블릿 세로 (해상도 1016px ~ 1339px)----*/
@media (min-width:1040px) and (max-width:1369px) {
    html{font-size:17px;}
    .header-mainPage, .header-fix, .wrapMainContents, .footer .footer-wrap{padding:0 4rem;}
    .list-hot, .list-new{padding:0 0 0 4rem;}

    .arrowandcontainer{ width: calc((16rem * 2.5) + (0.6rem * 2)); display: flex; justify-content: flex-start; flex-direction: column; }
    .slider-wrapper {overflow: hidden; width: calc((16rem * 2.5) + (0.6rem * 2)); /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

    .list-new{ border-top-left-radius:6rem ; padding-top:6rem; padding-bottom:6rem; margin-top:-3rem;}
    .btn{padding:0rem 1.8rem; border-radius:0.5rem; color:#fff; font-family:"PretendardGOV-bold"; font-size: 1rem; margin-left:0.3rem; height:3rem;}



}

/*----테블릿 가로, 테블릿 세로 (해상도 890px ~ 1015px)----*/
@media (min-width:880px) and (max-width:1039px) {
    html{font-size:16px;}
    .header-mainPage, .header-fix, .wrapMainContents, .footer .footer-wrap{padding:0 1rem;}
    .list-hot, .list-new{padding:0 0 0 4rem; flex-direction: column;}
    
    
    .list-title{width:100%; flex-direction:column; justify-content: space-between; gap:1.4rem; align-items:flex-start; padding:0 0rem;}
    .list-title{width:100%; flex-direction:column; justify-content: space-between; gap:1.4rem; align-items:flex-start; padding:0 0rem;}

    .groupText span br{display:none}
    .groupText img{display: none;}

    .arrowandcontainer{ width: calc((15rem * 4) + (0.6rem * 3)); display: flex; justify-content: flex-start; flex-direction: column; }
    .slider-wrapper {overflow: hidden; width: calc((15rem * 4) + (0.6rem * 3)); /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

    .mainCopy h3{font-family: "Gmarket-medium"; font-size: 1.5rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; margin-bottom:0.8rem; margin-top: 1.2rem;}
    .mainCopy h1{font-family: "Gmarket-medium"; font-size: 2.3rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; text-align: left; line-height: 1.2; margin-bottom:1.8rem; letter-spacing: -0.1rem;}
    .mainCopy h1 strong{background: none; font-family: "Gmarket-bold"; font-size: 3.2rem;}

    .list-new{ border-top-left-radius:0rem ; padding-top:6rem; padding-bottom:6rem; margin-top:-3rem;}

    .btn{padding:0rem 1.8rem; border-radius:0.5rem; color:#fff; font-family:"PretendardGOV-bold"; font-size: 1rem; margin-left:0.3rem; height:3rem;}
    .logo img{width:15rem;}

}




/*----모바일 가로, 모바일 세로 (해상도 480px ~ 879px)----*/
@media all and (max-width:879px) {
    html{font-size:16px;}
    .header-mainPage, .header-fix, .wrapMainContents, .footer .footer-wrap{padding:0 0.8rem;}
    .list-hot, .list-new{padding:0 0 0 4rem; flex-direction: column;}
    
    

    .groupText span{margin-left: 2rem ;}
    .groupText span br{display: none;}

    .arrowandcontainer{ width: calc(100vw - 0.8rem);/*calc((15rem * 2) + (0.6rem * 3))*/; display: flex; justify-content: flex-start; flex-direction: column; padding:0.8rem; }
    .slider-wrapper {overflow: hidden; width: calc(100vw - 0.8rem);/*calc((15rem * 2) + (0.6rem * 3));*/ /* 카드 3.5개 보이게 */position: relative; margin-right: -1rem;}

    .mainCopy h3{font-family: "Gmarket-medium"; font-size: 1.3rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; margin-bottom:0.8rem;}
    .mainCopy h1{font-family: "Gmarket-medium"; font-size: 2.2rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; text-align: left; line-height: 1.2; margin-bottom:1.8rem; letter-spacing: -0.1rem;}
    .mainCopy h1 strong{background: none; font-family: "Gmarket-bold"; font-size: 2.2rem;}   

    .header-mainPage{ background: #fff;}
    .wrapHeader{display:flex; justify-content:space-between; align-items: center; padding: 1rem 0.2rem;}


    .logo{display: none;}
    .logo2{display: block;}
    .logo2 img{width:85%; margin-top: 0.3rem;}

    .mainVisual{height:31rem; width:100%; margin-top:-1rem; background:url(../../imgs/rfe/mainVisualMobile.png) no-repeat ; background-size:80rem; background-position:center; }


    .wrapMainContents{width:100%; height:28rem; margin-top:-19.6rem; display: flex; justify-content: flex-end; flex-direction: column; gap:3rem;}
    .mainCopy h3{font-family: "Gmarket-medium"; font-size: 1rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; margin-bottom:0.4rem; text-align: center;}
    .mainCopy h1{font-family: "Gmarket-medium"; font-size: 1.6rem; color:#fff; text-shadow:rgba(0,0,0,0.3) 0rem 0.2rem 0.2rem; text-align: left; line-height: 1.2; margin-bottom:8rem; letter-spacing: -0.1rem;  text-align: center;}
    .mainCopy h1 strong{background: none; font-family: "Gmarket-bold"; font-size: 2.2rem;}

    .card-suggest-main{width:100%; padding:1.8rem; background: /* url(../../imgs/rfe/imageSuggest-main.png) no-repeat 80% 90%,*/ linear-gradient(180deg, rgba(29,59,154,0.95) 0%, rgba(138,78,213,0.95) 100% );  margin-top:-0.4rem; border-radius:1.2rem ; border:solid 0.3rem #fff; cursor: pointer; transition: transform 0.3s;}
    .card-suggest-main h2{color:#fff; font-family: "Gmarket-bold"; font-size: 2rem; margin-bottom:0.6rem; text-align: center;}
    .card-suggest-main p{color:#fff; font-size: 1.2rem; z-index:2; text-align: center;}


    .mainCopy input{position: relative; width:100%; padding:0.9rem 1.2rem; border:2px solid #ffffff80; border-radius:1.8rem; background: #ffffff15; -webkit-backdrop-filter: blur(8.2px); backdrop-filter: blur(8.2px); z-index:1;}
    .mainCopy input[type="text"]{font-family:"PretendardGOV-regular"; font-size: 1rem; color: #fff;}
    .mainCopy input[type="text"]:focus{border:2px solid #ffffff; outline: none;}
    .mainCopy input::placeholder{font-family:"PretendardGOV-Light"; color: #fff;}

    .mobile-menu .btnGroupHeader{display: flex; justify-content:center;  padding:0.7rem 0;}
    .mobile-menu .btnGroupHeader .btn{font-size: 1rem;}

    .list-hot, .list-new{padding:0rem; flex-direction: column;}

    .list-title{width: 100%; display: flex; justify-content:flex-start ; flex-direction: column; align-items:center; margin-top: 4rem; gap:1rem; padding:0;}

    .groupText h2{font-family: "Gmarket-bold"; font-size: 2rem; color:#313131; text-align: center;}
    .groupText h2 strong{font-family: "Gmarket-bold"; font-size: 2rem; color:#E8417A; margin-top:1rem; }
    .list-new .groupText h2 strong{font-family: "Gmarket-bold"; font-size: 2rem; color:#1D3994; margin-top:1rem; }
    .groupText h2 img{display: none;}
    .groupText span{font-size: 1rem; color:#313131; margin:0;}

    .deco-icon{position:absolute; width:2.4rem; height:2.4rem; background: url(../../imgs/rfe/icoHot.png) no-repeat; background-size:2.4rem; margin:-1rem 0 0 -0.4rem;}
    .deco-icon2{position:absolute; width:2.4rem; height:2.4rem; background: url(../../imgs/rfe/icoNew.png) no-repeat; background-size:2.4rem; margin:-1rem 0 0 -1.2rem;}

    

    .list-title .show-all{padding:0rem 0.8rem; border-radius:0.5rem; color:#555555; font-family:"PretendardGOV-Medium"; font-size: 1rem;  height:3rem; border:solid 2px #8a8a8a;}
    .list-title .show-all:hover{border:solid 2px #F96D9D; color:#E8417A;}
    .list-new .list-title .show-all{padding:0rem 0.8rem; border-radius:0.5rem; color:#555555; font-family:"PretendardGOV-Medium"; font-size: 1rem;  height:3rem; border:solid 2px #8a8a8a;}
    .list-new .list-title .show-all:hover{border:solid 2px #1943cf; color:#1943cf;}

    .footer{background:#616779; font-size:0.6rem; color:#fff; padding:0 1rem; }
    .footer .footer-wrap{padding:0rem;}
    .footer .footer-wrap img{width:14rem; margin:2rem 0 1.6rem 0;}
    .footer .address div{color:#fff; font-size:0.8rem; margin:0.4rem 0;}
    .footer .address div strong{color:#fff; font-family:"PretendardGOV-bold"; margin-right:0.2rem;}
    .footer a{margin-right:0.8rem; color:#fff; font-size:0.8rem;}

    .wrapKISTEP{display: flex; justify-content:space-between ; align-items:flex-start; border-bottom:1px solid #495063; padding-bottom:2rem; flex-direction: column;}
    .footer-bottom{padding:0.8rem 0 1rem 0; border-top:1px solid #7A7F8E;}
    .wrapKISTEP select{color:#fff; font-size:0.8rem; background:#3B4153 url(../../imgs/rfe/arrowSelectWhite.png) 90% center no-repeat; width:100%; height:3rem; border-radius: 0.4rem; padding:0 0.8rem; border:none; margin-top: 1rem;}

    .list-new{ border-top-left-radius:0rem ; padding-top:6rem; padding-bottom:3rem; margin-top:-6rem;}

}




/* 모바일 메뉴 */
.mobile-menu { position:relative; display: none;  flex-direction: column;  align-items: flex-start;  gap: 1rem;  background: #fff;  position: absolute;  top: 5.6rem;  left: 0;  width: 100%;  padding: 1rem 2rem;  box-shadow: 0 0.2rem 1rem rgba(0,0,0,0.1);  z-index: 998;}

/* 모바일 nav와 버튼 구조 */
.mobile-menu nav {  flex-direction: column;  gap: 1rem;}
.mobile-menu .btnGroupHeader {   width: 100%;}

/* 모바일 전용으로 햄버거 버튼 보이고 기존 메뉴 숨김 */
@media (max-width: 879px) {
    .hamburger {    display: block;    position: absolute;   right: 0.8rem;    background: none;        border: none;        font-size: 2rem;        cursor: pointer;        color: #1D3994  }
    .desktop-nav, .desktop-btns {        display: none !important;    }
}



/*----늘렸을때 가운데----*/

@media all and (min-width:1921px) {
    .header-mainPage{padding-left:calc((100% - 1520px) / 2); padding-right:calc((100% - 1520px) / 2);}
    .header-fix{padding-left:calc((100% - 1520px) / 2); padding-right:calc((100% - 1520px) / 2);}

    .list-hot{padding-left:calc((100% - 1520px) / 2); padding-right:calc((100% - 1520px) / 2);}
    .list-new{padding-left:calc((100% - 1520px) / 2); padding-right:calc((100% - 1520px) / 2);}
    .footer .footer-wrap{padding-left:calc((100% - 1520px) / 2); padding-right:calc((100% - 1520px) / 2);}
    
    .wrapMainContents{padding-left:calc((100% - 1520px) / 2); padding-right:calc((100% - 1520px) / 2);}
        .arrowandcontainer{ width: calc((16rem * 3) + (0.6rem * 3)); display: flex; justify-content: flex-start; flex-direction: column; }
    .slider-wrapper {overflow: hidden; width: calc((16rem * 3) + (0.6rem * 3)); /* 카드 3개 보이게 */position: relative; margin-right: -1rem;}


    .mainVisual{height:33rem; width:100vw; margin-top:-6rem;background:url(../../imgs/rfe/mainVisual.png) no-repeat 50% 50%; background-size:120vw; background-position:-10vw -2.5vw;  }

    .list-container .card-list{  box-shadow:0.1rem 0.1rem 0.3rem 0 rgba(0,0,0,0.07); }
    .list-container .card-list:hover{box-shadow:0.1rem 0.1rem 0.3rem 0 rgba(0,0,0,0.15); cursor: pointer; border:solid 1px #c3c8cf;}


}