@charset "utf-8";

@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

*{ font-family: 'Nanum Square'; }

.btn:hover{
 transform: none !important;
 -webkit-transform: none !important;
}

.p-1{padding: .25rem!important;}
.p-2{padding: .5rem!important;}
.p-3{padding: 1rem!important;}
.p-4{padding: 1.5rem!important;}
.p-5{padding: 3rem!important;}

.pb-1{padding-bottom: .25rem!important;}
.pb-2{padding-bottom: .5rem!important;}
.pb-3{padding-bottom: 1rem!important;}
.pb-4{padding-bottom: 1.5rem!important;}
.pb-5{padding-bottom: 3rem!important;}

.m-1{margin: .25rem!important;}
.m-2{margin: .5rem!important;}
.m-3{margin: 1rem!important;}
.m-4{margin: 1.5rem!important;}
.m-5{margin: 3rem!important;}

.mb-1{margin-bottom: .25rem!important;}
.mb-2{margin-bottom: .5rem!important;}
.mb-3{margin-bottom: 1rem!important;}
.mb-4{margin-bottom: 1.5rem!important;}
.mb-5{margin-bottom: 3rem!important;}

a,
a:active,
a:hover{text-decoration: none;}


/* pc */
@media only screen and (min-width: 768px) {
.container2{max-width:1050px; display:table; height:100%; margin:0 auto; }
.container2 .content{display:table-cell; vertical-align: middle;}
.container2 .img-19{max-width:190px;}
.container2 .block-center{margin:0 auto;}
.container2 .text-center{text-align:center;}

.container2 .awrap{display:flex; border:3px; padding: 20px; width: 1050px;}
.container2 .awrap:after{display:block; content:''; clear:both;}
.container2 .awrap .img-wrap{width:80px; margin-right:10px; flex-shrink:0;}
.container2 .awrap .txt-wrap{flex-grow:1; border:0px solid #000; padding-top: 40px; padding-left: 50px;}
.container2 .awrap .txt-wrap strong{display:block; line-height:30px; letter-spacing:.08rem;  font-size: 25px;}
.container2 .awrap .txt-wrap >a{font-weight:normal; color:#777; text-decoration: none; border-bottom:1px solid #777; padding-bottom:3px;}

.container2 .line{margin:20px -10px 20px -10px; height:3px; background:#ddd;}

.container2 .btn-groups {}
.container2 .btn-groups:after{display:block; content:''; clear:both;}
.container2 .btn-groups >div{float:left; width:50%;}
.container2 .btn-groups >div a{display:block; width:100%; height:100%; text-align:center; background:#eee; padding:6px; backgroud:#ddd; border-bottom:4px solid #aaa; text-decoration:none;}
.container2 .btn-groups >div a.btn-login{border-bottom:4px solid #ff4500;}

.container2 .box-wrap >div {position:relative;}
.container2 .box-wrap >div:first-child{margin-bottom:-1px;}
.container2 .box-wrap >div >input{width:100%; border: 1px solid #ddd; padding:16px; border-radius:0; font-size:14px; height:auto;}
.container2 .box-wrap >div .help{position:absolute; bottom: 0; left:16px; font-weight:bold; color:#ff0082; font-size:11px;}

.container2 .foot .btn-primary{border-radius:0;}


}



/*모바일*/
	@media screen and (max-width: 768px) {
		
		 .loginlogo{width: 150px; border:0px solid #ccc;}
		.container2{max-width:330px; display:table; height:100%; margin:0 auto;}
.container2 .content{display:table-cell; }
.container2 .img-19{max-width:60px;}
.container2 .block-center{margin:0 auto;}
.container2 .text-center{text-align:center;}

.container2 .awrap{display:flex;  padding-bottom: 10px; }
.container2 .awrap:after{display:block; content:''; clear:both;}
.container2 .awrap .img-wrap{width:80px; margin-right:10px; flex-shrink:0;}
.container2 .awrap .txt-wrap{flex-grow:1;}
.container2 .awrap .txt-wrap strong{display:block; line-height:1.5rem; letter-spacing:.08rem;}
.container2 .awrap .txt-wrap >a{font-weight:normal; color:#777; text-decoration: none; border-bottom:1px solid #777; padding-bottom:3px;}

.container2 .line{margin:20px -10px 20px -10px; height:3px; background:#ddd; display: none;}

.container2 .btn-groups {}
.container2 .btn-groups:after{display:block; content:''; clear:both;}
.container2 .btn-groups >div{float:left; width:50%;}
.container2 .btn-groups >div a{display:block; width:100%; height:100%; text-align:center; background:#eee; padding:6px; backgroud:#ddd; border-bottom:4px solid #aaa; text-decoration:none;}
.container2 .btn-groups >div a.btn-login{border-bottom:4px solid #ff4500;}

.container2 .box-wrap >div {position:relative;}
.container2 .box-wrap >div:first-child{margin-bottom:-1px;}
.container2 .box-wrap >div >input{width:100%; border: 1px solid #ddd; padding:16px; border-radius:0; font-size:14px; height:auto;}
.container2 .box-wrap >div .help{position:absolute; bottom: 0; left:16px; font-weight:bold; color:#ff0082; font-size:11px;}

.container2 .foot .btn-primary{border-radius:0;}
}