.login{width:100%;padding:100px 0;}
.login_wrapper{width:580px;margin:0 auto;position: relative;}
.login_wrapper .login_tit{margin-bottom:5px;}
.login_wrapper .login_tit > b{font-size: 30px;font-weight: bold;}
.login_wrapper .login_tit > span{font-size: 14px;font-weight: 300;color:#777;right:0;top:20px;position: absolute;}
.login_wrapper .login_box{border:1px solid #eee;padding:50px;}
.login_wrapper .login_box > p{font-size: 20px;color: #222;}

.login_inputbox{margin-bottom:40px;}
.login_inputbox .login_input{width:300px;float: left;}
.login_inputbox .login_input input{width:300px;margin:5px 0;height:40px;padding-left: 15px;}
.login_inputbox .login_input > input,textarea{width:100%;padding:10px 15px;border:1px solid #eee;background-color: #eee;}
.login_inputbox .login_input > input:focus,textarea:focus{border:1px solid #000;background-color: #fff;outline: none;}

.login_inputbox .longin_btn{width:auto;float: left;}
.login_inputbox .longin_btn button{height: 90px;margin:5px 0 5px 10px;width:168px;}
.login_inputbox .longin_btn button:hover{}

.btnlogin{background: #354a5d;color:#fff;font-size:16px;border: 0px;cursor: pointer;}
.btnlogin a{color:#fff;font-size:16px;text-decoration: none;}

.btnlogin:hover{background: #23394c;}
.registerbtn{width:100%;height:70px;margin-bottom:50px;font-size:18px;}
.registerbtn a{font-size:18px;color:#fff;text-decoration: none;}
.btncancel{background: #fff;color:#354a5d;font-size:16px;border: 2px solid #354a5d;cursor: pointer;position: relative;}
.btncancel a{color:#354a5d;font-size:16px;cursor: pointer;text-decoration: none;}

.btncancel:hover{background: #f5f5f5;}

.login_box ul li{width:100%;height:65px;font-size:16px;color:#fff;text-align: center;margin:10px 0;padding:0px 0;position: relative;}
.login_box ul li a{position: absolute;right:0;left: 0;top: 0;bottom: 0;padding:18px 0 0;font-size:16px;color:#fff;cursor: pointer;text-decoration: none;}

.login_box ul li:nth-child(1){background-color: #1dc800;}
.login_box ul li:nth-child(1):hover{background-color: #60c115;}
.login_box ul li:nth-child(4){background-color: #3f6c9f;}
.login_box ul li:nth-child(4):hover{background-color: #5280b5;}
.login_box ul li:nth-child(2){background-color: #ffc516;}
.login_box ul li:nth-child(2):hover{background-color: #ffd65a;}
.login_box ul li:nth-child(3){background-color: #3c8ede;}
.login_box ul li:nth-child(3):hover{background-color:   #5299de;}

.login_bottomline{text-align: center;margin:20px 0;}
.login_bottomline a{position: relative;margin:0 15px;cursor: pointer;text-decoration: none;font-size: 13px;}
.login_bottomline a:hover{color:#222;}
.login_bottomline a:last-child::after{width:0px;}
.login_bottomline a::after{content: "";width:1px; height:8px;background-color: #ccc;position: absolute;right:-15px;top:6px;}

.login_bottomline > p{}
.login_bottomline > p > a{font-weight: bolder;margin:0 0px;color:#222;}

/* 회원가입 */
.register{padding:0px;}
.register_wrapper{width:700px;margin:0 auto;position: relative;}
.register_wrapper p{font-size: 22px;margin-bottom: 10px;}
.register_wrapper table{border-bottom:1px solid #aaa;border-top:2px solid #222;width:100%;} 
.register_wrapper table tr td{border-bottom:1px solid #ddd;height:60px;position: relative;}
.register_wrapper table tr .register_titForm{background-color: #f9f9f9;width:161px;padding:0 0 0 30px;}
.register_wrapper table tr .register_inputForm{padding:0 0 0 20px;}
.register_wrapper table tr .register_inputForm input{width:320px;height:37px;padding-left: 10px;font-size:12px;}
.mustinput::after{content: "ㆍ";position: absolute;left:15px;color:#515151;}
.emailForm input{width:150px!important;}



.terms_box{margin:50px 0;}
.terms_box > p{border-bottom: 2px solid #222;padding-bottom: 10px;}
.terms_box li{padding:10px 0;}
.terms_box li:nth-child(1){color:#000;font-weight: bold;font-size:16px;}
.terms_box li:nth-child(2){color:#000;font-size:16px;}
.terms_box li:nth-child(3){height:170px;border:1px solid #ddd;overflow: auto;padding:15px;background:#f9f9f9;}
.terms_box li:nth-child(4){color:#000;font-size:16px;padding:20px 0 10px 0;}
.terms_box li:nth-child(5){height:170px;border:1px solid #ddd;overflow: auto;padding:15px;background:#f9f9f9;}
.terms_box li:nth-child(6){text-align: center;padding-top:50px;}
.terms_box li:nth-child(6) button{width:200px;height:52px;}


.search_pwbox input{display: block;width:300px;height:50px;padding-left:10px;margin:10px auto;}
.searchpw_box{width:100%;border:1px solid #eee;padding:50px;}
.searchpw_box table{border-bottom:1px solid #aaa;border-top:2px solid #222;width:100%;}
.searchpw_box table td{height:60px;}
.searchpw_box table .register_titForm{background-color: #f9f9f9;padding-left:10px;}
.searchpw_box table .register_inputForm{padding-left:15px;}
.searchpw_box table .register_inputForm input{width: 300px;height:40px;padding-left:10px;}
.searchpw_box table{width:100%;}
.searchpw_box > input{width:300px;}
.btnswrap button{width:235px; height:50px;}


/* */

.agreement_1box{line-height:1.3;}
.agreement_1box p{font-size:16px;margin-bottom:0;font-weight:300;}
.agreement_2box{line-height:1.3;}
.agreement_2box p{font-size:16px;margin-bottom:0;font-weight:300;}