.point_color{color:#007fd0 !important;}
.point_color_bg{background-color:#007fd0 !important;}
.member{max-width:1000px;margin:100px auto 170px;padding:0 10px;background-color:#fff;}
.pt0{padding-top:0 !important;}
/* login */
.log_wrap{position:relative;}
.log_wrap:before{content:"";position:absolute;left:55%;top:0;display:block;width:1px;height:100%;background-color:#dfdfdf;}
.log_wrap .log_left{float:left;width:55%;padding-right:45px;}
.log_wrap .log_right{float:left;width:45%;padding-left:30px;}
.member_tit_wrap{position:relative;margin-bottom:25px;color:#666;}
.member_tit_wrap .tit{margin-bottom:15px;font-weight:300;line-height:1.266;}
.member_tit_wrap .tit strong{font-weight:700;}
.member_tit_wrap .txt{font-weight:300;line-height:1.46;}
.member_tit_wrap .txt strong{font-weight:500;}
.member_tit_wrap .refer_txt{position:absolute;right:0;bottom:0;font-weight:300;line-height:1.46;}
.log_body{padding-bottom:30px;}
.log_form .wrap{position:relative;padding-right:155px;}
.log_form .wrap .con{margin-bottom:-12px;}
.log_form .wrap .inner{margin-bottom:12px;}
.log_form .wrap .input_wrap input,
.log_form .wrap .input_wrap select{width:100%;height:50px;line-height:48px;border:1px solid #ddd;padding-left:12px;font-weight:400;}
.log_form .wrap .btn_wrap{position:absolute;right:0;top:0;width:135px;height:100%;}
.log_form .wrap .btn_wrap button{position:absolute;left:0;top:0;width:100%;height:100%;transition:.25s;border:0;}
.log_form .wrap .btn_wrap button:hover{background-color:#666 !important;}
.log_form .wrap .btn_wrap button p{position:absolute;left:0;top:50%;width:100%;text-align:center;line-height:20px;margin-top:-10px;color:#fff;font-weight:400;}
.log_link{padding:12px 0 0;}
.log_link .label_wrap{position:relative;float:left;}
.log_link .label_wrap label{position:relative;display:inline-block;vertical-align:middle;height:20px;line-height:20px;padding-left:28px;letter-spacing:-0.6px;color:#666;font-weight:400;}
.log_link .label_wrap label:before{content:"";display: inline-block;width: 18px;height: 18px;line-height: 20px;text-align: center;vertical-align: middle;background: #fff;border: 1px solid #007fd0;border-radius: 0;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);position:absolute;left:0;top:2px;margin-top:0;opacity:.6;box-shadow:none;border-color:#999;-webkit-transition:all .12s, border-color .08s;-moz-transition:all .12s, border-color .08s;-ms-transition:all .12s, border-color .08s;-o-transition:all .12s, border-color .08s;transition: all .12s, border-color .08s;box-sizing:border-box;}
.log_link .label_wrap input[type="checkbox"]{position:absolute;left:0;top:0;width:0;height:0;border:0;overflow:hidden;height:0;}
.log_link .label_wrap input[type="checkbox"]:checked + label:before {color:#99a1a7;text-shadow:1px 1px #fff;background-color:#e9ecee;position:absolute;content:"";width:10px;top:0;left:5px;border-radius:0;opacity:1;background:transparent;border-color:#007fd0;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.log_link .btn_wrap{float:right;}
.log_link .btn_wrap a{font-weight:400;transition:.25s;line-height:20px;}
.log_link .btn_wrap a:hover{color:#007fd0;}
.log_sns{padding-top:30px;border-top:1px solid #dfdfdf;color:#666;}
.log_sns .txt_wrap .txt{font-weight:300;margin-bottom:20px;line-height:1.4;}
.log_sns .txt_wrap .txt strong{font-weight:500;}
.log_sns .txt_wrap .txt2{font-weight:300;line-height:1.4;}
.log_sns .btn_wrap{font-size:0;margin:0 -5px 2px;}
.log_sns .btn_wrap .con{display:inline-block;width:50%;vertical-align:text-top;padding:0 5px 10px;}
.log_sns .btn_wrap a{position:relative;display:block;padding-left:45px;border:1px solid #ddd;text-align:center;transition:.25s;}
.log_sns .btn_wrap a:hover{border-color:#007fd0;background-color:#007fd0;color:#fff;}
.log_sns .btn_wrap a .ico{position:absolute;left:0;top:0;width:45px;height:44px;line-height:44px;}
.log_sns .btn_wrap a .ico:before{content:"";position:absolute;right:0;top:50%;display:block;width:1px;height:13px;margin-top:-6.5px;background-color:#dedede;transition:.25s;}
.log_sns .btn_wrap a:hover .ico:before{background-color:#007fd0;}
.log_sns .btn_wrap a .ico img{vertical-align:middle;transition:.25s;}
.log_sns .btn_wrap a:hover .ico img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-moz-filter: brightness(0) invert(1);-o-filter: brightness(0) invert(1);-ms-filter: brightness(0) invert(1);}
.log_sns .btn_wrap a .txt{height:44px;line-height:44px;font-weight:300;}
.member_btn_wrap{font-size:0;}
.member_btn_wrap a{display:inline-block;width:169px;text-align:center;border:1px solid #007fd0;color:#007fd0;transition:.25s;}
.member_btn_wrap a:hover{background-color:#007fd0;color:#fff;}
.member_btn_wrap a p{height:44px;line-height:44px;font-weight:300;}
.member_btn_wrap a p strong{font-weight:500;}
/* join */
.join_wrap{color:#666;}
.join_wrap .tb_wrap{border-top:2px solid #007fd0;margin-bottom:14px;}
.join_wrap .tb_wrap .tb{padding:7px 0;border-bottom:1px solid #ddd;}
.join_wrap .tb_wrap .tb th{width:205px;padding:6px 40px;vertical-align:middle;text-align:left;}
.join_wrap .tb_wrap .tb th em{display:none !important;}
.join_wrap .tb_wrap .tb th .txt{line-height:1.2;font-weight:400;font-size:15px;color:#222;}
.join_wrap .tb_wrap .tb th .txt .point_color{font-weight:300;}
.join_wrap .tb_wrap .tb td{padding:7px 10px 7px 0;vertical-align:middle;}
.join_wrap .tb_wrap .tb td .txt{font-size:15px;}
.join_wrap .tb_wrap .tb .input_wrap{margin:0 -5px;}
.join_wrap .tb_wrap .tb .input_wrap .input_con{display:inline-block;width:100%;max-width:486px;padding:0 5px;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.half{max-width:243px;}
.join_wrap .tb_wrap .tb .input_wrap.w33{margin:0 -8px;}
.join_wrap .tb_wrap .tb .input_wrap.w33 .input_con{width:33.33%;max-width:164px;padding:0 8px;}
.join_wrap .tb_wrap .tb .input_wrap input,
.join_wrap .tb_wrap .tb .input_wrap select{width:100%;height:46px;line-height:44px;border:1px solid #ddd;padding-left:10px;font-size:15px;font-weight:400;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area{position:relative;max-width:632px;padding-right:151px;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap{position:absolute;right:5px;top:0;width:136px;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap a{display:block;height:46px;line-height:46px;text-align:center;background-color:#222;font-weight:400;color:#fff;transition:.25s;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap a:hover{background-color:#007fd0;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.dash{position:relative;}
.join_wrap .tb_wrap .tb .input_wrap .input_con.dash:before{content:"-";position:absolute;left:-8px;top:50%;width:16px;text-align:center;font-size:17px;line-height:20px;margin-top:-10px;}
.join_wrap .tb_wrap .tb .input_wrap .txt_wrap{padding:10px 5px 0;}
.join_wrap .tb_wrap .tb .input_wrap input[type="button"]{display:none;}
.join_wrap .tb_wrap .tb .input_wrap.w33 .txt_wrap{padding:10px 8px 0;}
.join_wrap .tb_wrap .tb .input_wrap .txt_wrap .txt{font-weight:300;line-height:1.4;}
.join_wrap .tb_wrap .tb .table-full {width: 100%;}
.join_wrap .password-safety {display: inline-block; padding:0 10px; vertical-align: middle;}
.join_wrap .password-safety .msg {display: inline-block; margin-right: 20px; vertical-align: middle; font-size: 14px; color:#222;}
.join_wrap .password-safety .safety-gauge {display: inline-block; overflow: hidden; position: relative; width: 150px; height: 12px; margin-right: 10px; background:#eee; vertical-align: middle; border-radius:6px;}
.join_wrap .password-safety .safety-current{position: absolute;top:0;left:0;width:0;height:100%; border-radius:6px; transition: width 0.5s;}
.join_wrap .password-safety .safety-text:after {display:inline;vertical-align: middle;font-size:13px;}
.join_wrap .password-safety.state1 .safety-current {background:#f54e32; width: 20%;}
.join_wrap .password-safety.state2 .safety-current {background:#ff9800; width: 50%;}
.join_wrap .password-safety.state3 .safety-current {background:#33bb38; width: 100%;}
.join_wrap .password-safety.state1 .safety-text:after{content:"매우 위험";color:#f54e32;}
.join_wrap .password-safety.state2 .safety-text:after{content:"위험";color:#ff9800;}
.join_wrap .password-safety.state3 .safety-text:after{content:"안전";color:#33bb38;}
.join_wrap .tb_wrap .tb .label_wrap{padding:6px 0;}
.join_wrap .tb_wrap .tb .label_wrap .txt{float:left;font-weight:300;line-height:20px;}
.join_wrap .tb_wrap .tb .label_wrap .label_con{float:right;font-size:0;margin:0 10px 0 0;}
.join_wrap .tb_wrap .tb .label_wrap .label_con .label_inner > div{padding-top:0 !important;}
.join_wrap .tb_wrap .tb .label_wrap .label_con label{position:relative;display:inline-block;margin:0 20px 0 0;vertical-align:middle;height:20px;line-height:20px;padding-left:28px;letter-spacing:-0.6px;color:#666;font-weight:400;}
.join_wrap .tb_wrap .tb .label_wrap .label_con label:before{content:"";display: inline-block;width: 18px;height: 18px;line-height: 20px;text-align: center;vertical-align: middle;background: #fff;border: 1px solid #007fd0;border-radius: 0;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);position:absolute;left:0;top:2px;margin-top:0;opacity:.6;box-shadow:none;border-color:#999;-webkit-transition:all .12s, border-color .08s;-moz-transition:all .12s, border-color .08s;-ms-transition:all .12s, border-color .08s;-o-transition:all .12s, border-color .08s;transition: all .12s, border-color .08s;box-sizing:border-box;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;}
.join_wrap .tb_wrap .tb .label_wrap .label_con input{position:absolute;left:0;top:0;width:0;height:0;border:0;overflow:hidden;}
.join_wrap .tb_wrap .tb .label_wrap .label_con label.active:before{color:#fff;background-color:#fff;position:absolute;content:"";width:8px;top:2px;left:6px;height:12px;border-radius:0;opacity:1;background:transparent;border-color:#fff;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:20;}
.join_wrap .tb_wrap .tb .label_wrap .label_con label.active:after{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #007fd0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;background-color:#007fd0;z-index:10;}
.join_wrap .textarea_wrap{margin-bottom:50px;}
.join_wrap .textarea_wrap .con{margin-bottom:30px;}
.join_wrap .textarea_wrap .box{position:relative;margin-bottom:10px;}
.join_wrap .textarea_wrap .box .tit{position:absolute;left:0;top:0;width:100%;height:50px;line-height:50px;text-align:center;color:#0b0b0b;font-weight:500;background-color:#fff;border:1px solid #dedede;}
.join_wrap .textarea_wrap .box .textarea{width:100%;height:260px;border:1px solid #dedede;padding:70px 10px 10px;overflow-y:auto;}
.join_wrap .textarea_wrap .box .textarea table th,
.join_wrap .textarea_wrap .box .textarea table td{text-align:center;}
.join_wrap .textarea_wrap .label_wrap{position:relative;text-align:right;}
.join_wrap .textarea_wrap .label_wrap label{position:relative;display:inline-block;vertical-align:middle;height:20px;line-height:20px;padding-right:28px;letter-spacing:-0.6px;color:#666;font-weight:400;}
.join_wrap .textarea_wrap .label_wrap label:before{content:"";display: inline-block;width: 18px;height: 18px;line-height: 20px;text-align: center;vertical-align: middle;background: #fff;border: 1px solid #007fd0;border-radius: 0;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);position:absolute;right:0;top:2px;margin-top:0;opacity:.6;box-shadow:none;border-color:#999;-webkit-transition:all .12s, border-color .08s;-moz-transition:all .12s, border-color .08s;-ms-transition:all .12s, border-color .08s;-o-transition:all .12s, border-color .08s;transition: all .12s, border-color .08s;box-sizing:border-box;}
.join_wrap .textarea_wrap .label_wrap input[type="checkbox"]{position:absolute;left:0;top:0;width:0;height:0;border:0;overflow:hidden;height:0;}
.join_wrap .textarea_wrap .label_wrap input[type="checkbox"]:checked + label:before {color:#fff;background-color:#fff;position:absolute;content:"";width:8px;top:2px;right:6px;height:12px;border-radius:0;opacity:1;background:transparent;border-color:#fff;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:20;}
.join_wrap .textarea_wrap .label_wrap input[type="checkbox"]:checked + label:after{content:"";position:absolute;right:0;top:0;width:20px;height:20px;border:1px solid #007fd0;background-color:#007fd0;z-index:10;}
.member_btn_wrap2{text-align:center;font-size:0;margin:30px -2px 32px;}
.member_btn_wrap2 input,
.member_btn_wrap2 a{display:inline-block;width:246px;height:54px;line-height:54px;margin:0 2px;background-color:#007fd0;color:#fff;font-weight:400;transition:.25s;border:0;cursor:pointer;vertical-align:text-top;font-size:15px;}
.member_btn_wrap2 input:hover,
.member_btn_wrap2 a:hover{background-color:#222;}
.join_wrap .sns_wrap{text-align:center;}
.join_wrap .sns_wrap .txt_wrap{margin-bottom:20px;}
.join_wrap .sns_wrap .txt_wrap .txt{font-weight:300;line-height:1.4;}
.join_wrap .sns_wrap .txt_wrap .txt strong{font-weight:500;}
.join_wrap .sns_wrap .btn_wrap{font-size:0;margin:0 -5px 2px;text-align:center;}
.join_wrap .sns_wrap .btn_wrap .con{display:inline-block;width:50%;max-width:247px;vertical-align:text-top;padding:0 5px 10px;margin:0 !important;}
.join_wrap .sns_wrap .btn_wrap a{position:relative;display:block;padding-left:45px;border:1px solid #ddd;text-align:center;transition:.25s;}
.join_wrap .sns_wrap .btn_wrap a:hover{border-color:#007fd0;background-color:#007fd0;color:#fff;}
.join_wrap .sns_wrap .btn_wrap a .ico{position:absolute;left:0;top:0;width:45px;height:44px;line-height:44px;}
.join_wrap .sns_wrap .btn_wrap a .ico:before{content:"";position:absolute;right:0;top:50%;display:block;width:1px;height:13px;margin-top:-6.5px;background-color:#dedede;transition:.25s;}
.join_wrap .sns_wrap .btn_wrap a:hover .ico:before{background-color:#007fd0;}
.join_wrap .sns_wrap .btn_wrap a .ico img{vertical-align:middle;transition:.25s;}
.join_wrap .sns_wrap .btn_wrap a:hover .ico img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-moz-filter: brightness(0) invert(1);-o-filter: brightness(0) invert(1);-ms-filter: brightness(0) invert(1);}
.join_wrap .sns_wrap .btn_wrap a .txt{height:44px;line-height:44px;font-weight:300;}


@media all and (max-width:1000px){
	.member{margin:80px auto 100px;}
	.log_wrap .log_left{padding-right:20px;}
	.log_wrap .log_right{padding-left:15px;}
	.member_tit_wrap{margin-bottom:15px;}
	.member_tit_wrap .tit{margin-bottom:10px;}
	.log_body{padding-bottom:20px;}
	.log_form .wrap{padding-right:120px;}
	.log_form .wrap .con{margin-bottom:-8px;}
	.log_form .wrap .inner{margin-bottom:8px;}
	.log_form .wrap .input_wrap input,
	.log_form .wrap .input_wrap select{height:40px;line-height:38px;padding-left:8px;}
	.log_form .wrap .btn_wrap{width:100px;}
	.log_link{padding:8px 0 0;}
	.log_sns{padding-top:20px;}
	.log_sns .txt_wrap .txt{margin-bottom:10px;}
	.log_sns .btn_wrap a{padding-left:39px;}
	.log_sns .btn_wrap a .ico{width:39px;height:39px;line-height:39px;}
	.log_sns .btn_wrap a .ico:before{height:10px;margin-top:-5px;}
	.log_sns .btn_wrap a .txt{height:39px;line-height:39px;}
	.member_btn_wrap a{width:120px;}
	.member_btn_wrap a p{height:36px;line-height:36px;}
	.join_wrap .tb_wrap{margin-bottom:10px;}
	.join_wrap .tb_wrap .tb{padding:5px 0;}
	.join_wrap .tb_wrap .tb th{width:160px;padding:4px 20px;}
	.join_wrap .tb_wrap .tb td{padding:4px 10px 4px 0;}
	.join_wrap .tb_wrap .tb .input_wrap input,
	.join_wrap .tb_wrap .tb .input_wrap select{height:40px;line-height:38px;font-size:14px;}
	.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area{padding-right:120px;}
	.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap{width:110px;}
	.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap a{height:40px;line-height:40px;}
	.join_wrap .tb_wrap .tb .input_wrap .txt_wrap{padding:5px 5px 0;}
	.join_wrap .tb_wrap .tb .input_wrap.w33 .txt_wrap{padding:5px 8px 0;}
	.join_wrap .tb_wrap .tb .label_wrap{padding:3px 0;}
	.join_wrap .tb_wrap .tb .label_wrap .label_con{margin:0;}
	.join_wrap .tb_wrap .tb .label_wrap .label_inner{margin:0 10px 0 0;}
	.join_wrap .tb_wrap .tb .label_wrap .label_con input{margin:0 5px 0 0;}
	.join_wrap .textarea_wrap{margin-bottom:50px;}
	.join_wrap .textarea_wrap .con{margin-bottom:30px;}
	.join_wrap .textarea_wrap .box{position:relative;margin-bottom:10px;}
	.member_btn_wrap2{margin:0 -5px 15px;}
	.member_btn_wrap2 input,
	.member_btn_wrap2 a{width:130px;height:40px;line-height:40px;margin:0 5px;}
	.join_wrap .sns_wrap .txt_wrap{margin-bottom:10px;}
}

@media all and (max-width:768px){
	.member{margin:50px auto 80px;}
	.member_tit_wrap .refer_txt{position:relative;margin-top:5px;text-align:right;}
	.log_wrap{text-align:center;}
	.log_wrap:before{display:none;}
	.log_wrap .log_left{width:100%;padding:0 0 20px;border-bottom:1px solid #ddd;}
	.log_wrap .log_right{width:100%;padding:20px 0 0;}
	.log_form .wrap{padding-right:0;}
	.log_form .wrap .con{margin-bottom:0;}
	.log_form .wrap .btn_wrap{position:relative;width:100%;height:auto;}
	.log_form .wrap .btn_wrap button{position:relative;height:auto;}
	.log_form .wrap .btn_wrap button p{position:relative;top:0;line-height:40px;line-height:40px;margin-top:0;}
	.join_wrap .tb_wrap .tb table,
	.join_wrap .tb_wrap .tb thead,
	.join_wrap .tb_wrap .tb tbody,
	.join_wrap .tb_wrap .tb tr,
	.join_wrap .tb_wrap .tb th,
	.join_wrap .tb_wrap .tb td{display:block;width:100%;}
	.join_wrap .tb_wrap .tb th{padding:5px 0;}
	.join_wrap .tb_wrap .tb td{padding:0 0 5px;}
	.join_wrap .tb_wrap .tb .input_wrap input,
	.join_wrap .tb_wrap .tb .input_wrap select{height:32px;line-height:30px;font-size:13px;}
	.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area{padding-right:80px;}
	.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap{width:70px;right:5px;}
	.join_wrap .tb_wrap .tb .input_wrap .input_con.btn_area .btn_wrap a{height:32px;line-height:32px;}
	.join_wrap .textarea_wrap{margin-bottom:20px;}
	.join_wrap .textarea_wrap .con{margin-bottom:20px;}
	.join_wrap .textarea_wrap .box{margin-bottom:5px;}
	.join_wrap .textarea_wrap .box .tit{height:30px;line-height:30px;}
	.join_wrap .textarea_wrap .box .textarea{padding:30px 5px 5px;}
}

@media all and (max-width:486px){
	.log_sns .btn_wrap .con,
	.join_wrap .sns_wrap .btn_wrap .con{width:100%;max-width:100%;}
}