#contents {width:755px;text-align:center; margin: 50px; margin-left: auto; margin-right: auto; margin-top: 100px; }

#contents .logins{width:680px;padding-left:0;text-align:center; margin-left: auto; margin-right: auto;}
#contents .subTit{width:100%; text-align: center; padding-bottom: 10px; font-size:16px; color:#333;font-weight:bold; }

.login_area {position:relative; width: 520px; text-align:center; display: inline-block; text-align: left; margin-top: 5px; border: 1px solid #ddd; background: #efefef; padding: 20px; border-radius: 10px;}
.login_area div { clear: both; }
.login_area .btn{position:absolute;top:110px;right:55px}

.login_area .login_area_form { background-color: #fff; padding: 10px; border-radius: 10px;  }

.login_area dl{margin-top:15px; display: inline-block; margin-left: 20px; }
.login_area dt {width:100px; height: 35px; float: left; font-weight:bold; line-height: 18px; font-size: 14px;}
.login_area dd {width: 200px; float: left; text-align: left; }

.login_area input[type="text"] {width:200px;border:1px solid #ccc; background: #fff; color: #000; height:24px; padding: 5px; border-radius: 5px; }
.login_area input[type="password"]{width:200px;border:1px solid #ccc; background: #fff; color: #000; height:28px; padding: 5px; border-radius: 5px; }
.login_area input[type="button"]{ border:1px solid #3d61ad; background: #3d61ad; color: #fff;  text-align: center; border-radius: 10px; width: 120px; height: 95px; font-weight: bold; font-size: 14px; cursor: pointer;}

.login_area input[type="text"]:focus {width:200px;border:1px solid #3d4ead; background: #fff; color: #000; height:24px; padding: 5px; border-radius: 5px; }
.login_area input[type="password"]:focus {width:200px;border:1px solid #3d4ead; background: #fff; color: #000; height:28px; padding: 5px; border-radius: 5px; }

.login_area a { font-size: 14px; margin-bottom: 5px; }

.login_area .mem_type { font-size: 16px; text-align: center; margin:0 }
.login_area .mem_type ul { width: 100%; display: flex; border: 1px solid #ddd; }
.login_area .mem_type li { width: 50%; box-sizing: border-box; float: left; text-align: center;  padding: 10px; }
.login_area .mem_type li.on { background-color: #e2e7fa; }
.login_area .mem_type li:last-child { margin-right: 0; border-left: 1px solid #ddd; }


.login_area .mem_sns { position:relative; margin-top: 20px; border-top: 1px solid #ddd; padding-top: 10px; }
.login_area .mem_sns ul { clear: both; margin: 20px; display: flex;}

.login_area .mem_sns li.naver { position:relative; box-sizing: border-box; float: left; margin-right: 10px; background-color: #03c75a; width: 140px; border-radius: 6px; text-align: center; padding: 12px; color: #fff;}
.login_area .mem_sns li.kakao { position:relative; box-sizing: border-box; float: left; margin-right: 10px; background-color: #efd821; width: 140px; border-radius: 6px; text-align: center; padding: 12px; color: #361c1d; }
.login_area .mem_sns li.google { position:relative; box-sizing: border-box; float: left; margin-right: 0; background-color: #fff; width: 140px; border: 1px solid #ddd;  border-radius: 6px; text-align: center; padding: 14px; }
.login_area .mem_sns li span { font-size: 14px; margin-left: 10px; cursor: pointer; }
.login_area .mem_sns li p {position:absolute;top:4px;left:10px }

.select {
    padding: 10px 10px; margin: 5px 0px;
}
.select input[type=radio]{
    display: none;
}
.select input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    height: 34px;
    width: 235px;
    border: 1px solid #999;
    line-height: 34px;
    text-align: center;
    font-weight:bold;
    font-size:13px;
    border-radius: 6px;
}
.select input[type=radio]+label{
    background-color: #fff;
    color: #333;
}
.select input[type=radio]:checked+label{
    background-color: #3d61ad;
    border: 1px solid #3d61ad;
    color: #fff;
}


.find_area {position:relative; width: 550px; text-align:center; display: inline-block; text-align: left; margin-top: 5px; border: 1px solid #ddd; background: #efefef; padding: 20px; border-radius: 10px;}
.find_area div { clear: both; }
.find_area .btn{position:absolute;top:110px;right:55px}

.find_area .login_area_form { background-color: #fff; padding: 10px; border-radius: 10px;  }

.find_area dl{ clear: both; margin-top:15px; display: inline-block; margin-left: 20px; height: 42px; }
.find_area dt {width:130px; float: left; font-weight:bold; line-height: 18px; font-size: 14px;}
.find_area dd {width: 350px; float: left; text-align: left; }

.find_area dd input[type="text"] { padding: 5px 10px; font-size: 14px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 90%; height: 20px; }
.find_area dd input[type="text"]:focus { border: 1px solid #00a0e9; }

.find_area dd input[type="password"] { padding: 5px 10px; font-size: 14px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 90%; height: 20px; }
.find_area dd input[type="password"]:focus { border: 1px solid #00a0e9; }

.find_area dd input[type="button"] { font-size: 14px; color: #666; border: 1px solid #999; border-radius: 6px; width: 100px; height: 32px; background-color: #efefef; cursor: pointer;}

.bmargin30 {margin-bottom:30px !important;}
.tmargin50 {margin-top:50px !important;}
.tpadding50 {padding-top:50px !important;}
.bd_bottom0 {border-bottom:0px !important;}