@charset "utf-8";


/*///////////////////////////////////////////////////////////////////////////////////////////////
 회원가입 / 로그인
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
 .login_bg {background-color: #5d5a5a;}

.membership_box {width:400px; text-align:center; position:absolute; top:50%; left:50%; /*margin-top:-150px;*/ margin-top:-230px; margin-left:-200px;}
.membership_box h1.title {margin-bottom:10px;}
.membership_box button {padding:0; width:300px; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden; box-sizing:border-box;}
.membership_box button:hover {opacity:0.9;}
.membership_box .inner_grid {padding:30px 20px; border:solid 1px #ccc; border-radius:5px; background-color:#fff;}
.membership_box .inner_grid button.btn_login {background-color:#696f7b;}
.membership_box .inner_grid input[type="text"], .membership_box .inner_grid input[type="password"] {margin-bottom:5px; width:300px; height:40px; border-radius:3px; color:#333; box-sizing:border-box;
      font-family:'나눔바른고딕','나눔고딕','돋움',dotum,AppleGothic,serif
}
.membership_box .inner_grid .func {margin-top:5px; padding-top:10px; border-top:solid 1px #ccc;}

.membership_box .univ_info {padding:15px 0; text-align:left; color:#fff;}
.membership_box .univ_info ul {}
.membership_box .univ_info ul li {padding-left:10px; background:url('../../images/CC/icon/05/bullet_dot_white.png') no-repeat left 10px;}
.membership_box .univ_info ul li strong {color:#ffeb3b;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .membership_box {margin-top:-250px; margin-left:10%; left:0; width:80%;}
      .membership_box button {padding:0; width:100%; height:40px; color:#fff; font-size:16px; border-radius:3px; line-height:40px; overflow:hidden;}
      .membership_box .inner_grid input[type="text"], .membership_box .inner_grid input[type="password"] {width:100%;}
}
/* 모바일*/
@media all and (max-width:320px){   
 
}