@charset "utf-8";

/* 시연용 상단과 푸터 공백을 추가함 앱개발시 삭제 필요 */
#wrap {padding: 6.1rem 0 9.5rem 0;}
#wrap.noheader {padding-top: 0;}
#wrap.nofooter {padding-bottom: 0;}

/* 로그인페이지 */
.intro{display:block;width:100%;min-height:100%;margin:0;position: relative;}
.intro .intro_content{text-align:center;transition: .5s all;}
.intro .intro_content.active {filter: blur(.3rem);}
.intro .intro_content .intro_title .inner{background:#268DFF;height:50vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:7.3rem;;}
.intro .intro_content .intro_title .logo{display:block;margin-bottom:6.3rem;;}
.intro .intro_content .intro_title p{font-size:1.8rem;font-weight:600;color:#fff;}
/* 간편로그인 */
.intro .login_wrap{text-align:center;display:block;margin:0 auto;padding-top:2rem;}
.intro .login_wrap .list{width:32.8rem;max-width:calc(100% - 3.2rem);text-align:center;margin:0 auto;}
.intro .login_wrap .list + .list{margin-top:4rem;}
.intro .login_wrap .list .line{display:flex;flex-basis:100%;align-items:center;color:#000;font-size:1.8rem;font-weight:600;margin-bottom:2rem;}
.intro .login_wrap .list .line::before, 
.intro .login_wrap .list .line::after{content:'';flex-grow:1;margin:0 .5rem;background:#F0F0F1;height:1px;font-size:0px;line-height:0px;}
.intro .login_wrap .join > li{display:flex;justify-content:center;background:#fff;border:1px solid #ddd;font-size:1.8rem;font-weight:600;color:#000;height:5rem;line-height:5rem;border-radius:.8rem;}
.intro .login_wrap .join > li + li{margin-top:2rem;}
.intro .login_wrap .link {display:flex;flex-direction:row;justify-content:center;align-items:center;}
.intro .login_wrap .link > li{position:relative;width:25%;}
.intro .login_wrap .link > li::after{content:"";display:block;padding-bottom:90.8%;}
.intro .login_wrap .link > li + li{margin-left:.8rem;}
.intro .login_wrap .link > li > a{display:block;position:absolute;top:0;left:0;width: 100%;height:100%;}
.intro .login_wrap .link > li .icon{background:#FAE24C;border-radius:1rem;display:block;width:100%;height:100%;}
.intro .login_wrap .link > li .icon.type2{background:#03C75A;}
.intro .login_wrap .link > li .icon.type3{background:#fff;border:1px solid #268DFF;}
.intro .login_wrap .link > li .icon.type4{background:#000;}
.intro .login_wrap .link > li .icon::before{content:'';position:absolute;background-image:url("../images/common/kakao.png");background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem;line-height:3rem;top:50%;left:50%;transform:translate(-50%, -50%);}
.intro .login_wrap .link > li .icon.type2::before{background-image:url("../images/common/naver.png");}
.intro .login_wrap .link > li .icon.type3::before{background-image:url("../images/common/google.png");}
.intro .login_wrap .link > li .icon.type4::before{background-image:url("../images/common/apple.png");}
.intro .login_wrap .list p{display:block;font-size:1.2rem;font-weight:400;margin-top:1.1rem;text-align:left;}

/* 점검중 페이지 */
.monitoring {text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.monitoring h2 {font-size: 2.7rem; color: #111; margin: 2.5rem 0 1.5rem;}
.monitoring h2 strong {color: #5180E4;}
.monitoring p {font-size: 1.6rem; color: #a9a9a9; line-height: 2.75rem;}

/* wrap */
/*#wrap.menu{padding-bottom:8rem}*/

/* 헤더 */
/* 상세페이지 헤더 선택부분 */
.order_choice {display: flex; justify-content: space-between;margin-bottom: .5rem; padding: .5rem 1.6rem;}
.order_choice li { width: 50%; text-align: center;}
.order_choice li button {display: block; width: 100%; padding: 1rem 0;border-bottom:1px solid #B3B8BE;font-size:1.6rem;font-weight:500;color:#888;}
.order_choice li button.on {border-color: #5180E4; color: #268DFF;}
.order_choice li .num{background:#E5EFFB;padding:.3rem .8rem;font-size:1.3rem;font-weight:500;color:#222;border-radius:.4rem;margin-left:.4rem;}

/* 상세페이지 헤더 */
.header_default{position: fixed;left:0;top:0;width:100%;background:#fff; /*box-shadow: 0px 3px 6px rgba(68, 68, 68, 0.05);*/ z-index:99;}
.header_default .btn_left,
.sub_header .btn_left{position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); font-size: 2.4rem; color:#111;}
.header_default .btn_left a,
.sub_header .btn_left a{padding: 0 .5rem;}
.header_default .btn_right,
.sub_header .btn_right{position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 2.4rem; color:#111;}
.header_default .btn_right a,
.sub_header .btn_right a{padding: 0 .8rem}
.header_default .btn_right a.okBtn{font-size:1.5rem; font-weight:400; color:#000;}
.header_default .btn_right a.okBtn i{font-size:2.4rem;color:#bbb;}
.header_default .link_title{font-size:1.8rem; font-weight: 500; color:#111111; padding: 0 5rem; width: 100%; text-align: center; z-index: -1; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.header_default .contents_title{font-size: 1.7rem; font-weight: 500;  color:#111111; padding: 0 3.5rem; width: 100%; text-align: center; z-index: -1; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; margin-top: .3rem}
.header_default a img,
.sub_header a img{width: 1.75rem }
.header_default .header_top{position: relative; padding:1.3rem 1.6rem; min-height: 6rem;box-shadow:0px 0px 8px rgba(0, 0, 0, .16);}
.sub_header{border-top: 1px solid #F0F0F0; padding:1rem 0 0; position: relative; width: 100%; overflow: hidden; background: #fff; /*box-shadow: 0px 3px 6px rgba(68, 68, 68, 0.05);*/}
.sub_header .order_list{overflow-x:auto; overflow-y:hidden; white-space:nowrap; border-bottom:1px solid #F4F4F4; box-sizing:border-box;padding:0 .6rem}
.sub_header .order_list li{display:inline-block; height:3.4rem; vertical-align:top;}
.sub_header .order_list li a{display: block; padding:0 1rem; font-size: 1.6rem; font-weight: 400; color: #888;  position: relative;}
.sub_header .order_list li.on a{font-weight: 500; color: #268DFF;border-color:#268DFF;}
.sub_header .order_list li.on a:before{content: ''; position: absolute; left: 50%; bottom:-0.7rem; transform: translateX(-50%); width:calc(100% - 1rem); height:2px; background:#268DFF;}
.sub_header .order_list li a i{display:inline-block; margin-left:.3rem;}

/* 상세페이지 푸터 */
.order_result {height: auto;background: #FCFCFC; border: 1px solid #EBEBEB; padding: 2rem; margin-top: 1.5rem;}
.order_result li {font-size: 1.4rem; font-weight: 400; color: #333333; position: relative;}
.order_result li::before {top: 1rem; width: .3rem; height: .3rem; background: #6E6E6E; border-radius: 50%; position: absolute; left: 0; content: ''; left: -.5rem;}
/* 검색영역 */
.search_wrap{position: absolute; left:120%; top:0; width: 0; height: 100%; background: #fff; padding: 0; transition: .5s; }
.search_wrap.active{width: 100%; left:0; padding: 0 1rem;}
.search_wrap .search_form{position: relative;width: calc(100% - 35px); top:0}
.search_wrap input[type="text"]{padding:0 3.5rem 0 1.2rem; background:#fff; border-radius:0.8rem; border-color:#ddd; height:4rem; line-height:4rem; width: 100%; color:#6E6E6E;}
.search_wrap input[type="text"]:focus{outline:none !important; border-color:#759bec;}
.search_wrap .search_form button{position: absolute; right:1.2rem; top: 50%; transform: translateY(-50%);}
.search_wrap .search_form button:after{content:"\f0d1"; font-family:'remixicon'; font-size:1.8rem; color:#333333;}
.search_wrap .search_form button img{ width: 1.5rem;}
.search_wrap > button{position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); display: block; padding: .75rem 0 .75rem .75rem; font-size: 1.4rem; font-weight: 400; color: #333333}
/* GNB */
#gnb{position:fixed;left:0;bottom:0;width:100%;background:#fff;padding:2rem 1.5rem 3rem;box-shadow:0 0 1.5rem rgba(0,0,0,.08);border-radius:2rem 2rem 0 0;z-index:98;}
#gnb>ul:after{content:"";display:block;clear:both}
#gnb>ul>li{float:left;width:20%;text-align:center}
#gnb>ul.type2>li{width:25%;}
#gnb>ul>li>a{display:block;font-size:1.2rem;letter-spacing:-.05rem;color:#222;transition:all .2s;}
#gnb>ul>li>a:before{content:"";font-family:'boxicons';display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:2.5rem;margin:0 auto;text-align:center;color:#bbb;transition:all .2s;}
#gnb>ul>li>a.menu1:before{content: "\ef2b"}
#gnb>ul>li>a.menu2:before{content: "\ee7e"}
#gnb>ul>li>a.menu3:before{content: "\edd6"}
#gnb>ul>li>a.menu4:before{content: "\eb5a"}
#gnb>ul>li>a.menu5:before{content: "\eee5"}
#gnb>ul>li>a.menu6:before{content: "\ea7f"}
#gnb>ul>li>a.menu7:before{content: "\ea15"}
#gnb>ul>li>a.menu8:before{content: "\edd6"}
#gnb>ul>li>a.menu9:before{content: "\ea6e"}
#gnb>ul>li>a.menu10:before{background-image:url(../images/common/icon_menu10.png)}
#gnb>ul>li>a.on,
#gnb>ul>li>a.on:before{color:#268DFF;}
#gnb>ul>li>a:hover,
#gnb>ul>li>a:hover::before{color:#268DFF;}

/*#gnb:before{content:"";position:absolute;left:0;top:0;width:100%;border-top:1px solid #ddd;transition:all .3s}
#gnb.bottom:before{width:0;left:50%}*/



/* 심사 팝업 */
.intro .screen {width: 100%; height: 15.9rem; background: #fed530; position: absolute; top: calc(100% - 15.9rem); left: 0; text-align: center; color: #000; padding: 1rem 0;
    font-weight: 500; transition: .5s all; opacity: 0; visibility: hidden;}
.intro .screen.active {top: 50%; transform: translateY(-50%); opacity: 1; visibility: visible;}
.intro .screen .head {display: flex; justify-content: right; padding: 0 2rem; align-items: center; margin: 0 auto; font-weight: 400;
flex-wrap: wrap; }
.intro .screen .head button {font-size: 1.8rem; font-weight: 700;}
.intro .screen .body {font-size: 1.8rem; margin-top: .5rem;}
.intro .screen .body input {height: 3rem; font-size: 1.4rem; display: block; margin: 0 auto; width: 100%; max-width: 20rem;}
.intro .screen .body button {color: #fff; background: #152074; padding: .5rem 2rem; border-radius: .5rem; font-size: 1.4rem; margin: 0 auto; margin-top: 1rem; display: block;}
.intro .screen .fail {color: #F76720;}

/* 인트로 - 회원가입 */

.intro_join{display:table;width:100%;min-height:100%;margin:0}
.intro_join #header {margin-bottom: 2rem;}
.intro_join .intro_content{display:table-cell;text-align:center; margin-bottom: 2rem; position: relative;}
.intro_join .intro_content #container {padding: 0 1.5rem;}
.intro_join .intro_content .intro_title{margin-bottom:3.7rem; text-align: left; padding-left: 1.5rem;}
.intro_join .intro_content .intro_title strong{font-family:'Poppins', sans-serif;font-size:2.8rem;color:#111;font-weight:bold;line-height:1; font-family: 'Noto Sans KR'; letter-spacing: -1.4px; margin-bottom: 2.4rem; display: inline-block;
    line-height: 3.8rem;}
.intro_join .intro_content .intro_title strong span {color:#5180E4;}
.intro_join .intro_content .intro_title p{color: #333; letter-spacing: -.65px; font-weight: 500; word-break: keep-all; position: relative; padding-top: .5rem;}
.intro_join .intro_content .intro_title p::after{display: block; content: ''; background: #6E6E6E; border-radius: 50%; width: 3px; height: 3px; position: absolute; top: 1.5rem; left: -.9rem;}
.intro_join .intro_content .intro_title p span {padding: 0 .5rem; word-break: keep-all; display: inline-block; position: relative;}
.intro_join .intro_content .intro_title p span::after {display: block; position: absolute; content: ''; width: 100%; left: 0%; top: 50%; background-color: inherit; z-index: -1; transform: translateY(-50%); height: calc(100% + .5rem);}
.intro_join .intro_content .intro_title p .pass {background: #fed530; color: #000;}
.intro_join .intro_content .intro_title p .digital {background: #152074; color: #fff;}
.intro_join .intro_content .img{display:inline-block;width:17.8rem;margin-bottom:5.7rem}
.intro_join .intro_content .startBtn{text-align:center}
.intro_join .join_wrap ul {border: 1px solid #D0D0D0; border-radius: .5rem;}
.intro_join .join_wrap ul li {font-size: 1.5rem; color: #333; letter-spacing: -.75px; font-weight: 600; text-align: left; padding: 2.2rem 1.8rem; position: relative;}
.intro_join .join_wrap ul li:first-child {border-bottom: 1px solid #d0d0d0;}
.intro_join .join_wrap ul li label {padding-left: 1rem;}
.intro_join .join_wrap ul li i {position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); cursor: pointer;}
.intro_join .join_wrap button {background: #5180E4; display: block; width: 100%; color: #fff; margin: 2rem 0; height: 6rem; line-height: 6rem; border-radius: .5rem;
font-size: 1.8rem;}

/* 거주확인 */

.intro_check .intro_content #container {padding: 0 1.5rem;}
.intro_check .check_top {margin-top: 2rem; font-weight: 700;}
.intro_check .check_top i,
.intro_check .check_top span{color:#5180E4; font-weight: 500;}
.intro_check .check_top {font-size: 1.6rem;}
.intro_check .check_top i {font-size: 1.9rem; padding-right: .5rem;}
.intro_check .check_body {padding: 1.8rem 2.8rem; border: 1px solid #EBEBEB; background: #FCFCFC; border-radius: .5rem; margin: 1rem 0 2rem;}
.intro_check .check_body li {position: relative; color: #333; word-break: keep-all; margin-bottom: .5rem; line-height: 2rem; font-size: 1.3rem; letter-spacing: -.65px;}
.intro_check .check_body li:last-child {margin-bottom: 0;}
.intro_check .check_body li::after {display: block; content: ''; background: #6E6E6E; width: 3px; height: 3px; position: absolute; top: .8rem; left: -.9rem;}
.intro_check .reg_wrap {position: relative; padding-bottom: 2rem;}
.intro_check .reg_wrap > strong {color: #424242; font-size: 1.8rem; letter-spacing: -.9px; margin-bottom: .5rem; display: inline-block;}
.intro_check .reg_wrap .reg_box {display: flex; justify-content: space-between; position: relative;}
.intro_check .reg_wrap .reg_box::after {display: block; content: ''; background: #424242; height: 1px; width: .7rem; position: absolute; top: 50%; left: 50%;
     transform: translate(-50%,-50%);}
.intro_check .reg_wrap .reg_box input {width: calc(50% - 1.2rem); border-radius: .5rem; background: #F7F7F7; border : 1px solid #DADBDA; height: 4.2rem; line-height: 4.2rem;
text-align: center;}
.intro_check .reg_wrap .reg_box input:last-child {background: #fff;}
.intro_check .reg_wrap .reg_box input::placeholder {color: #333; opacity: .3; padding-left: 1.3rem; text-align: left;}
.intro_check .reg_wrap > p {margin-top: .75rem; position: relative; padding-left: 2rem; margin-bottom: 3rem; letter-spacing: -.7px;}
.intro_check .reg_wrap p i {position: absolute; top: .4rem;left: 0;}
.intro_check .reg_wrap button {width: 13rem; height: 3.9rem; line-height: 3.9rem; color: #fff; background: #4A81EC; border-radius: .5rem; margin: 0 auto;
    display: block; margin-bottom: 1rem;}
.intro_check .intro_content .join_btn {display: block; background: #748ABA; border-radius: .5rem; width: 100%; color: #fff; height: 6rem; line-height: 6rem;
    font-size: 1.8rem; padding: 0 1.5rem; margin-bottom: 0;}
.intro_check .reg_wrap .reg_true,
.intro_check .reg_wrap .reg_false {padding: 2rem 0; text-align: center; background: #F5FAFF; border: 2px solid #5180E4; border-radius: .5rem; margin-bottom: 2rem;}
.intro_check .reg_wrap .reg_false {background: #F7F8F8; border-color: #B9BCC4;}
.intro_check .reg_wrap .reg_true strong,
.intro_check .reg_wrap .reg_false strong {font-size: 1.6rem; color: #4A81EC; letter-spacing: -.8px; margin-bottom: .5rem;}
.intro_check .reg_wrap .reg_true p,
.intro_check .reg_wrap .reg_false p {font-size: 1.4rem; color: #333; letter-spacing: -.7px; font-weight: 700; margin-bottom: -.25rem;}
.intro_check .reg_wrap .reg_true span,
.intro_check .reg_wrap .reg_false span {font-size: 1.3rem; color: #555; letter-spacing: -.65px;}
.reg_checking {display: none;}
.intro_check.on {overflow: hidden; height: 100%;}
.intro_check.on::after {display: block; content: ''; background: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.intro_check.on .reg_checking {display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 3rem); height: 20rem; background: #fff; z-index: 1;
text-align: center; border-radius: .5rem;}
.intro_check.on .reg_checking {padding: 3rem 0;}
.intro_check.on .reg_checking p {font-size: 1.6rem; font-weight: 500;}
.intro_check.on .reg_checking i {animation: xi-spin 2s infinite linear; color: #4A81EC; font-size: 5rem; margin-top: 3rem;}

/* 이메일 입력란 추가 */

.mail_chk {margin-bottom: 6rem;}
.mail_chk strong {color: #424242;font-size: 1.8rem; letter-spacing: -.9px; margin-bottom: .5rem; display: inline-block;}
.intro_check .mail_chk .reg_box input {background: none; width: calc(50% - 1rem);}
.intro_check .reg_wrap .mail_chk .reg_box::after {content: '@'; width: auto; height: auto; background: none;}

@keyframes xi-spin {
    0% {transform: rotate(0);}
    100% {transform: rotate(359deg);}
}

/* 법정대리인 */

.intro_check .reg_wrap .reg_box.deputy input {width: 100%; margin-bottom: .8rem;}
.intro_check .reg_wrap .reg_box.deputy input::placeholder {text-align: center; padding: 0;}
.intro_check .reg_wrap .reg_box.deputy::after {display: none;}

.intro_check .reg_wrap .reg_box.deputy2 input {width: calc(33.3333% - 1.3333rem); position: relative;}
.intro_check .reg_wrap .reg_box.deputy2::after {display: block; height: 1px; width: .7rem; background: #424242; position: absolute; left: 33.3333%; top: 50%; transform: translate(-.75rem,-50%);}
.intro_check .reg_wrap .reg_box.deputy2::before {display: block; content: ''; height: 1px; width: .7rem; background: #424242; position: absolute; left: 66.6666%; top: 50%; transform: translate(.1rem,-50%);}
.intro_check .reg_wrap .reg_box.deputy2 input::placeholder {text-align: center; background: inherit; padding: 0;}
.intro_check .reg_wrap .reg_box.deputy2 input:first-child {background: #F7F7F7; font-weight: 700; color: #333;}
.intro_check .reg_wrap .reg_box.deputy2 input {background: #fff;}

.asking_msg {border: 2px solid #B9BCC4; border-radius: .5rem; background: #F7F8F8; text-align: center; margin-bottom: 1rem; padding: 2rem 0;}
.asking_msg strong {color: #4A81EC; letter-spacing: -.8px; font-weight: 700; font-size: 1.6rem;}
.asking_msg p {color: #333; font-size: 1.4rem; letter-spacing: -.7px; font-weight: 700;line-height: 1.5rem; margin-top: 1rem;}
.asking_msg span {font-size: 1.3rem; color: #555; letter-spacing: -.65px;}

.asking_msg.success {border-color: #5180E4; background: #F5FAFF;}

.success_report {padding: 2rem; border: 1px solid #D6DCE2; border-radius: .5rem; background: #F7F9FB; font-size: 1.4rem; letter-spacing: -.7px; color: #333; font-weight: 500; margin-bottom: 1rem;}
.success_report span {width: 8.5rem; display: inline-block; color: #555; font-size: 1.3rem;}

.intro_check .reg_wrap .asking_request {display: flex; justify-content: space-between;}
.intro_check .reg_wrap .asking_request button {width: calc(50% - .3rem); height: 5.2rem; font-size: 1.8rem;}
.intro_check .reg_wrap .asking_request2 {display: flex; justify-content: space-between;}
.intro_check .reg_wrap .asking_request2 button {width: calc(50% - .3rem); font-size: 1.5rem; line-height: 2.2rem;}
.intro_check .reg_wrap .asking_request button:first-child {background: #748ABA; margin-right: .6rem;}
.intro_check .reg_wrap .asking_request2 button:first-child {background: #748ABA; margin-right: .6rem;}

/* 회원가입 완료 */
.intro_finish {padding-bottom: 2rem;}
.intro_finish #container {padding: 0 1.5rem;}
.intro_finish .img {display: block; width: 100%; text-align: center;padding: 10rem 0;}
.intro_finish .img strong {display: block; margin-top: 3rem; font-size: 2.2rem; letter-spacing: -1.1px; font-weight: 500;}
.intro_finish .img strong span {color: #5180E4; font-weight: 700;}
.intro_finish .fns_content {padding: 1.8rem 2.8rem; border: 1px solid #EBEBEB; background: #FCFCFC; border-radius: .5rem; margin: 1rem 0 2rem;}
.intro_finish .fns_content li {position: relative; color: #333; word-break: keep-all; margin-bottom: .5rem; line-height: 2rem; font-size: 1.3rem; letter-spacing: -.65px;}
.intro_finish .fns_content li:last-child {margin-bottom: 0;}
.intro_finish .fns_content li::after {display: block; content: ''; background: #6E6E6E; width: 3px; height: 3px; position: absolute; top: .8rem; left: -.9rem;}
.intro_finish #container button {background: #5180E4; color: #fff; border-radius: .5rem; text-align: center; width: 100%; height: 6rem; line-height: 6rem; font-size: 1.8rem;}
/* 인트로 버튼 */
.start_btn>ul{padding-bottom:6px}
.start_btn>ul>li:first-child{margin-top:0}
.startBtn{display:flex;max-width:calc(100% - 2rem);justify-content: center; width: 30rem; height:4.5rem;line-height:4.5rem;border-radius:2.25rem; margin: 0 auto; color:#fff;background:#152074;box-shadow:0 3px 6px rgba(0,0,0,.29);font-size:1.8rem;font-weight:bold;font-family:'Poppins', 'Noto Sans KR', sans-serif;}
.startBtn.red{background:#eb4d51;}
.startBtn.green{background:#678f52;color:#fff;}
.startBtn img {margin-right: .8rem;}
.startBtn + .startBtn{margin-top:2rem;}
.startBtn span {font-size: 1.8rem; font-weight: 500; vertical-align: middle;}

/* 원패스 로그인 */
.onePass{display:table;width:100%;min-height:100%}
.onePass .onePass_content{display:table-cell;padding:0 1.6rem;vertical-align:middle;text-align:center}
.onePass .onePass_content .login{max-width:32.8rem;margin:0 auto}
.onePass .onePass_content .login .input_row{margin-top:1rem;text-align:left}
.onePass .onePass_content .login .input_row span{display:block;font-size:1.8rem;line-height:2rem;font-weight:600;color:#222;margin-bottom:1.5rem;}
.onePass .onePass_content .login .input_row:first-of-type{margin-top:0}
.onePass .onePass_content .login .input_row input[type=text]{width:100%;height:5rem;padding:0 1.6rem;border:1px solid #ddd;border-radius:.8rem;font-size:1.4rem;color: #111}
.onePass .onePass_content .login .input_row input[type=text]::placeholder{color:#bbb;}
.onePass .onePass_content .login .input_row input[type=checkbox]{width:1.6rem;height:1.6rem;border:1px solid #9F9F9F;border-radius:.3rem;vertical-align:middle}
.onePass .onePass_content .login .input_row input[type=checkbox]+label{margin-left:.5rem;vertical-align:middle;font-size:1.5rem;font-weight:400;color:#222;}
.onePass .onePass_content .login .desc{display:block;text-align:left;margin-top:.6rem}
.onePass .onePass_content .login .desc p{font-size:1.5rem;font-weight:400;color:#555;line-height:2rem;}
.onePass .onePass_content .notice{display:block;text-align:left;max-width:32.8rem;margin:4rem auto 0;}
.onePass .onePass_content .notice > ul > li{position:relative;padding-left:2.1rem;font-size:1.4rem;font-weight:400;}
.onePass .onePass_content .notice > ul > li i{font-size:1.5rem;color:#555;line-height:1.5rem;}
.onePass .onePass_content .notice > ul > li::before{content:'';position:absolute;left:5px;top:9px;width:3px;height:3px;background:#6E6E6E;}
.onePass .onePass_content .notice > ul > li:first-of-type{padding-left:2.2rem;}
.onePass .onePass_content .notice > ul{border-top:1px solid #F0F0F1;border-bottom:1px solid #F0F0F1;padding:1rem 0;}
.onePass .onePass_content .notice > ul > li:first-of-type::before{content: "\eb21";font-family:'boxicons';width:0px;height:0px;top:0;font-size:1.5rem;line-height:2.2rem;left:0;}
.onePass_Btn{margin-top:2rem;display:inline-block;width:100%;padding:.9rem .5rem;background:#fff;color:#1c2674;text-align:center;font-size:2rem;border-radius:.8rem;border:1px solid #1c2674;font-weight:600;}
.onePass_Btn span{vertical-align:middle}
.onePass_Btn:before{content:"";display:inline-block;width:3.7rem;height:3.4rem;margin-right:1.4rem;background:url('../images/common/onepass.png') center no-repeat;background-size:100% auto;vertical-align:middle}

/* 회원가입 이용약관 */
.join_wrap{padding:2.7rem 1rem 1.5rem;}
.join_wrap .tit_box{display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;}
.join_wrap .tit_box h2{font-size:1.6rem;font-weight:400;color:#555;display:block;margin-top:.8rem;}
.join_wrap .t2{font-size:1.8rem;font-weight:600;color:#222;display:block;margin-bottom:2rem;}
.join_wrap .agree .item{border:1px dashed #ddd;padding:1.2rem;border-radius:.8rem;margin-bottom:2rem;}
.join_wrap .agree .item.type2{margin-top:4rem;}
.join_wrap .agree .title{font-size:1.8rem;font-weight:600;color:#bbb;margin-bottom:.4rem;}
.join_wrap .agree .tit{font-size:1.6rem;font-weight:500;color:#bbb;}
.join_wrap .agree strong{font-size:1.3rem;font-weight:500;color:#bbb;margin-top:.8rem;}
.join_wrap .agree .item > p{font-size:1.1rem;font-weight:400;color:#85878A;margin-top:.4rem;}
.join_wrap .agree .form{display:flex;}
.join_wrap .agree .form.type1{justify-content:space-between;align-items:center;}
.join_wrap .agree .form.type2{flex-direction:column;}
.join_wrap .agree .form.type2 .group{text-align:right;}
.join_wrap .agree .form > p{font-size:1.5rem;font-weight:500;color:#555;}
.join_wrap .agree .form_radio{position:relative;display:inline-block;vertical-align:top;padding-left:1.9rem;margin-left:.8rem;}
.join_wrap .agree .form_radio input{position:absolute;left:0;top:0;opacity:0;}
.join_wrap .agree label{font-size:1.5rem;font-weight:400;color:#555;cursor:pointer;vertical-align:top;}
.join_wrap .agree .form_radio label::before{content:'';position:absolute;left:0;top:.5rem;width:1.5rem;height:1.5rem;border:1px solid #ddd;border-radius:50%;}
.join_wrap .agree .form_radio label::after{content:'';position:absolute;left:.4rem;top:.9rem;width:.7rem;height:.7rem;border-radius:50%;}
.join_wrap .agree .form_radio input:checked + label::before{border:1px solid #268DFF;z-index:-2;}
.join_wrap .agree .form_radio input:checked + label::after{background:#268DFF;}
.join_wrap .join_btn{display:flex;margin-top:5.4rem;}
.join_wrap .join_btn a{display:inline-block;width:50%;padding: 1.6rem 0;background: #268DFF;border-radius: 0.8rem;color:#fff;text-align: center;font-size: 1.7rem;font-weight:500;}
.join_wrap .join_btn a + a{margin-left:.8rem}
.join_wrap .join_btn .btn_back{border:1px solid #268DFF;color:#222;background:#fff;}

/*메인 추천인 정보 팝업*/
.recom{position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.recom .tt{display:block; margin-bottom:2.5rem; text-align:center; font-weight:500; font-size:1.8rem; color:#111;}
.recom .wbx{
    position:absolute; top:7.4rem; left:50%; width:calc(100% - 3rem); padding:2.5rem 2rem; background-color:#fff; border-radius:0.8rem;
    transform:translateX(-50%); -webkit-transform:translateX(-50%);
}

.recom .bxs{margin-bottom:1.8rem; padding:1.5rem; background-color:#F5F6F8; border-radius:0.5rem; box-sizing:border-box;}
.recom .bxs strong{display:block; margin-bottom:0.4rem; font-size:1.5rem; color:#111;}
.recom .bxs p{line-height:1.6rem; font-size:1.3rem; color:#555;}
.recom .inpbx>ul>li{position:relative;}
.recom .inpbx>ul>li:not(:first-child){margin-top:1rem;}
.recom .inpbx>ul>li>strong{position:absolute; top:0; left:0; display:block; height:4.3rem; line-height:4.3rem; margin-bottom:0.4rem; font-size:1.5rem; font-weight:500; color:#111;}
.recom .inpbx>ul>li>input[type="text"]{width:calc(100% - 9rem); height:4.3rem; margin-left:9rem; padding:0 1.5rem; border:1px solid #E9ECEF; border-radius:0.8rem;}
.recom .inpbx>ul>li>input[type="text"]::placeholder{color:#BDC3C9;}

.recom .tips{margin-top:2rem; padding:1.2rem 1rem; background-color:#FCFCFC; border:1px solid #EBEBEB; border-radius:0.5rem;}
.recom .tips>ul>li{font-size:1.2rem; color:#555;}
.recom .tips>ul>li:before{content:""; display:inline-block; width:0.3rem; height:0.3rem; margin-right:0.5rem; background-color:#6E6E6E; vertical-align:middle;}
.recom .tips p{font-size:1.4rem; text-align:center; color:#555;}
.recom .tips p:before{content:"!"; display:block; width:1.2rem; height:1.2rem; line-height:1.2rem; margin:0.5rem auto 1rem; background-color:#555; border-radius:50%; font-size:1rem; text-align:center; color:#fff;}
.recom .tips p>em{font-weight:600;}

.recom .btn{display:block; height:6rem; line-height:6rem; margin-top:2.4rem; background-color:#1EBC71; border-radius:0.8rem; font-size:1.7rem; font-weight:500; text-align:center; color:#fff;}
.recom .btn.dis{background-color:#9DAAC6;}

.recom .close_btn{position:absolute; top:2.2rem; right:2rem; font-size:2.6rem; color:#000;}