#pages_login { margin-bottom: 50px; }

#pages_login h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0;border-bottom:#999999 solid 3px;}
#pages_login .msg {color:#1C5B8C;font-family:dotum;line-height:150%;padding:30px 0 30px 0;}
#pages_login .msg a {color:#999999;font-size:11px;font-family:dotum;}

#pages_login .tab {height:46px;}
#pages_login .tab ul {position:relative;top:1px;padding:0;margin:0;}
#pages_login .tab li {float:left;width:94px;text-align:center;list-style-type:none;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:15px;background:#efefef;cursor:pointer;color:#666666;}
#pages_login .tab .selected {background:#ffffff;color:#000000;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#ffffff solid 1px;}
#pages_login .tab .lside {border-left:#dfdfdf solid 1px;}

#pages_login .agreebox {border:#dfdfdf solid 1px; }
#pages_login .agreebox .tblbox { /* background:#efefef; */ padding: 30px;text-align:left; }
#pages_login .agreebox table {width:100%;}
#pages_login .agreebox .key {width:75px;padding:10px 10px 10px 0;color:#666666;letter-spacing:-1px;text-align:right;}
#pages_login .agreebox .xfont {color:#999999; padding: 10px 0; }
#pages_login .agreebox .xfont label { padding-left: 5px; vertical-align: middle; }
#pages_login .agreebox .xfont .login_box { display: inline-block; padding-right: 10px; color:#999999; text-align:left;}
#pages_login .agreebox .input {width:250px; padding: 10px 35px 10px 15px; }
#pages_login .agreebox .submitbox {padding:20px 0 0 108px;}
#pages_login .agreebox .submitbox .btngray {height:25px;}
#pages_login .agreebox .submitbox .btnblue {width:100px;height:25px;}

/* sns 작업 */
#pages_login .agreebox .login_left { float: left; width:499px; position: relative;  }
#pages_login .agreebox .login_rigth { float: right; width: 499px; }
#pages_login .agreebox .login_join {  clear: both; color:#666666; padding: 20px; background:#efefef; line-height: 26px; }
#pages_login .agreebox .login_join span { background:#ff3041; width:3px; height:3px; border-radius:10px; margin-right:5px; margin-bottom: 3px; display: inline-block; }
#pages_login .agreebox .login_join .join_btn { display: inline-block; width:100px; height: 26px; line-height: 26px; background: #111; color:#fff; text-align: center; margin-left: 10px; }
#pages_login .agreebox .login_join .join_btn i { padding-left: 15px; }
#pages_login .agreebox .login_left .login_id {text-align:left;  }
#pages_login .agreebox .login_left .login_pw { text-align:left; }
#pages_login .agreebox .login_left .login_btn { position: absolute; right:30px; top:69px; width:130px; height:74px;   }

#pages_login .agreebox .tblbox .login_sns { padding-top: 30px; width:100%; display: inline-block; text-align:left; }
#pages_login .agreebox .tblbox  h3 {text-align:left;}
#pages_login .agreebox .tblbox .sns_line { margin:10px 0; background: #333; width:25px; height: 2px; }
#pages_login .agreebox .tblbox .login_sns li { float: left; width:141px; height: 53px; margin-right: 5px; margin-bottom: 5px; line-height: 53px; background: #f9f9f9; border: 1px solid #e4e4e4; }
#pages_login .agreebox .tblbox .login_sns li a { color:#111; text-indent: 13px; text-align: left; display: block; font-weight: bold; font-size: 14px; }
#pages_login .agreebox .tblbox .login_sns li img { vertical-align: middle; overflow: hidden; margin-right: 15px; border-radius: 5px; }
#pages_login .agreebox .tblbox .login_sns li:nth-child(1) {text-align:left; }
#pages_login .agreebox .tblbox .login_sns li:nth-child(2) {text-align:left; }
#pages_login .agreebox .tblbox .login_sns li:nth-child(3) { margin-right: 0; }
#pages_login .agreebox .tblbox .login_sns li:nth-child(4) { margin-right: 0; }

.bxslider .slider_1 { width:100%; height:337px; }

#pages_login .join_tit h2 { border-bottom: 0px; text-align: center; font-size: 30px; margin-top: 50px; }
#pages_login .join_tit p { text-align: center; margin-bottom: 40px; color: #9a9898; font-size: 14px;  }
#pages_login .join_container { background: #f7f8f9; border: 1px solid #eaeaea; padding: 50px 0; text-align: center; border-top:5px solid #ec0928;   }
#pages_login .join_container h2 { border-bottom: 0px; padding: 0; margin: 0; }
#pages_login .join_container .deco_line { width:60px; height: 2px; background:#111; margin:20px auto; }
#pages_login .join_container input { display: none; }
#pages_login .join_container label { cursor: pointer; display: inline-block; width:450px; height: 60px; line-height: 60px; border: 1px solid #d4d4d4; border-radius: 4px; background: #fff; color: #111; font-size: 16px; font-weight: bold;  -webkit-transition: background-color 0.1s, color 0.1s; transition: background-color 0.1s, color 0.1s; margin-bottom: 10px; }
#pages_login .join_container label:hover { color: #ec0928; }
#pages_login .join_container .test { -webkit-transition: height .3s ease; transition: height .3s ease; padding-top: 0px;  height: 0; overflow: hidden; width:100%; background:#fff; }
#pages_login .join_container .test input { display: block; margin: auto; width:350px; padding: 15px 0 15px 10px; margin-bottom: 5px; }
#pages_login .join_container .test p { background: none;border: 0;color:#111;font-size: 14px;font-weight: normal;margin-bottom: 10px;line-height: 30px;height: 30px;margin-top: 40px;cursor: default; }
#pages_login .join_container .test p:hover { color:#111; }
#pages_login .join_container .test .join_btn { background: #111; color:#fff; margin: auto; line-height: 55px; width:362px; cursor: pointer; font-weight: bold; }
#pages_login .join_container .test .join_btn:hover { background: #ec0928; }
#pages_login .join_container input:checked + .test {  height: 300px; margin-bottom:10px; border-top:1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
#pages_login .join_container p { cursor: pointer; display: inline-block; width:450px; height: 60px; line-height: 60px; border: 1px solid #c7162f; border-radius: 4px; background: #ec0928; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 30px; }
#pages_login .join_container p:hover { color:#ffef14; }