@charset "utf-8";

* {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{height:100%}
html,body{width:100%;height:100%;color:#292929;margin:0;padding:0}
body{ font-size:100%;font-weight:400;line-height:1.5;font-family:noto,맑은 고딕,돋움,tahoma,sans-serif;min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,select,label,img,figure{margin:0;padding:0}
input,textarea,select{outline:0;outline:none;border:0;border:none;vertical-align:middle;font-size:1em;color:#000;font-family:noto,맑은 고딕,돋움,tahoma,sans-serif}
table{border-collapse:collapse;width:100%;background:#fff;margin:0;padding:0}
table th{font-weight:300}
fieldset,img,table,button{border:0}
ul,ol,li{list-style:none}
img{vertical-align:middle}
caption,legend{display:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
address,em{font-style:normal;padding:0;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,navi,section{display:block}
legend,hr{display:none;height:0;font-size:0}
a{color:#111;text-decoration:none}p{padding:0}
button{color:#555;text-decoration:none;cursor:pointer}
input::-webkit-inner-spin-button,input::-webkit-clear-button,input[type=date]::-webkit-calendar-picker-indicator{display:none}

	
	.login_tamplate {width:96%; max-width:500px; margin:30px auto 0 auto;}
	.login_tamplate dt{display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; background:#f6f6f6; border-radius:10px 10px 0 0; }
		.login_tamplate dt p {flex:1; position:relative;z-index:1;}
		.login_tamplate dt p:nth-of-type(2).on {border-right:1px solid #ddd; border-left:1px solid #ddd;}
		.login_tamplate dt p.on{border:none; color:;}
		.login_tamplate dt p a{color:#888; display:block;width:100%;  height:50px; display:flex;  align-items:center; justify-content:center; }
		.login_tamplate dt p.on a{background:#fff; border-radius:10px 10px 0 0; border:1px solid #ddd; border-bottom:none;color:#333;}
		.login_tamplate dt p:nth-of-type(1).on a:after {content:""; display:block; position:absolute; bottom:0; right:-10px; width:10px; height:10px; border-radius:0 0 0 10px; background:#f6f6f6; border-left:1px solid #ddd; border-bottom:1px solid #ddd; z-index:3;}
		.login_tamplate dt p:nth-of-type(1).on a:before {content:""; display:block; position:absolute; bottom:0; right:-9px; width:10px; height:10px;   background:#ffff;   z-index:2;}
		.login_tamplate dt p:nth-of-type(2).on a:after {content:""; display:block; position:absolute; bottom:0; right:-10px; width:10px; height:10px; border-radius:0 0 0 10px; background:#f6f6f6; border-left:1px solid #ddd; border-bottom:1px solid #ddd; z-index:3;}
		.login_tamplate dt p:nth-of-type(2).on a:before {content:""; display:block; position:absolute; bottom:0; right:-9px; width:10px; height:10px;   background:#ffff;   z-index:2;}
		.login_tamplate dt p:nth-of-type(2).on:after {content:""; display:block; position:absolute; bottom:0; left:-10px; width:10px; height:10px; border-radius: 0 0 10px 0px; background:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd; z-index:3;}
		.login_tamplate dt p:nth-of-type(2).on:before {content:""; display:block; position:absolute; bottom:0; left:-9px; width:10px; height:10px;   background:#ffff;   z-index:2;}
		.login_tamplate dt p:nth-of-type(3).on a:after {content:""; display:block; position:absolute; bottom:0; left:-10px; width:10px; height:10px; border-radius: 0 0 10px 0px; background:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd; z-index:3;}
		.login_tamplate dt p:nth-of-type(3).on a:before {content:""; display:block; position:absolute; bottom:0; left:-9px; width:10px; height:10px;   background:#ffff;   z-index:2;}	
		
		.login_tamplate dt img {height:21px; display:inline-block;margin-right:5px; vertical-align:middle;}
		
	.login_tamplate dd {background:#fff; border:1px solid #ddd;   padding:20px 20px 30px 20px; border-radius:0 0 10px 10px; margin-top:-1px; position:relative; z-index:0; box-sizing:border-box;}
		.login_tamplate dd.login_lr:before{content:""; display:block; position:absolute; top:-1px; left:-1px; width:10px; height:10px;   background:#f6f6f6;   z-index:0;}
		.login_tamplate dd.login_lr:after{content:""; display:block; position:absolute; top:-1px; left:-1px; width:10px; height:10px;   background:#fff; border-left:1px solid #ddd; border-top:1px solid #ddd; border-radius:10px 0 0 0;  z-index:0;}
		.login_tamplate dd.login_rr:before{content:""; display:block; position:absolute; top:-1px; right:-1px; width:10px; height:10px;   background:#f6f6f6;   z-index:0;}
		.login_tamplate dd.login_rr:after{content:""; display:block; position:absolute; top:-1px; right:-1px; width:10px; height:10px;   background:#fff; border-right:1px solid #ddd; border-top:1px solid #ddd; border-radius: 0 10px 0 0;  z-index:0;}
		.login_tamplate dd.login_ar:before{content:""; display:block; position:absolute; top:-1px; left:-1px; width:100%; height:10px;   background:#f6f6f6;   z-index:0;}
		.login_tamplate dd.login_ar:after{content:""; display:block; position:absolute; top:-1px; left:-1px; width:calc(100%  ); height:10px;   background:#fff; border:1px solid #ddd; border-bottom:none; border-radius: 10px 10px 0 0;  z-index:0;}
		.login_tamplate dd span{display:block;width:100%; position:relative;}
		.login_tamplate dd input{display:block;width:100%; height:57px; border:1px solid #ddd; border-radius:10px 10px 0 0; padding:10px 15px 0 15px; }
		.login_tamplate dd span:after{content:"아이디";  position:absolute; left:15px; top:8px; font-size:11px;color:#999;}
		.login_tamplate dd span:nth-of-type(2) input{border-radius:0 0 10px 10px; border-top:0;}
		.login_tamplate dd span:nth-of-type(2):after{content:"비밀번호";  }
		.loginbox .login_tamplate dd p a{width:100%; margin-top:20px;background:#cf7c2e; color:#fff; border-radius:10px; font-weight:600;}
		.loginbox .login_tamplate dd p:nth-of-type(2) .btn.submit{border:1px solid #cf7c2e;background:#fff; color:#cf7c2e; margin-top:0;}
		.login_tamplate dd h5{width:100%; height:1px; background:#eee;margin: 25px 0; position:relative;}
		.login_tamplate dd h5:after{content:"지문·얼굴 인증을 설정했다면"; position:absolute; background:#fff; color:#888; left:50%; top:50%; transform:translate(-50%, -50%); font-size:14px; padding:0 10px;}
		.login_link {display:flex; flex-flow:row nowrap; align-items:center; justify-content:center;}
		.login_link dd{ text-align:center;padding:20px 0;}
		.login_link dd a{color:#888; font-size:14px; display:inline-block; position:relative;}
		.login_link dd:after{content:""; width:1px; height:10px; background:#eee;  display:inline-block; margin:0 15px;}
		.login_link dd:last-child:after{display:none;}
	.login_bnr{width:96%; max-width:500px; margin:10px auto;}
		.login_bnr img{width:100%;}
		
	.login_copy{width:96%; max-width:500px; margin:30px auto 20px auto; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
		.login_copy dd{ text-align:center;padding:5px 0;}
		.login_copy dd a{color:#888; font-size:12px; display:block; position:relative;}
		.login_copy dd a:after{content:""; width:1px; height:10px; background:#eee;  display:inline-block; margin:0 15px;}
		.login_copy dd:nth-of-type(3) a:after{display:none;}
		.login_copy dt{width:100%;color:#999; font-size:12px;}
		
		
		.login_copy dt br{display:none;}
		
		
@media (max-width: 1000px) {
	.login_tamplate dt p a{font-size:11px;}
	.loginbox {padding:0;}
	
		.login_copy dt br{display:block;}
	}