@charset "UTF-8";

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

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

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

header nav{display: flex; justify-content: space-between; gap:2rem; padding-top:0.3em;}
header nav a{ color:#313131; font-family: "Gmarket-medium"; font-weight: 600; font-size: 1.1rem;}
header nav a:hover{color:#1D3994; font-weight: 600;}

.btn{padding:0rem 1.6rem; 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.3rem; align-items: center; }
.btnGroupHeader a{font-size: 0.8rem; margin-right:0.2rem;}
.btnGroupHeader a img{width:0.8rem; margin:0.1rem 0.2rem 0 0;}
.btn-pink{background-color:#E8417A; }
.btn-pink:hover{background-color:#c71b54;}
.btn-blue{background-color:#1D3994;}
.btn-blue:hover{background-color:#10297e;}
.btn-gray{background-color:#434B65;}
.btn-gray:hover{background-color:#373e57;}
.btn-blue p{color:#fff; font-family:"PretendardGOV-Regular"; font-size: 0.75rem;}

main{ margin:2rem auto;padding:0 12rem;margin-bottom:0;}

.subtitle{width:100%; border-bottom:solid 1px #000; height:4rem; margin:2rem 0; }
.subtitle{display: flex; justify-content: flex-start; align-items: center; gap:0.4rem; }
.subtitle h1{float:left; font-family: "Gmarket-medium"; font-size: 1.6rem;}
.subtitle img{margin:-2rem 0 0 0;}



.search-bar{margin:3.6rem 0; clear: both; }
.search-bar input{width:calc(100% - 35rem); padding:0.9rem 1rem; border:1px solid #838C98; border-radius:0.6rem;}
.search-bar input[type="text"]{font-family:"PretendardGOV-ExtraLight"; font-size: 1.2rem; color: #8F92A2;}
.search-bar .searchButton{width:3rem; height:3rem; border-radius: 1.5rem; background:url(../../imgs/rfe/icoSearch.svg) no-repeat 50% 50%, #1D3994; margin-left:0.5rem; cursor:pointer; margin:0.1rem 0 0 0.5rem;}
.search-bar .btn-blue{float:right; background-color:#1D3994; padding:0rem 1.2rem; height:3.6rem;line-height: 1.5;}
.search-bar .btn-blue:hover{background-color:#10297e;}
.search-bar .btn-blue img{margin-right:0.6rem;}
.btn-blue-mobile{display: none;}


.top-info{display: flex;justify-content: space-between; align-items: center; margin-bottom:1rem; color:#777;}

.top-info p{font-family:"PretendardGOV-bold"; font-size: 1rem;}
.top-info img{height:0.8rem;}
.top-info strong{font-family:"PretendardGOV-bold"; font-size: 1rem; color:#ec4899;}

.sort-options{display: flex; gap:1rem; align-items: center;}
.sort-options button{font-family:"PretendardGOV-Regular"; font-size: 1rem; color:#838C98;}
.sort-options button:hover{font-family:"PretendardGOV-bold"; color:#5a5a5a;}
.sort-options button.activeSort{font-family:"PretendardGOV-bold"; font-size: 1rem; color:#1D3994; border-bottom: solid 2px #1D3994;}
.sort-options select{width:9rem; padding:0.75rem 0.8rem; border: solid 1px #C3CCD9; border-radius: 0.5rem; background: url(../../imgs/rfe/arrowSelect.png) 90% center no-repeat; font-family:"PretendardGOV-Regular"; font-size: 1rem;}
.sort-optionsMobile{display: none;}

.card{background:#fff; border-radius:1.2rem; padding:1.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;}
.card:hover{box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.15); cursor: pointer; border:solid 1px #c3c8cf;}

.card:hover h2{background: linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%); color: transparent; background-clip: text;  }

.card h2{font-family:"PretendardGOV-bold"; font-size:1.2rem; margin-bottom:0.6rem;}
.card p{color:#666; font-size:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:1rem;}
.card span{color:#717171; font-size:1rem;}

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

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


.pagination{display:flex;justify-content:center;  gap:1rem;}
.pagination button.normal{cursor:pointer; font-size:1rem; color:#464C53; margin:0 0.7rem;}
.pagination button.normal:hover{width:2rem; height:2rem; margin:0; border-radius: 1rem; background:#e1e4ee; color:#464C53;}
.pagination button.active{width:2rem; height:2rem; margin:0; border-radius: 1rem; background:#1D3994; font-family:"PretendardGOV-Regular"; color:#fff;}


.pagination button.previous{color:#464C53; font-family:"PretendardGOV-Regular"; font-size: 1rem; margin-right: 1rem;}
.pagination button.previous::before{content: url(img/arrowPrevious.png); margin-right: 0.4rem;}

.pagination button.next{color:#464C53; font-family:"PretendardGOV-Regular"; font-size: 1rem; margin-left: 1rem;}
.pagination button.next::after{content: url(img/arrowNext.png); margin-left: 0.4em;}

.pagination2{display:flex; justify-content:center; margin-top:1.8rem; align-items: center; }
.pagination2 input{text-align: center; border-radius: 0.3rem; width:3.2rem; height:2rem; border:1px solid #aeb7c0; font-size: 0.8rem; }
.pagination2 span{margin:0 0.4rem; font-size: 0.8rem;}
.pagination2 .btnMove{border-radius: 0.3rem; border-radius:0.3rem; width:3.2rem; height:2rem; font-size: 0.8rem; background: #ECF2FE; border:1px solid #256EF4; margin-left:0.4rem; color:#256EF4; font-family:"PretendardGOV-medium";}

.wrapPagination{margin:4rem 0;}


.footer{background:#616779; font-size:0.6rem; color:#fff; padding:0 1rem;}
.footer .footer-wrap{padding:0 12rem;}
.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;}

.card_explain{width:100%; background:url(../../imgs/rfe/imgExplain.png) 98% 100% no-repeat, linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%); padding:2rem 4rem; border-radius: 24px;}
.card_explain h2{width:82%; font-size: 1.4rem; color:#fff; line-height: 180%;}


.formBoard{width:100%; padding:4rem; margin-top: 1.6rem; border:solid 1px #E2E6F0 ; border-radius: 1.2rem;box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.07);}
.inputForm{display:flex; justify-content: space-between; margin-bottom:2rem;}

.inputForm p{font-size: 1.4rem; font-family:"PretendardGOV-bold"; padding:0.6rem 0;}

.inputForm input{width:100%; padding:0.9rem 1rem; border:1px solid #C3CCD9; border-radius:0.6rem;align-items: center;}
.inputForm input[type="text"]{font-size: 1rem;}
.inputForm input[type="tel"]{font-size: 1rem;}
.inputForm input::placeholder{font-family:"PretendardGOV-ExtraLight"; font-size: 1rem; color:#8F92A2;vertical-align:middle;}
.inputForm .suggestion{width:80%; padding:0.9rem 1rem; border:1px solid #C3CCD9; border-radius:0.6rem;font-size: 1rem; line-height: 150%;}
.inputForm .suggestion::placeholder{font-family:"PretendardGOV-ExtraLight"; font-size: 1rem; color:#8F92A2; }

.inputForm:last-child{display:flex; justify-content:flex-start; margin-bottom:2rem; align-items: center;}

.inputForm:last-child p{width:20%} 
.inputForm label{margin-right:2rem;}
.inputForm input[type="radio"]{width: 1.6rem; height: 1.6rem; background: url(../../imgs/rfe/radioNormal.svg) center no-repeat; vertical-align: middle; margin-right:0.4rem;}
.inputForm input[type="radio"]:checked {width: 1.6rem; height: 1.6rem; background: url(../../imgs/rfe/radioChecked.svg) center no-repeat; vertical-align: middle;}
.wrapRadio{display: flex;}

.wrap-input_del{width:80%;}
.wrap-input_del .btn-delete{position:relative; float:right; width:0.8rem; height: 0.8rem; background:url(../../imgs/rfe/btnDel.svg) no-repeat ; margin:-1.9rem 1rem 0 0;}
.wrap-input_del .btn-delete:hover{position:relative; float:right; width:0.8rem; height: 0.8rem; background:url(../../imgs/rfe/btnDelHover.svg) no-repeat ; margin:-1.9rem 1rem 0 0;}


.phoneNumb{width:80%; display: flex; }
.phoneNumb .threeNumb{font-size: 1rem;width:15%; text-align: center;}
.phoneNumb p{width:2rem;text-align: center;}
.phoneNumb .eightNumb{width:calc(85% - 2rem);}



.formGroup{border-bottom:solid 1px #000; padding-bottom: 1rem;}

.guide{width:100%; padding:2rem; font-family:"PretendardGOV-Regular"; line-height: 200%; background: #ECEEF4; border-radius:1.2rem; margin:2rem 0; }
.form-bottom{display: flex; flex-direction:column; align-items: center; margin:2rem 0 1rem 0;}

.form-bottom .btn-blue img{margin-right:0.6rem;}



.bar-top{width:100%; height:0.4rem; background: linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%);margin-bottom: 3.6rem; border-top-left-radius:0.2rem; border-top-right-radius:0.2rem;}
.bar-bottom{width:100%; height:0.4rem; background: linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%); border-bottom-left-radius:0.2rem; border-bottom-right-radius:0.2rem; margin-bottom: 4rem;}

.titleArea{ display: flex; flex-direction:column; justify-content: space-between; gap:1rem; padding:1rem 1rem 2rem 1rem; border-bottom:1px solid #E2E6F0;}
.titleArea h1{font-family:"PretendardGOV-bold"; font-size:1.5rem;}
.articleInfo{display: flex; justify-content: space-between; align-items: center;}
.articleInfo .left p{color:#717171; margin-top:0.2rem;}
.articleBody{padding:4rem 2rem; border-bottom:1px solid #E2E6F0;}
.articleBody p{font-size: 1.05rem; line-height: 150%;}
.articleInfo .left span{margin-right:1.6rem; }
.articleInfo .left strong{font-family:"PretendardGOV-regular"; margin-right:0.4rem; color:#717171;}

.wrapExpression{display: flex; flex-direction: column; align-items: center;}
.expression{ margin:2.5rem 0; display: flex; align-items: center; gap:1rem;} 
.expression strong{font-family:"PretendardGOV-bold";color:#E8417A;}
.expression span{font-family:"PretendardGOV-bold";color:#1D3994;}

.wrapReply{border-top:1px solid #E2E6F0; border-bottom:1px solid #E2E6F0;}
.wrapReply:last-child{border-bottom: none;}
.reply{display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #E2E6F0;}
.replyLeft{width:20%; padding:3rem 0;}
.replyRight{width:80%; display:flex; justify-content: space-between; padding:3rem 0;}

.replyLeft .name{font-family:"PretendardGOV-bold"; font-size: 1rem; padding:0.2rem 0;}
.replyLeft .date{color:#717171; padding:0.2rem 0;}

.replyRight .reply-comment{width:80%; overflow-wrap: break-word;}
.replyRight .like{color:#000;}.replyRight .dislike{color:#000;}

.inputReply textarea{width:100%; height:8rem; padding:0.9rem 1rem; border:1px solid #838C98; border-radius:0.6rem; }
.inputReply textarea[type="text"]{font-family:"PretendardGOV-ExtraLight"; font-size: 1.2rem; color: #8F92A2;}
.bottom-replay{display: flex; justify-content: space-between; align-items: flex-start;
margin:0.4rem 0 3rem 0;}
.bottom-replay .btn-blue{margin-top:1.4rem;}
.bottom-replay p{color:#8F92A2; font-family:"PretendardGOV-extraLight";}

.noreply{background:#ECEEF4;padding:2rem ; margin:1rem 0; display: flex; flex-direction: column; align-items: center; border-radius:1.2rem; }
.noreply span{display:flex; justify-content: center; align-items: center; height:4rem;}
.noreply img{margin-right:0.4rem; width:1.2rem;}

.goList{display:flex; justify-content: flex-end;  margin:2rem 0;}

.btn-top{position:fixed; right:2rem; top:calc(100vh - 6rem); width:4rem; height:4rem; background:url(../../imgs/rfe/btn-top.png) no-repeat; background-size: contain; z-index:10;}


/*----모두의R&D란?(소개페이지)----*/
.card_introduce{width:100%; background:url(../../imgs/rfe/introTitleBG.png) 50% 50% no-repeat;  padding:3.4rem 2.6rem; border-top-left-radius:1.6rem;  border-top-right-radius:1.6rem; }
.card_introduce h2{ font-family: "Gmarket-bold"; font-size: 3rem; color:#fff;  text-align: center;line-height: 1.2; padding-top:1.2rem;text-shadow:rgba(0,0,0,0.3) 0.2rem 0.2rem 0.3rem  ;}

.mainCopy{margin:5rem 0 10rem 0;}
.mainCopy h1{font-family: "Gmarket-medium"; font-size: 3rem; text-align: center; }
.mainCopy h1 strong{font-family: "Gmarket-bold"; font-size: 3rem; background:linear-gradient(0deg, #DFE6FF 0%, #DFE6FF 42%, #ffffff 42.01%, #ffffff 100%); }
.mainCopy h1 strong.linePink{background:linear-gradient(0deg, #FFE2EC 0%, #FFE2EC 42%, #ffffff 42.01%, #ffffff 100%);}
.mainCopy p{text-align: center; color:#717171; margin-top:0.6rem;}

span.anyone{font-family: "Gmarket-bold"; color:#1745da; font-size: 3.5rem; line-height: 4.2rem;}
span.comfort{font-family: "Gmarket-bold"; color:#ff3176; font-size: 3.5rem; line-height: 4.2rem;}

.titleMessage{display: flex; justify-content: center;margin-bottom: 2rem;}
.titleMessage span{font-family: "Gmarket-bold"; font-size: 2.4rem; background: linear-gradient(90deg, #1D3994 0%, #7854B2 70%, #b33172 100%); color: transparent; background-clip: text; line-height: 170%; }
.titleMessage strong{font-family: "Gmarket-bold"; font-size: 2.4rem; background:url(../../imgs/rfe/decoText.svg) 50% 0% no-repeat; line-height: 170%; padding-top:0.8rem;}

.introContent01{margin-bottom:10rem; width:100%; gap:2rem; display: grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;
    grid-template-areas:
    "a b"
    "c d"}
.card01{grid-area: a; }
.card02{grid-area: b; }
.card03{grid-area: c; }
.card04{grid-area: d; }

.cards{display: flex; justify-content: flex-start; align-items: center; gap:1rem;}
.cards{ padding:2rem 1rem; border-radius:1rem; height:10rem; display: flex; align-items: center; box-shadow:0rem 0.2rem 0.2rem 0 rgba(0,0,0,0.1); background:#F5F7FF;}
.cards img{width:8rem;}

.cards h3{ font-size: 1.4rem; line-height: 1.5; }
.cards h3 strong{font-weight:900; font-size: 1.4rem; line-height: 1.2; color:#3047BC;}

img.process{width:calc(100% + 24rem);}
img.processMobile{display:none;}
.grayText p{text-align: center; color:#717171; margin-top:0.6rem;}

@media (max-width: 344px) {
    .mainCopy h1{letter-spacing: -0.04rem;}
}

/*----모두의R&D란?(소개페이지)----*/

.board_pager {margin:3rem auto; text-align:center;
    .inner {display:table; margin:0 auto}
    a{margin:0 2px;}
    a,strong {width: 3.6rem;height: 3.6rem;line-height: 3.4rem;color:#666;display:inline-block; font-size:1.6rem; text-decoration:none;border-radius: 50%;}
    a:hover{background-color: #aeb4bc;color:#fff;transition:.25s;
        i{color: #ffffff;}
    }   
    strong {color:#fff;background-color:#737584;}

    .page_none {border-color:transparent;}
    .page_none:hover {border-color:#ddd; transition:all .2s}    
    + .survey {margin-top:100px}
    i{font-size:2rem;vertical-align:middle;color:#727272;}
    .page_first i::after{content: "\e93c";font-family: 'xeicon';margin-left: -1.6rem;}
    .page_last i::after{content: "\e93f";font-family: 'xeicon';margin-left: -1.6rem;}
    .page_prev{margin-right: 1rem;}
    .page_next{margin-left: 1rem;}
    
}


/*----본인인증 페이지----*/
.card_explain2{width:100%; background:url(../../imgs/rfe/imgExplain2.png) 98% 100% no-repeat, linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%); padding:2rem 4rem; border-radius: 24px;}
.card_explain2 h2{width:82%; font-size: 1.4rem; color:#fff; line-height: 180%;}
.card_explain2 h1{font-family: "Gmarket-bold"; color:#fff; font-size: 3rem; text-align: center;}
.card_explain2 p{font-size: 1rem; color:#fff; line-height:150%;  text-align: center;}

.step-identification{width:100%; height:16rem; display: flex; align-items: center;justify-content: center; margin-top:2rem;}
.step{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.step img{width:6.5rem; margin-bottom: 0.4rem;}
.step span.currentStep{color:#fff; background:#00BCCF; padding:0.1rem 1rem; font-family: "PretendardGOV-ExtraBold"; font-size: 0.8rem; border-radius: 2rem; margin-bottom: 0.8rem;}
.step span{width:2.5rem; height:1.4rem; color:#fff; background:#707A99; padding:0.1rem 1rem; font-family: "PretendardGOV-ExtraBold"; font-size: 0.8rem; border-radius: 2rem; margin-bottom: 0.8rem;}
.step span img{width:0.8rem; margin: 0.2rem 0 0 -0.1rem; }
.step h1{font-family: "Gmarket-bold"; color:#00BCCF; font-size: 1.6rem;}
.step h2{font-family: "Gmarket-bold"; color:#707A99; font-size: 1.6rem;}
.step p{font-family: "PretendardGOV-regular"; color:#4d4d4d; font-size: 1rem;}

.step-identification .line{width:11rem; height:1px; background: #CDD6E4; margin:0 -1rem 0 -2rem;} 

.inputFormID{background:#ECEEF4; display:flex; justify-content:space-between; align-items: center; padding:1rem 2rem; margin-top: 2rem; border-radius: 0.4rem;}
.inputFormID input{display:flex; justify-content:flex-start; align-items: center;}


.inputFormID input p{width:20%} 
.inputFormID label{margin-right:2rem;}
.inputFormID input[type="radio"]{width: 1.6rem; height: 1.6rem; background: url(../../imgs/rfe/radioNormal.svg) center no-repeat; vertical-align: middle; margin-right:0.4rem;}
.inputFormID input[type="radio"]:checked {width: 1.6rem; height: 1.6rem; background: url(../../imgs/rfe/radioChecked.svg) center no-repeat; vertical-align: middle;}
.inputFormID.wrapRadio{display: flex;}
.agree, .disagree{display: flex;}

.txt-identification{margin:0 0 3rem 0;/*background:#ECEEF4; border-radius: 1.2rem;*/  }
.txt-identification h1:first-child{margin-top:0;}
.txt-identification h1{font-family:"PretendardGOV-bold"; font-size: 1.7rem; margin-bottom: 0.6rem; margin-top: 3rem;}
.txt-identification p{margin-bottom:1rem; color:#444444;}
.listDot{margin-bottom:1rem;}
.listDot > li{position: relative; padding-left: 1rem; line-height: 180%; color:#444444;}

.txt-identification h2{font-family:"PretendardGOV-regular"; font-size: 1.7rem; margin-bottom: 0.6rem; text-align: center;}
.txt-identification h2 strong{font-family:"PretendardGOV-bold"; font-size: 1.7rem; margin-bottom: 0.6rem; margin-top: 3rem;}

.selectMethod{display: flex;justify-content: space-between; gap:1rem;}
.selectMethod .Method-button{ display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: column; background:#f3f4f7; width:calc((100% - 2rem) / 2); border-radius: 0.8rem; padding:3rem 3rem; margin:0 0 1rem 0;  gap:0.4rem; border:1px solid #e3e5eb;}
.selectMethod .Method-button:hover{background: #fff; border:1px solid #3047BC;}

.selectMethod .Method-button span{font-family:"PretendardGOV-bold"; font-size: 1.2rem;}
.selectMethod .Method-button span img{margin:0.3rem 0.4rem 0 0; }

.selectMethod .Method-button p{font-size: 0.8rem; text-align: left; word-break:keep-all; color:#444444;}





/*----본인인증 페이지----*/

/*----로그아웃하시겠습니까 모달창----*/
.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4);}
.modal-content{position:absolute;  top:50%; left:50%;transform:translate(-50%,-50%); width:24rem; background:#fff;border-radius:0.5rem; overflow:hidden; font-family:"PretendardGOV-Regular"; box-shadow: 0.3rem 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.15);}

.modal-header{background:linear-gradient(90deg, #1D3994 0%, #7854B2 70%, #b33172 100%); color:#fff;display:flex;justify-content:space-between; align-items:center; padding:0.8rem 1.4rem 0.6rem 1.4rem;}
.modal-title{font-family:"PretendardGOV-bold"; font-size:1rem; color:#fff;}
.modal-close{font-size:1.2rem;cursor:pointer; color:#fff;}

.modal-body{text-align:center;padding:1rem 1rem 2rem 1rem;}
.modal-body img.modal-icon{width:12rem;margin:1.6rem 0;}
.modal-footer{display:flex;border-top:1px solid #e3e5eb;}
.modal-footer button{font-family:"PretendardGOV-bold"; flex:1; padding:1rem 0; background:#f0f0f0; border:none;cursor:pointer; font-size:1rem;}
.modal-footer button:first-child{border-right:1px solid #e3e5eb;}
.modal-footer button:hover{background:#6b6e75; color:#fff;}
/*----로그아웃하시겠습니까 모달창----*/

/*----로그인 방식 모달창----*/
#loginMethodModal{display:none; position:fixed; z-index:9999;left:0;top:0; width:100vw; height:100vh;background-color:rgba(0,0,0,0.4);}
#loginMethodModal .modal-content{position:absolute;  top:50%; left:50%; transform:translate(-50%,-50%); width:38rem; background:#fff;border-radius:1.2rem; overflow:hidden; font-family:"PretendardGOV-Regular"; box-shadow: 0.3rem 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.15); }

#loginMethodModal .modal-header{background:url(../../imgs/rfe/header-loginMethod.png) no-repeat 50% 0; background-size:32rem ; display:flex; justify-content:flex-end; align-items:center; padding:0.8rem 1.4rem 0.6rem 1.4rem;}
#loginMethodModal .modal-close{ font-size:1.8rem; cursor:pointer; color:#4F5369; }

#loginMethodModal .modal-body{text-align:center; padding:2rem 2rem 3rem 2rem; display: flex; flex-direction: column; gap:0.6rem;}
#loginMethodModal .modal-body h1{font-family:"PretendardGOV-bold"; font-size:2rem;}
#loginMethodModal .modal-body p{font-family:"PretendardGOV-regular"; font-size:1rem;}

#loginMethodModal .btnGroup-method{display:flex; justify-content: space-between; margin-top: 1rem;;}
#loginMethodModal .btnGroup-method button{width:calc(50% - 0.5rem); display: flex; flex-direction: column; align-items: center; gap:0.6rem; font-family:"PretendardGOV-bold"; font-size:1.1rem; color:#2D2D2D; border:solid 4px #E1E6ED; padding:2rem 0 1.5rem 0; border-radius: 1rem; transition: transform 0.3s;}
#loginMethodModal .btnGroup-method button img{width:8rem; }

#loginMethodModal .btnGroup-method button:hover{ border:solid 4px #a0c4ff; transform:translateY(-0.2rem) ; box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.07); color:#000;}
#loginMethodModal .btnGroup-method button:hover:last-child{border:solid 4px #ffb1d8;}

#loginMethodModal .btnGroup-method button:hover img{animation: bounce 1.2s infinite ease-in-out;}
@keyframes bounce {
    0% {transform: translateY(0) ;}
    50% {transform: translateY(-6px) translateX(0px) ; }
    100% {transform: translateY(0);}
}

#loginMethodModal .modal-footer{display:flex; border-top:1px solid #cdd0d8;}
#loginMethodModal .modal-footer button{font-family:"PretendardGOV-bold"; flex:1; padding:1rem 0; background:#f0f0f0; border:none; cursor:pointer; font-size:1rem;}
#loginMethodModal .modal-footer button:hover{background:#6b6e75; color:#fff; }


/*----로그인 방식 모달창----*/


/*----로그인 방식 페이지----*/
/*
#loginMethod{display: flex; justify-content: center; width:100%; }
#loginMethod .loginMethod-content{ width:38rem; background:#fff; overflow:hidden; font-family:"PretendardGOV-Regular"; }

#loginMethod .loginMethod-header{background:url(../../imgs/rfe/header-loginMethod.png) no-repeat 50% 0; background-size:32rem ; display:flex; justify-content:flex-end; align-items:center; padding:0.8rem 1.4rem 0.6rem 1.4rem;}
#loginMethod .loginMethod-close{ font-size:1.8rem; cursor:pointer; color:#4F5369; }

#loginMethod .loginMethod-body{text-align:center; padding:2rem 2rem 3rem 2rem; display: flex; flex-direction: column; gap:0.6rem;}
#loginMethod .loginMethod-body h1{font-family:"PretendardGOV-bold"; font-size:2rem;}
#loginMethod .loginMethod-body p{font-family:"PretendardGOV-regular"; font-size:1rem;}

#loginMethod .btnGroup-loginMethod{display:flex; justify-content: space-between; margin-top: 1rem;;}
#loginMethod .btnGroup-loginMethod button{width:calc(50% - 0.5rem); display: flex; flex-direction: column; align-items: center; gap:0.6rem; font-family:"PretendardGOV-bold"; font-size:1.1rem; color:#2D2D2D; border:solid 4px #E1E6ED; padding:2rem 0 1.5rem 0; border-radius: 1rem; transition: transform 0.3s;}
#loginMethod .btnGroup-loginMethodd button img{width:8rem; }

#loginMethod .btnGroup-loginMethod button:hover{ border:solid 4px #a0c4ff; transform:translateY(-0.2rem) ; box-shadow:0.3rem 0.3rem 0.6rem 0 rgba(0,0,0,0.07); color:#000;}
#loginMethod .btnGroup-loginMethod button:hover:last-child{border:solid 4px #ffb1d8;}

#loginMethod .btnGroup-loginMethod button:hover img{animation: bounce 1.2s infinite ease-in-out;}
@keyframes bounce {
    0% {transform: translateY(0) ;}
    50% {transform: translateY(-6px) translateX(0px) ; }
    100% {transform: translateY(0);}
}

#loginMethod .loginMethod-footer{display:flex; border-top:1px solid #cdd0d8;}
#loginMethod .loginMethod-footer button{font-family:"PretendardGOV-bold"; flex:1; padding:1rem 0; background:#f0f0f0; border:none; cursor:pointer; font-size:1rem;}
#loginMethod .loginMethod-footer button:hover{background:#6b6e75; color:#fff; }

*/
/*----로그인 방식 페이지----*/


/*----늘렸을때 가운데----*/
@media all and (min-width:1921px) {
    header{padding-left:calc((100% - 1440px) / 2); padding-right:calc((100% - 1440px) / 2);}
    main{padding-left:calc((100% - 1440px) / 2); padding-right:calc((100% - 1440px) / 2);}
    .footer .footer-wrap{padding-left:calc((100% - 1440px) / 2); padding-right:calc((100% - 1440px) / 2);}
}