@font-face{ 
	font-family:'NanumGothic';
	src: url('/font/NanumGothic.eot');
	src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

img{border:0;}
a{text-decoration:none}
ul,li,p,button,dl,dt,dd,h1,h2,h3,h4,h5,h6,div{margin:0; padding:0;}
ul,li{list-style:none}

.fl_l{float:left}
.fl_r{float:right}

.bbs-member-login-wp{width:560px; margin:0 auto 70px auto}
.bbs-member-login-wp .bbs-member-login{width:100%; text-align:center;}
.bbs-member-login-wp .bbs-member-login .bbs-member-login-title{font-size:40px; color:#343434; font-weight:normal; padding:15px 0}
.bbs-member-login-wp .bbs-member-login .bbs-member-login-text{font-size:22px; color:#888; padding:40px 0}

.bbs-member-login-form-wp{width:100%; text-align:center;}
.bbs-member-login-form{position:relative}

.field-wrap{position:relative; margin-bottom:30px;}
.field-label{font-size:20px !important;position:absolute; -webkit-transform:translateY(6px); transform:translateY(6px); top:8px; left:13px; -webkit-transition:all 0.25s ease; transition:all 0.25s ease; -webkit-backface-visibility:hidden;  pointer-events:none; color:#bbb;}
.field-label.active{-webkit-transform:translateY(40px); transform:translateY(40px); top:14px; left:2px; font-size:14px;}
.field-label.highlight{color:#222;}
.field-input{display:block; width:100%; height:50px; background:none; background-image:none; border:1px solid #bbb; box-sizing:border-box; color:#bbb; -webkit-transition:border-color .25s ease, box-shadow .25s ease; transition: border-color .25s ease, box-shadow .25s ease; border:1px solid #bbb;}
.bbs-member-btn-wp{}
.bbs-member-btn{width:100%; height:60px; background-color:#000; color:#fff; text-align:center; font-weight:bold; cursor:pointer; border:1px solid #000; font-size:25px;}/*로그인버튼 색상*/
.bbs-member-btn:hover{background-color:#000;}

.bbs-member-btn2-wp{overflow:hidden;}
.bbs-member-btn2-wp li{float:left; width:400px; height:50px; line-height:50px; font-size:18px; border:1px solid #222; box-sizing:border-box; text-align:left; padding-left:20px;}
.bbs-member-btn2-wp li:first-child{margin-right:34px;}
.bbs-member-btn2-wp li:after{content:""; display:block; clear:both}
.bbs-member-btn2-wp li a{display:block; color:#343434;}
.idpw-arr{margin-right:20px;}

.bbs-memeber-social-wp{width:640px; margin:0 auto; border-top:1px solid #dbdbdb}
.right-line{border-right:1px solid #dbdbdb; box-sizing:border-box;}
.bbs-memeber-social-wp .bbs-member-2box{width:600px; margin:55px 0 0 0; float:left; text-align:center;}
.bbs-member-sns-login-title{font-size:26px; color:#343434; font-weight:normal; margin:30px 0 0 0;}
.bbs-member-sns-login-contents{font-size:20px; color:#8b8b8b; margin:12px 0 0 0;}
.bbs-member-sns-btn-wp{width:264px; margin:35px auto 0;}
.bbs-member-sns-btn-wp li{border:1px solid #222; box-sizing:border-box; width:260px; height:50px; margin:0 0 10px 0}
.bbs-member-sns-btn-wp li a{display:block; overflow:hidden; color:#343434; font-size:16px;}
.bbs-member-sns-btn-wp li a span{float:left; border-right:1px solid #222; box-sizing:border-box; }
.bbs-member-sns-btn-wp li a p{float:left; line-height:48px; margin:0 0 0 17px;}

.bbs-member-btn3-wp{width:330px; margin:35px auto 0;}
.bbs-member-btn3-wp li{width:320px; height:50px; line-height:48px; margin:0 0 10px 0; font-size:20px; border:1px solid #222; box-sizing:border-box; text-align:left; padding-left:20px;}
.bbs-member-btn3-wp li:nth-child(2){margin:0;}
.bbs-member-btn3-wp li a{display:block; color:#343434; text-decoration:none;}

.bbs-member-join-box-wp{width:100%; margin:0 auto; overflow:hidden; padding:0 0 20px 0; border-bottom:1px solid #d8d8d8}
.bbs-member-join-complete{min-height:200px; border-top:2px solid #363636; box-sizing:border-box;}
.bbs-member-join-complete .bbs-member-join-complete-title{font-size:32px; color:#2696a9; text-align:center; margin-bottom:20px; padding-top:80px;}
.bbs-member-join-complete .bbs-member-join-complete-txt{font-size:24px; color:#888; text-align:center;}

/* 버튼 */
.btn-container-wp{width:100%; text-align:center; margin:50px 0 0 0; overflow:hidden;}
.btn-wp{position:relative; width:200px; display:inline-block; line-height:50px; font-size:24px; text-align:center; cursor:pointer; outline:none;}
.btn-wp.type1{border:1px solid #222; background-color:#fff; color:#222; transition:all .3s; overflow:hidden; vertical-align:top; text-decoration:none;}
/*
.btn-wp.type1:before{position:absolute; top:0; left:-140%; width:123%; height:100%; display:block; content:""; background-color:#222; transform:skewX(40deg); transition:all .4s;}
.btn-wp.type1:after{position:absolute; top:0; right:-140%; width:123%; height:100%; display:block; content:""; background-color:#222; transform:skewX(40deg); transition:all .4s;}
.btn-wp.type1:hover{color:#fff;}
.btn-wp.type1:hover:before{left:-70%;}
.btn-wp.type1:hover:after{right:-70%;}
*/
.btn-wp.type1 span{position:relative; z-index:1;}