main{width:100%; margin-left:0;}
	#layer_alert .close img{width:20px;}
	#layer_otp .center .otp_time button{background-color:#5996e1 !important; color:#fff !important; border:0; border-radius:5px;}
	#otp_info{width:100%;}
	#otp_value{width:100% !important;}
	.btn_login{width:80px; height:27px; line-height:25px; border-radius:4px; cursor:pointer; background-color:#5996e1 !important; border:1px solid #5996e1 !important; color:#f8f8f8;}
	.btn_login:hover{background-color:#2f63bc !important; border:1px solid #2f63bc !important;}
	#layer_otp .center .main > p{line-height:34px;}


	.login{width:100%; height:100vh; display:flex; flex-wrap:wrap; position:relative;}
	.login .top{width:100%; height:50%; background-color:#f8f8f8;}
	.login .bottom{width:100%; height:50%; background:url('/img/bg_login.png') }
	.login .center{
		width:70%;
		height:70%;
		min-height:680px;
		background-color:#fff;
		display:flex;
		flex-wrap:nowrap;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		box-shadow:18px 2px 30px 2px rgba(0,0,0,0.2);
		border-radius:20px;
		overflow:hidden;
	}
	.login .center .left{width:50%; height:100%; background-color:#6cbfe0; position:relative;}
	.login .center .left .title{width:100%; height:20%; position:relative;}
	.login .center .left .title p{color:#fff; font-size:22px; font-weight:400; text-align:center; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
	.login .center .left .main{width:100%; display:flex; justify-content:center; position:absolute; left:50%; top:58%; transform:translate(-50%,-50%);}
	.login .center .left .main p{color:#fff; font-size:16px; position:absolute; left:50%; bottom:10px; transform:translateX(-50%);}
	.login .center .left .main p a{color:#fff;}
	.login .center .right{width:50%; height:100%; position:relative;}
	.login .center .right .title{width:50%; height:45%; margin:0 auto; padding-top:30px;}
	.login .center .right .title p{font-size:22px; font-weight:500; color:#ccc; border-bottom:1px solid #ccc; padding:10px 0; text-align:center;}
	.login .center .right .title .logo{width:90%; padding:50px 0; margin:0 auto;}
	.login .center .right .title .logo img{width:100%;}
	.login .center .right .main{width:60%; height:45%; margin:0 auto; text-align:center;}
	.login .center .right .main input{width:100%; margin:0 0 15px; padding:15px; border:0; border-radius:30px; font-size:14px; background-color:rgba(255,255,255,0.8); box-shadow:2px 5px 11px 2px rgba(0,0,0,0.15);}
	.login .center .right .main .login_menu{width:90%; height:50px; margin:0 auto; position:relative;}
	.login .center .right .main .login_menu a{position:absolute; left:0;}
	.login .center .right .main .login_menu a:hover{color:#5996e1; text-decoration:underline;}
	.login .center .right .main .login_menu .login_email{position:absolute; right:0;}
	.login .center .right .main .login_menu .login_email input[type="checkbox"]{width:auto; background-color:var(--main-color); border:1px solid #fff; margin-right:2px;}
	.login .center .right .main .login_menu .login_email p{margin:0; display:inline-block; cursor:pointer;}
	.login .center .right .main button{width:100%;font-size:20px; outline:0; background-color:#6cbfe0; padding:15px; color:#fff; font-weight:600; border:0; border-radius:30px; cursor:pointer; box-shadow:2px 5px 11px 2px rgba(0,0,0,0.15);}
	.login .center .right .support{width:100%; height:4%; text-align:center; margin-top:9%; margin-bottom:1%;}
	.login .center .right .support p.message{margin:15px 0 0; font-size:12px; display:inline-block;}
	.login .center .right .support p.message a{text-decoration:none; padding:0px 7px; border-right:1px solid #000;}
	.login .center .right .support p.message a:last-child{border-right:0;}

	.pass_modify .center .left{width:50%; height:100%; background-color:#AEC4F4;}
	.pass_modify .center .left{display:flex; align-items:center;}
	.pass_modify .center .left .main{width:100%; height:80%; background-image:url('/img/pass_modify_bg.jpg'); background-size:100% 93%; position:relative;}
	.pass_modify .center .right .title .logo{width:90%; padding:30px 0; margin:0 auto;}
	.pass_modify .center .right .main .text{padding-bottom:30px;}
	.pass_modify .center .right .main .text p:first-child{font-size:25px; font-weight:600; padding-bottom:10px;}
	.pass_modify .center .right .main .text p:nth-child(2){font-weight:500; letter-spacing:-0.8px;}
	.pass_modify .center .right .main button{margin-top:50px;}
	.pass_modify .center .right .support{width:100%; height:4%; text-align:center; margin-top:10%; margin-bottom:1%;}
	.pass_modify .center .right .support p a{color:#6cbfe0; font-weight:600;}
	.pass_modify .center .right .support p a:hover{text-decoration:underline;}
	
	#search_id_passwd_layer table.t01{border-bottom:2px solid #ccc !important;}
	#search_id_passwd_layer table.t01 .title{padding:10px 0 0 20px !important;}
	#search_id_passwd_layer table tr th.title div{color:#858585; display:inline-block; cursor:pointer; padding:2px 12px;}
	#search_id_passwd_layer table tr th.title div:hover{color:var(--main-color);}
	#search_id_passwd_layer table tr th.title div.on{color:var(--main-color); border-bottom:5px solid var(--main-color);} /*#1d63bb*/
	#search_id_passwd_layer #layer_cont_area01 table.t02 tr td button{width:68px; padding:7px 0; margin:0 10px; background-color:var(--main-color); border-radius:5px; color:#fff; border:0;}
	#search_id_passwd_layer  #layer_cont_area02 table.t02 tr td button{width:130px; padding:7px 0; margin:0 10px; background-color:var(--main-color); border-radius:5px; color:#fff; border:0;}
	#search_id_layer #layer_cont_area01 table.t02 tr td button{width:68px; padding:5px 0; margin:0 10px; background-color:var(--main-color); border-radius:5px; color:#fff; border:0;}
	#btn_otp_auth{width:68px; padding:5px 0; margin:0 5px; background-color:#3171bf; border-radius:5px; color:#fff; border:0;}
	#btn_otp_guide2{width:130px; padding:5px 0; margin:0 5px; background-color:#f8f8f8; border-radius:5px; border:1px solid #d5d5d5;}
	#icon_close_user_info_search img{width:20px;}
	.find_id_pw_result{width:80%; margin:0 auto; background-color:#f8f8f8; border:1px solid #ccc; padding:14px 7px;}
	.pass_flex{display:flex;}

	@media screen and (max-width:1700px){
		.login .center{width:85%; height:85%;}
		.login .center .right{overflow-y:auto;}
	}
	@media screen and (max-width:1366px){
		.login .center{width:90%; height:90%;}
	}

	@media screen and (max-width:1024px){
		.login .center{width:80%; height:80%; flex-wrap:wrap;}
		.login .center .left{width:100%; display:none;}
		.login .center .right{width:100%;}
		.pass_modify .center .right .title{padding-top:100px;}
		.pass_modify .center .right .main{padding-top:90px;}
	}