@charset "UTF-8";

html{font-size:16px;}
*{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 0rem; }
.wrapHeader{display: none;}
.wrapMobileHeader{display:block;}
.wrapMobileHeader .leftSide a{display: flex; align-items: center;}
.wrapMobileHeader .leftSide img{width:15rem; }

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

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

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

main{padding:0 1rem;}

.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:3rem 0 1rem 0; clear: both; display: flex; }
.search-bar input{width:calc(100% - 4rem); 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; display:none;}

.btn-blue-mobile{background-color:#1D3994; padding:0rem 1.2rem; height:3.6rem;line-height: 1.5; display: block; width:100%; margin:1rem 0;}
.btn-blue-mobile:hover{background-color:#10297e;}
.btn-blue-mobile img{margin-right:0.6rem; width:1.1rem}

.userInfo-mobile img{width:0.8rem; margin:0.1rem 0.2rem 0 0;}
.userInfo-mobile{display: flex; justify-content: center;}
.userInfo-mobile{font-size: 0.8rem; margin-right:0.2rem; padding:1rem; width:100%; background:#ebeef5; margin-bottom: 0.4rem; border-radius: 0.5rem;}


.top-info{display: flex;justify-content: space-between; flex-direction: column; align-items:flex-start; margin-bottom:1rem; color:#777; gap:1rem; margin:2rem 0 1rem 0;}

.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{width:100%; display: flex; gap:0.7rem; 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:6.5rem; padding:0.4rem 0.4rem; 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{width:100%; display: block;}
.sort-optionsMobile .sort{ display: flex; align-items: center; justify-content: space-between; width:calc(100% + 2rem); margin-left:-1rem; padding:0.8rem 1rem;border-top: solid 1px #E2E6F0;}
.sort-optionsMobile button{font-family:"PretendardGOV-Regular"; font-size: 1rem; color:#838C98;}
.sort-optionsMobile button.activeSort{font-family:"PretendardGOV-bold"; font-size: 1rem; color:#1D3994; border-bottom: solid 2px #1D3994;}
.sort-optionsMobile select{width:calc(100% + 2rem); padding:0.75rem 1rem; border-top: solid 1px #E2E6F0; border-bottom: solid 1px #E2E6F0; border-left:none;border-right:none; background: url(../../imgs/rfe/arrowSelect.png) 90% center no-repeat; font-family:"PretendardGOV-Regular"; font-size: 1rem; margin-left:-1rem;}


.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:flex-start; flex-direction: column; width:calc(100% - 0.8rem); margin-bottom:1rem;}
.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: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;}

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


.formBoard{width:calc(100% + 2.2rem); padding:2rem 1.4rem; margin-top: 1.6rem; /*border:solid 1px #E2E6F0 ;*/ border-radius: 0;box-shadow:none; margin-left:-1.1rem;}
.inputForm{display:flex; justify-content: space-between; flex-direction:column; 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:100%; 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:100%} 
.inputForm label{margin-right:2rem; width:calc(100% - 3.6rem); }
.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{width:100%; display: flex; flex-direction: column; align-items: flex-start; gap:1rem; margin:1rem 0;}

.wrap-input_del{width:100%;}
.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:100%; display: flex; }
.phoneNumb .threeNumb{font-size: 1rem;width:20%; text-align: center;}
.phoneNumb p{width:1.4rem; text-align: center;}
.phoneNumb .eightNumb{width:calc(80% - 1.4rem);}


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

.guide{width:100%; padding:2rem 1rem; 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;}

.form-bottom .btn-blue img{margin-right:0.8; width:1.2rem;}
.form-bottom .btn-blue{width:100%; height:5rem; border-radius:0.8rem ;}


.bar-top{width:100%; height:0.4rem; background: linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%);margin-bottom: 1rem; 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{height:auto; display: flex; flex-direction:column; justify-content: space-between; padding:2rem 1rem; border-bottom:1px solid #E2E6F0; gap:2rem;}
.titleArea h1{font-family:"PretendardGOV-bold"; font-size:1.5rem;}
.articleInfo{display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;gap:0.8rem;}
.articleInfo .left p{color:#717171; }
.articleBody{padding:2rem 0.5rem; border-bottom:1px solid #E2E6F0;}
.articleBody p{font-size: 1.2rem; 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; flex-direction: column; align-items: center; border-bottom:1px solid #E2E6F0;padding:0 0.5rem;}
.replyLeft{width:100%; padding:2rem 0; display: flex ; justify-content:flex-start; gap:1rem;}
.replyRight{width:100%; display:flex; justify-content: space-between; flex-direction: column; padding:0; gap:2rem; margin-bottom: 2rem;}

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

.replyRight .response{display:flex; justify-content: flex-start; }
.replyRight .reply-comment{width:100%; overflow-wrap: break-word;}
.replyRight .like{color:#000;}.replyRight .dislike{color:#000;}




/* 햄버거 버튼 스타일 */
.hamburger {  background: none;  border: none;  font-size: 2rem;  cursor: pointer;  color: #1D3994;}

/* 모바일 메뉴 전체 영역 */
.mobile-menu {  display: none;  flex-direction: column;  background-color: #fff;  padding: 1rem 2rem;  border-top: 1px solid #E2E6F0;}

/* 모바일 메뉴 내 nav */
.mobile-menu nav {  display: flex;  flex-direction: column; align-items: center; gap: 2rem;  margin-bottom:1.6rem;}
.mobile-menu nav a{font-size: 1.2rem;}

.mobile-menu .btnGroupHeader{display: flex; justify-content:center;  padding:0.7rem 0;}
.mobile-menu .btnGroupHeader .btn{font-size: 1rem;}
.wrapMobileHeader .leftSide{width:100%; display: flex; justify-content: space-between; padding:1rem 1rem;}

.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;}
.goList .btn-blue{width:100%;}

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


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

.mainCopy{margin:4rem 0 4rem 0;}
.mainCopy h1{font-family: "Gmarket-medium"; font-size: 1.2rem; text-align: center; }
.mainCopy h1 strong{font-family: "Gmarket-bold"; font-size: 1.2rem; 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; font-size: 0.8rem; }

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


.titleMessage{display: flex; justify-content: center;margin-bottom: 1rem;}
.titleMessage span{font-family: "Gmarket-bold"; font-size: 1.3rem; 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: 1.3rem; background:url(../../imgs/rfe/decoTextMobile.svg) 50% 0% no-repeat; line-height: 170%; padding-top:0.8rem;}


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

.cards{display: flex; justify-content: flex-start; align-items: center; gap:0.2rem; flex-direction: column;}
.cards{ padding:1rem 1rem; border-radius:1rem; display: flex; align-items: center; box-shadow:none; background:none;}
.cards img{width:8rem;}


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

img.process{display: none;}
img.processMobile{display:block; width:calc(100% + 2rem);}
.mainCopy p{text-align: center; color:#717171; margin-top:0.6rem; font-size: 0.8rem; }

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

.board_pager {margin:3rem auto; text-align:center;
    .inner {display:table; margin:0 auto}
    a{margin:0 2px;}
    a,strong {width: 2.0rem;height: 2.0rem;line-height: 2.0rem;color:#666;display:inline-block; font-size:1.0rem; 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: linear-gradient(90deg, #1D3994 0%, #7854B2 57%, #b33172 100%); padding:1rem;}
.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: 2rem; text-align: center;}
.card_explain2 p{font-size: 1rem; color:#fff; line-height:150%;  text-align: center;}

.inputFormID{background:#ECEEF4; display:flex; justify-content:space-between; align-items: center; padding:2rem 2rem 1rem 2rem; margin-top: 2rem; border-radius: 0.4rem; flex-direction: column;gap:0.6rem;}
.inputFormID input{display:flex; justify-content:flex-start; align-items: center; flex-direction: row;}
.inputFormID .wrapRadio{width:100%; display: flex; flex-direction: row; align-items: flex-start; gap:1rem; margin:1rem 0;}


.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.2rem; margin-bottom: 0.6rem; margin-top: 3rem;;}
.txt-identification p{margin-bottom:0.8rem; color:#444444;}
.listDot{margin-bottom:1rem;}
.listDot > li{position: relative; padding-left: 1rem; line-height: 180%; color:#444444; margin-bottom:0.8rem;}

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


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

.selectMethod .Method-button span img{margin:0.05rem 0.4rem 0 0; }


.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.2rem;}
.step h2{font-family: "Gmarket-bold"; color:#707A99; font-size: 1.2rem;}
.step p{font-family: "PretendardGOV-regular"; color:#4d4d4d; font-size: 1rem; text-align: center; word-break:keep-all;}

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

/*----로그아웃하시겠습니까 모달창----*/
#loginMethodModal .modal-content{position:absolute;  top:50%; left:50%;transform:translate(-50%,-50%); width:20rem; 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);}
/*----로그아웃하시겠습니까 모달창----*/