/* BASIC css start */
/* BASIC css start */
#loginWrap input[type="checkbox"] {opacity:0; display:none;}
#loginWrap label span {padding-left:22px; position:relative; display:inline-block; font-size:12px}
#loginWrap label span:after {content:'';background: #fff;position:absolute;top:50%;margin-top: -8px;left:0;width: 12px;height: 12px;border: 1px solid #9e9e9e;}
#loginWrap label input:checked ~ span:before {content:'';position:absolute;top: -3px;left: 2px;width: 15px;height: 12px;background: url(https://roompacker.cdn.smart-img.com/newRoompacker/images/common_new/icon_chk_on2.png) no-repeat center/100%;z-index: 1;}

#loginWrap {text-align:center; }
#loginWrap .wrapper {width:322px; min-width:inherit}
#loginWrap .page-body {margin-top:40px; padding-bottom:60px}
#loginWrap .page-body > div { width: 50%; box-sizing: border-box; }
#loginWrap .page-body > .leftWrap { padding-right: 60px; border-right: 1px solid #ddd; }
#loginWrap .page-body > .rightWrap { padding-left: 60px; }
#loginWrap .tab_box {margin-bottom:32px; font-size:0}
#loginWrap .tab_box .tab {display:inline-block;margin-right:10px;font-size:14px;color:#9E9E9E;position:relative;width: calc(50% - 5px);box-sizing: border-box;line-height: 38px;}
#loginWrap .tab_box .tab:after {content:"";display:inline-block;width:100%;height:1px;background:#9E9E9E;position: absolute;bottom: 0;left: 0;}
#loginWrap .tab_box .tab:last-child {margin-right:0}
#loginWrap .tab_box .tab.on {color:#000; }
#loginWrap .tab_box .tab.on:after {background:#000}
#loginWrap .frm-list li {border-bottom: 1px solid #000;margin-bottom:32px;position:relative;font-size: 0;display: flex;align-items: center;}
#loginWrap .frm-list li:last-child {margin-bottom:0}
#loginWrap .frm-list li label {display:inline-block;font-size:14px;color:#000;text-align:left;width: 210px;letter-spacing: 0.2em;height: 35px;line-height: 35px;margin: 0;vertical-align: top;}
#loginWrap .frm-list li input {display:inline-block;width: calc(100% - 60px);box-sizing:border-box;background:#fff;border:none;font-size:14px;vertical-align: top;height: 36px;}
#loginWrap .login_option {text-align:left;margin-top: 17px;}
#loginWrap .login_option .se-log  {margin-right:17px; color:#9E9E9E}
#loginWrap .btn-mlog {margin-top:32px}
#loginWrap .btn-mlog a {display:block; height:50px; line-height:50px; background:#000; color:#fff; font-size:15px; font-weight:500}


.find_box {margin:25px 10px;text-align:center;display: flex;align-items: center;}
.find_box li { display:inline-block; position:relative; width:33.33%}
.find_box li:after {content:'';display: inline-block;width:1px;height:11px;background: #000;position:absolute;top:calc(50% - 5.5px);right:0;}
.find_box li:last-child:after {display:none; }
.find_box li a {display:inline-block;font-size: 14px;color: #000;}

.login_info {margin: 80px 0 0;text-align:left;}
.login_info p {color:#9E9E9E; font-size:13px; margin-bottom:16px; }
.login_info li {margin-bottom: 12px;color:#9E9E9E;font-size: 12px;}
.login_info li:last-child {margin-bottom:0}
.login_info li span {display:inline-block;width: 17px;margin-right: 4px;}

#simpleJoinSns  {text-align:left; margin-top:42px}
#simpleJoinSns .sns-area p {display: inline-block; vertical-align: middle; font-weight:bold; font-size:18px; width:140px; height:50px; padding:15px 0; box-sizing:border-box; border-right:1px solid #ddd; margin-right:60px}
#simpleJoinSns .sns-area a {position:relative;display: inline-block;height: 41px;line-height: 41px;text-align: center;color: #000000;font-size: 13px;margin-bottom: 8px;width: 100%;border: 1px solid #9E9E9E;box-sizing:border-box;font-weight: 400;}
#simpleJoinSns .sns-area a .thumb {display:inline-block; vertical-align:middle; width:20px; margin-top: -7px; margin-right: 10px;}
#simpleJoinSns .sns-area a .thumb img {width:100%;}
#simpleJoinSns .sns-area a:hover {color:#000; border-color:#000;}
#simpleJoinSns .sns-area a:last-child {margin-right:0}


#loginWrap .wrapper {width:920px; min-width:inherit; margin:0 auto;}
#loginWrap .login_new {display:flex;justify-content: flex-start;align-items: flex-start;}
#loginWrap .login_new ul {width:calc(100% - 110px); margin-right:16px; }
#loginWrap .login_new ul li {margin-bottom:10px;border:none; }
#loginWrap .login_new ul li label {display:none; }
#loginWrap .login_new ul li input {border:1px solid #e0e0e0; width:100%; height:40px; padding:0 10px;   }
#loginWrap .login_new .btn-mlog  {width:110px;margin-top: 0;}
#loginWrap .login_new .btn-mlog a {height:90px;display:flex;justify-content: center;align-items: center;}

#loginWrap .txt {font-size:14px;margin-top: 24px; text-align:center;}
#loginWrap .txt span {font-weight:500}
#loginWrap .find_box {background:#f7f7f7;padding:16px 0;margin: 24px 0;}
#loginWrap .find_box li:after {display:none }


#loginWrap .snsArea {margin-top:80px; }
#loginWrap .snsArea .txt {margin-bottom:16px; }
#loginWrap .snsBox {}
#loginWrap .snsBox a {display:flex;align-items: center;justify-content: center; height:44px;font-size:14px;margin-top:5px;}
#loginWrap .snsBox a:last-child {margin-right:0}
#loginWrap .snsBox a.kakao {background:#f5e229; height:44px; font-size:14px;  }
#loginWrap .snsBox a img {margin-right:4px; }
#loginWrap .snsBox a.naver {background:#39c65e;color:#fff;}
#loginWrap .snsBox a.apple {border:2px solid;}

/* BASIC css end */


/* BASIC css end */