@charset "UTF-8";
@import URL("common.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
@import url("/css/font-awesome-4.7.0/css/font-awesome.css");
/* Layout */

/* wrap */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{background:#fff; font-size:18px;}
a{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
a:hover{transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
input[type=text],input[type=file],input[type=password], input[type=tel], input[type=date], input[type=time], input[type=number], .ipTxt  {font-size:0.9rem;vertical-align:middle;border:1px solid #dedede;height:40px;line-height:40px;border-radius:5px;padding:0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#000}
select{font-size:0.9rem;vertical-align:middle;border:1px solid #dedede;height:40px;line-height:40px;border-radius:5px;padding:0 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#fff;}

::placeholder {font-size:13px !important;}

.logBox{padding:20px;width:90%;margin:30px auto;;background:#fff;border-radius: 15px;}
.logBox .logLogo{padding:8vh 0;text-align:center;font-size:36px;letter-spacing:-0.07em;font-weight:600;}
.logBox .logLogo p{font-size:13px;color:#888;padding:12px 0 0;}
.logBox .logLogo span{font-size:24px;font-weight:400;color:#313437}
.logBox .logLogo02{padding:30px 0;text-align:center;font-size:1.2rem;line-height: 1.5rem;letter-spacing: -0.07em;}
.logBox .logForm{}
.logBox .logInput{width:100%;height:48px;line-height:48px;border:1px solid #ddd;color:#555;margin:5px auto;padding:0 10px;font-size:13px !important;}
.logBox .logInput.warning{width:100%;height:48px;line-height:48px;border:1px solid #ff4040;color:#555;margin:5px auto;padding:0 10px;font-size:16px !important;}
.logBox .logInput02{width:100%;height:48px;font-weight: 700;line-height:48px;border:1px solid transparent;color:#555;padding:0 0 0 30px;font-size:16px !important;}
.logBox .logInput02::placeholder {font-size:13px !important;font-weight: 400;}
.logBtn {width:100%;margin:5px auto;display:block;background:#0072ff; height:48px;line-height:48px;text-decoration:none;color:#fff !important; font-size:15px !important; vertical-align:middle;font-weight:bold;border-radius:5px; border: 0;}
.logBtn02 {width:60%;margin:5px auto;display:block;background:#0072ff; height:45px;line-height:45px;text-decoration:none;color:#fff !important; font-size:14px !important; vertical-align:middle;font-weight:bold;border-radius:1000px;border: 0;margin-top: 10%;}
.norBtn {width:100%;margin:5px auto;display:block;background:#0072ff; height:48px;line-height:48px;text-decoration:none;color:#333 !important; font-size:15px !important; vertical-align:middle;font-weight:bold;border:0px}

.logInputWrap{border-bottom: 1px solid #dcdcdc;position:relative;}
.logInputWrap .passWord{background:url('/mobile/img/main/password.png') no-repeat 0 0;position: absolute; display: block; width: 20px;height: 30px; background-size: contain; top: 15px;}
.logInputWrap .phoneNum{background:url('/mobile/img/main/phoneID.png') no-repeat 0 0;position: absolute; display: block; width: 20px;height: 30px; background-size: contain; top: 15px;}

.logBtnsDiv{overflow:hidden;}
.logBtnsDiv .logBtns{text-align:center;display:inline-block;float:left;width:49.5%;height:45px;line-height:40px;text-decoration:none;margin-top:3px;background:#fff;color:#000 !important; font-size:12px !important; vertical-align:middle;font-weight:bold;border:1px solid #ddd;}
.logBtnsDiv .logBtns:nth-child(2n+2){margin-left:1%;margin-right:0;}
.logBtnsDiv .logBtns:hover{color:#0072ff !important;}
.logBtnsDiv .logBtns img{vertical-align:middle;margin-top:-2px;}

/* 이미지체크박스 */
.imgChkBox{display:inline-block;position:relative;height:26px;}
.imgChkBox .imgChkBoxInput{position:absolute;top:0px;left:0px;width:22px;height:26px;visibility:hidden;}
.imgChkBox .imgChkBoxLabel{display:inline-block;cursor:pointer;height:26px;line-height:26px;padding-left:25px;font-size:13px;background:url('/mobile/img/comm/bg_checkbox_off.png') no-repeat 0 3px;}
.imgChkBox .lbOn{background:url('/mobile/img/comm/bg_checkbox_on.png') no-repeat 0 3px;}

.logAside{text-align:right;font-size:13px;font-weight:bold;overflow:hidden;margin-top:15px;line-height:26px;font-size:0.7rem;}

.tabMenu02{height: 40px;line-height: 35px; width: 100%;}
.tabMenu02 li{float:left; text-align: center; font-size: 0.8rem; height: 40px;  color: #878787;}
.tabMenu02 li.on{ color: #000;position:relative; border-bottom: none;font-weight: 600;}
.tabMenu02 li.on:after{content: '';display: block; position: absolute; bottom: 0;left: 0; height: 2px;background: #0072ff;width: 100%;}


.f_lt{float:left;}
.f_lt{float:left;}

.logBoxBack{background: url(/mobile/img/main/aptBackImg.png) 0 0 no-repeat; height: 37vh; background-size: cover; padding: 20px; }
.logBoxBack .logLogo{font-size: 25px; margin-top: 5px; font-weight: bold; color: #fff;}

/* parking */
.ch_park_div{width:560px;height:435px;position:absolute;top:50%;left:50%;margin-top:-217px;margin-left:-280px;border:2px solid #456a7d;background:url('/error/img/bg_error.gif') no-repeat 100% 100%;-moz-box-shadow: 0px 10px 21px #999;-webkit-box-shadow: 0px 10px 21px #999;box-shadow: 0px 10px 21px #999;}
.ch_park_div .img_error{margin-top:30px;text-align:center;}
.ch_park_div .title{font-size:14px;font-weight:bold;margin:50px auto 20px;}
.ch_park_div .title_up{font-size:30px;font-weight:bold;margin:30px auto;}
.ch_park_div .title_up strong{font-size:40px;color:#284b92;}
.ch_park_div dl{width:310px;margin:0 auto;}
.ch_park_div dl dt{width:100px;float:left;font-size:12px;font-weight:bold;text-align:center;line-height:32px;}
.ch_park_div dl dd{width:210px;float:left;font-size:14px;color:#102950;font-weight:bold;text-align:left;line-height:32px;}

/* notice */
.commNoticePage{margin-top:140px;width:100%;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;
box-shadow:0px 5px 10px #eee}
.commNoticePage .innerForm{width:650px;text-align:left;line-height:1.8;font-size:12px;margin:0 auto;min-height:400px;padding:50px 10px 0;background:url('/mobile/img/common/img_noticebox.png') no-repeat 100% 0;}
.innerForm .noticeTitle{font-size:32px;font-weight:bold;color:#555;margin:0 auto 30px;}
.innerForm .t_14{color:#4f6d9d;font-size:16px;font-weight:bold;line-height:25px;}
.innerForm .t_note{color:#444;line-height:20px;margin:30px auto 90px;font-size:14px;}
.innerForm .notice_btns{text-align:center;padding:30px 0 40px;}
.inn_footer{border-top:1px solid #ddd;padding:10px 0 20px;}
.btnstyleNotice {background:#f9f9f9; height:39px;line-height:41px;border:1px solid #ccc;border-radius:4px; display:inline-block; text-decoration:none;padding:0px 28px;color:#222; font-size:18px !important; letter-spacing:-1px;vertical-align:middle;font-weight:bold;color:#333 !important;
transition-duration:100ms;
transition-timing-function:ease-in-out;
transition-delay:0ms;
}
.btnstyleNotice:hover {text-decoration:none;
color:#fff !important;
background:#f20;
box-shadow:0px 0px 10px #ddd;
}

.vmBtn{ border: 1px solid #0072ff;height: 40px; line-height: 40px; display: inline-block;vertical-align: middle; text-align: center; color: #0072ff !important; font-weight: bold;border-radius: 5px;}
.vmBtn02{ border: 1px solid #0072ff;height: 40px; line-height: 40px; display: inline-block;vertical-align: middle; text-align: center; color: #fff !important;background:#0072ff; font-weight: bold;border-radius: 5px;}

.wwTitle{font-size: 0.8rem;font-weight: 600;margin-bottom: 8px;}
.wwTextarea{border: 1px solid #dedede; color: #000;padding: 8px; border-radius: 5px; background: #fff; min-height:25vh}

.dateIco{vertical-align: middle;position: relative;display: inline-block;height: 34px;line-height:1.1 !important;cursor:pointer;}
.dateIco input[type=text]{width:110px;vertical-align: middle;cursor:pointer;}
.dateIco:after{display: block !important; position: absolute; top: 12px;right: 9px; content: ''; color: #ccc !important; background: url(/mobile/img/comm/calendarLogo.png) center no-repeat; background-size: contain;  width: 17px; height: 16px;}
.timeIco{vertical-align: middle;position: relative;display: inline-block;height: 34px;line-height:1.1 !important;cursor:pointer;}
.timeIco:after{display: block !important; position: absolute; top: 9px;right: 5px; content: ''; color: #ccc !important; background: url(/mobile/img/comm/timeLogo.png) center no-repeat; background-size: contain;  width: 17px; height: 17px;}
input[type="time"]::-webkit-calendar-picker-indicator {background: none;}

.fIDPass{font-size: 13px; float: right;}
.joinp{text-align: center; font-size: 14px; font-weight: 600;}
.joinp a{ color: #0072ff !important;}

/* CSS 스위치 */
/* <label class="switchBtn"><input type="checkbox" checked=""><span class="switchBtn-indicator"></span></label> */
.switchBtn {position:relative;top:-2px;font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn input {display: none;}
.switchBtn-indicator {position: relative;display: inline-block;width: 35px;height: 10px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn input:checked ~ .switchBtn-indicator {background: #528fea;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}/* CDEAFD    // after 398bf7*/
.switchBtn input:checked ~ .switchBtn-indicator::after {background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 18px);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 20px;height: 20px;cursor: inherit;background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.switchBtnMin {position:relative;top:0px;font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin input {display: none;}
.switchBtnMin-indicator {position: relative;display: inline-block;width: 26px;height: 6px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin input:checked ~ .switchBtnMin-indicator {background: #528fea;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}/* CDEAFD    // after 398bf7*/
.switchBtnMin input:checked ~ .switchBtnMin-indicator::after {background: #fff;border-radius: 50%;top: -4px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 15px);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 15px;height: 15px;cursor: inherit;background: #fff;border-radius: 50%;top: -4px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.w30p{width:30% !important;}
.w49p{width:49% !important}

.selectGen{display: inline-block;}
.selectGen li{ width: 49%; float: left; text-align: center; font-size: 0.8rem; border: 1px solid #aaa;height: 40px;line-height: 40px;}
.selectGen li:first-child{border-radius:5px 0 0 5px}
.selectGen li:last-child{border-radius:0 5px 5px 0}
.selectGen li.on{ background-color: #0072ff; border-color:#0072ff; color: #fff; font-weight: 600;}

.setInfoBtn{display:block;height:40px;line-height:40px;text-align:center; border-radius: 5px;border:1px solid #aaa;background:#ddd;color:#000 !important;font-size:0.8rem;}
.setInfoBtn02{display:block;height:40px;line-height:40px;text-align:center; border-radius: 5px;border:1px solid #aaa;background:#444;color:#fff !important;font-size:0.8rem;}
.setPNotice{letter-spacing: -0.07em; font-size: 0.8rem; margin-top: 10px; color: #ff4040;}
.setInfoBtn.on{background:#0072ff !important;color:#fff !important;border:1px solid transparent !important}

.btnIcoFa{display:inline-block;width:40px;height:40px;font-size: 1.1rem;line-height:40px;text-align:center;vertical-align:middle;border:1px solid #aaa;border-radius:4px;background:#fff;}

.popBtnSwitchSms{border: 1px solid #dedede; color: #000; font-size: 0.8rem; letter-spacing: -0.07em !important; font-weight: 400;padding: 0 12px; border-radius: 5px; vertical-align: middle; background: #fff; height: 40px; line-height: 40px !important;}
.popBtnSwitchSms02{border: 1px solid #dedede; color: #000; font-size: 0.8rem; letter-spacing: -0.07em !important; font-weight: 400;padding: 0 12px; border-radius: 5px; vertical-align: middle; background: #fff; height: 40px; line-height: 40px !important; display:inline-block; width:100%}
.popBtnSwitchSms02 label{margin-top:-9px}

.accTable01{width:100%;border-top:3px solid #4a7ed5;border-bottom:1px solid #4a7ed5;margin:0 auto;}
.accTable01 thead th{padding:8px 0;font-weight:bold;font-size:12px;line-height:1.5;border-bottom:1px solid #4a7ed5;white-space:normal;letter-spacing:-1px;text-align:center;color:#4a7ed5;background:#fafafa;}
.accTable01 tbody th{text-align:center;padding:8px 0;font-weight:bold;font-size:13px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;}
.accTable01 tbody td{padding:8px 0;font-weight:bold;font-size:13px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;}
.accTable01 tbody td.date{font-size:11px;font-family:"tahoma";color:#999;font-weight:normal;}
.accTable01 tfoot th{padding:8px 0;font-weight:bold;font-size:16px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;color:#f30;background:#fefefe;}
.accTable01 tfoot td{padding:8px 0;font-weight:bold;font-size:12px;line-height:1.5;border-bottom:1px solid #e9e9e9;white-space:normal;background:#fdfdfd;color:#333;}
.ip_acc{height:25px !important;line-height:25px !important;border:1px solid #b8ccde !important;font-size:14px !important;}
.join_tip{color:#f60;letter-spacing:-1px;}
.btn_acc{display:inline-block;background:#333;font-weight:bold;font-size:14px;color:#fff !important;padding:5px 10px;border-radius:5px;}

/* 180704 회원가입 css 이동 */
/* 이미지체크박스 */
.imgChkBox{display:inline-block;position:relative;height:26px;}
.imgChkBox .imgChkBoxInput{position:absolute;top:0px;left:0px;width:22px;height:26px;visibility:hidden;}
.imgChkBox .imgChkBoxLabel{display:inline-block;cursor:pointer;height:26px;line-height:26px;padding-left:25px;font-size:13px;background:url('/mobile/img/comm/bg_checkbox_off.png') no-repeat 0 3px;}
.imgChkBox .lbOn{background:url('/mobile/img/comm/bg_checkbox_on.png') no-repeat 0 3px;}

.logP{letter-spacing: -0.07em; font-size: 12px; margin-top: 10px; color: #0072ff; font-weight: bold;}
.logP02{letter-spacing: -0.07em; font-size: 0.9rem; color: #444;}
.logP03{letter-spacing: -0.07em; font-size: 0.8rem; margin-top: 10px; color: #ff4040;}

.easyJoinBgWrap{ max-width: 700px; margin: 0 auto;}
.easyJoinBgWrap .logLogo{padding-top:20px;margin:0px auto 20px;}

.easyJoinBgWrap h2.areaTitle{overflow:hidden;font-size:12px;font-weight:bold;color:#333;text-align:left;padding:0px 0px 4px 0px;margin-bottom:3px;}
.easyJoinBgWrap h2.areaTitle .f_lt{padding-top:8px;}
.easyJoinBgWrap h2.areaTitle .f_rt{padding-top:5px;}
.easyJoinWrap{width:100%;margin:20px auto;background:#fff;padding:25px;font-size:12px;}

.easyJoinWrap .imgChkBox2{display:inline-block;position:relative;height:26px;}
.easyJoinWrap .imgChkBox2 .imgChkBoxInput{position:absolute;top:0px;right:0px;width:22px;height:26px;visibility:hidden;}
.easyJoinWrap .imgChkBox2 .imgChkBoxLabel{display:inline-block;cursor:pointer;height:26px;line-height:26px;padding-right:25px;font-size:12px;background:url('/mobile/img/comm/bg_checkbox_off.png') no-repeat 100% 3px;}
.easyJoinWrap .imgChkBox2 .lbOn{background:url('/mobile/img/comm/bg_checkbox_on.png') no-repeat 100% 3px;}

.joinBtnWrap{margin:20px auto;}
.joinBtnWrap:after{clear:both;display:block;content:'';}
.easyJoinBgWrap .cFmBtn {width:49%;float:left;display:block;background:#0072ff; height:45px;line-height:45px;text-decoration:none;color:#fff !important; font-size:0.9rem !important; vertical-align:middle;font-weight:bold;border-radius:5px;text-align:center;}
.easyJoinBgWrap .cFmBtn:hover {background:#ff6060;box-shadow:0px 0px 10px #ddd;}
.easyJoinBgWrap .cancelBtn {width:49%;float:left;margin-right:2%;display:block;background:#fff; height:45px;line-height:45px;text-decoration:none;color:#000 !important; font-size:0.9rem !important; vertical-align:middle;font-weight:bold;border-radius:5px;border:1px solid #aaa;text-align:center;}
.easyJoinBgWrap .cancelBtn:hover {background:#ff6060;box-shadow:0px 0px 10px #ddd;}

.easyJoinBgWrap .logInput{width:100%;height:44px;line-height:44px;border:1px solid #eee;color:#555;font-size:13px !important;margin:0px auto;padding:0 10px;font-weight:normal;}
.easyJoinBgWrap .accTable01{width:100%;border-top:3px solid #4a7ed5;border-bottom:1px solid #4a7ed5;margin:0 auto;}
.easyJoinBgWrap .accTable01 tbody th{text-align:left;padding:8px 0 8px 6px;font-weight:bold;font-size:13px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;}
.easyJoinBgWrap .accTable01 tbody td{padding:4px 0;font-weight:bold;font-size:13px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;}
.easyJoinBgWrap .accTable01 tbody td.date{font-size:11px;font-family:"tahoma";color:#999;font-weight:normal;}
.easyJoinBgWrap .accTable01 tfoot th{padding:4px 0;font-weight:bold;font-size:16px;line-height:1.5;border-bottom:1px solid #dedede;white-space:normal;color:#f30;background:#fefefe;}
.easyJoinBgWrap .accTable01 tfoot td{padding:4px 0;font-weight:bold;font-size:12px;line-height:1.5;border-bottom:1px solid #e9e9e9;white-space:normal;background:#fdfdfd;color:#333;}

.loginP{font-size: 1.5rem; font-weight: 800; margin-bottom: 10%;}

.subScriptOk{font-size:12px;color:#06f;font-weight:bold;padding:3px 10px;border:1px solid #06f;border-radius:100px;}
.subScriptBad{font-size:12px;color:#f20;font-weight:bold;padding:3px 10px;border:1px solid #f20;border-radius:100px;}

.agCodeSelect{width:100%;height:40px;line-height:40px;border:1px solid #eee;color:#555;font-size:15px !important;font-weight:normal;}
.joinRootDiv{padding:0px;margin:10px auto 0;}
.joinRootDiv ul{overflow:hidden;}
.joinRootDiv ul li{width:32%;margin-right:1%;float:left;text-align:left;box-sizing:border-box;padding:4px;}

.join_ok{text-align:center;padding:20px 0 0px;font-family:'nanum gothic','malgun gothic',dotum;}
.join_ok h3{font-size:17px !important;font-weight:normal;margin-bottom:30px;letter-spacing:-1px;word-spacing:1px;text-align:center;}
.join_ok h3 strong{color:#f22;}
.join_ok .ok_depth01{font-size:15px;margin:40px auto 50px;}
.join_ok .ok_depth02{font-size:13px;line-height:30px;width:100%;margin:20px auto;}
.join_ok .ok_hover{overflow:hidden;padding:20px 10px;font-size:14px;font-weight:normal;letter-spacing:-1px;border:1px solid #ddd;border-radius:9px;}
.join_ok .ok_hover:hover{border:1px solid #06f !important;}


.tabbtn {height:39px; _zoom:1;margin:5px 0 0px 0;border-bottom:1px solid #69a1f6 !important;clear:both;}
.tabbtn ul{height:39px;overflow:hidden;}
.tabbtn li{float:left; height:38px;background:#fff;text-align:center;border-top:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;border-collapse:collapse;}
.tabbtn li:first-child{border-left:1px solid #eee;}
.tabbtn li:hover{background:#f6f8fd;}
.tabbtn li a  {color:#999; font-size:13px; font-weight:normal;letter-spacing:-1px;display:block;min-width:120px;height:38px;padding:12px 15px 0px;}
.tabbtn li.on {border-left:1px solid #69a1f6;border-right:1px solid #69a1f6;border-top:1px solid #69a1f6;background:#fff url('/mobile/img/bul/bul_tabselected.png') no-repeat 50% 90%;position:relative;z-index:10;border-bottom:1px solid #fff;height:39px;}
.tabbtn li.on:hover{background:#fff url('/mobile/img/bul/bul_select.png') no-repeat 50% 100%;}
.tabbtn li.on a  {color:#6a8cd4; font-size:13px; font-weight:normal;height:38px;padding:10px 15px 0px;}

/* 폰트어썸 Checkbox */
/* <label class="fa-ckbox"><input type="checkbox"><span>Adidas</span></label> */
.fa-ckbox { font-weight: normal; position: relative; display: inline-block; line-height: 18px;cursor:pointer;height:18px;}
.fa-ckbox span { padding-left: 6px;}
.fa-ckbox span:empty { float: left;}
.fa-ckbox span:before, .fa-ckbox span:after { line-height: 18px; position: absolute;}
.fa-ckbox span:before { content: ''; width: 16px; height: 16px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 2px; top: 1px; left: 0;}
.fa-ckbox span:after { top: 1px; left: 0; width: 18px; height: 18px; content: '\f00c'; font-family: 'FontAwesome'; font-size: 9px; text-align: center; color: #fff; background-color: #5063be; line-height: 17px; border-radius: 2px; display: none;}
.fa-ckbox input[type='checkbox'] { opacity: 0; margin: 0 5px 0 0;}
.fa-ckbox input[type='checkbox']:checked + span:after { display: block;}
.fa-ckbox input[type='checkbox'][disabled] + span,
.fa-ckbox input[type='checkbox'][disabled] + span:before,
.fa-ckbox input[type='checkbox'][disabled] + span:after { background:#dedede;}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .logBox{width:100% !important;position:relative !important;left:0 !important;top:-15px !important;margin:0px !important}
  .easyJoinWrap{width:100% !important;padding:10px !important}
  .joinBtnWrap{width:100% !important;}
  
  .joinRootDiv ul li{width:49%;margin-right:1%;float:left;text-align:left;box-sizing:border-box;padding:4px;}
  .easyJoinBgWrap .logInput{font-size:13px !important}
 }

/* 181005 추가 */
.agreeBtn{display:block;height:35px;line-height:35px;text-align:center; border-radius: 5px;border:1px solid #0072ff;background:#fff;color:#0072ff !important;font-size:13px;}
.agreeBtnoff{display:block;height:35px;line-height:35px;text-align:center; border-radius: 5px;border:1px solid #aaa;background:#ddd;color:#000 !important;font-size:13px;}
.newJoinForm{padding:0 20px;}
.newJoinForm li{padding:8px 0;}
.newJoinForm li label{font-size:11px;text-align:left;display:block;margin:0 auto 5px;}
.newJoinForm li input{background:#f9f9f9;}

/* 181116_css로딩 예시
<div class="lds-css ng-scope"><div class="lds-facebook"><div></div><div></div><div></div></div><div class="bgBlock"></div></div>
*/
@keyframes lds-facebook_1 {0% {top: 36px;height: 128px;}50% {top: 60px;height: 80px;}100% {top: 60px;height: 80px;}}
@-webkit-keyframes lds-facebook_1 {0% {top: 36px;height: 128px;}50% {top: 60px;height: 80px;}100% {top: 60px;height: 80px;}}
@keyframes lds-facebook_2 {0% {top: 41.99999999999999px;height: 116.00000000000001px;}50% {top: 60px;height: 80px;}100% {top: 60px;height: 80px;}}
@-webkit-keyframes lds-facebook_2 {0% {top: 41.99999999999999px;height: 116.00000000000001px;}50% {top: 60px;height: 80px;}100% {top: 60px;height: 80px;}}
@keyframes lds-facebook_3 {0% {top: 48px;height: 104px;}50% {top: 60px;height: 80px;}100% {top: 60px;height: 80px;}}
@-webkit-keyframes lds-facebook_3 {0% {top: 48px;height: 104px;}50% {top: 60px;height: 80px;}100% {top: 60px;height: 80px;}}
.lds-css{position:fixed;top:0;left:0;right:0;bottom:0;}
.lds-css02{position:fixed;left:15px;right:15px;bottom:5%;}
.bgBlock{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.1);}
.lds-facebook {position: relative;z-index:999;top:50%;left:50%;margin-top:-100px;margin-left:-100px;}
.lds-facebook div {position: absolute;width: 30px;}
.lds-facebook div:nth-child(1) {left: 35px;background: #93dbe9;-webkit-animation: lds-facebook_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-facebook_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.lds-facebook div:nth-child(2) {left: 85px;background: #689cc5;-webkit-animation: lds-facebook_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-facebook_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
.lds-facebook div:nth-child(3) {left: 135px;background: #5e6fa3;-webkit-animation: lds-facebook_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-facebook_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
.lds-facebook {width: 200px !important;height: 200px !important;-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);transform: translate(-100px, -100px) scale(1) translate(100px, 100px);}

.terms{padding:10px;border:1px solid #dedede;border-radius:10px;height:180px;overflow:auto;font-size:12px;color:#333;line-height:1.5;}
.terms .termSj{margin-bottom:20px;}
.terms .termPg{margin-bottom:20px;}