@charset "utf-8";
/*
Theme Name: gallup
Description: gallup THEME
Author: ynchoi
Version:1.0
*/

/* Font */
@import url(fonts.css);

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,a{margin:0;padding:0;font-family:'Noto Sans KR',sans-serif;font-size:16px;color:#515358;line-height:26px}
header,nav,article,section,footer,address,aside{display: block;}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:500;color:#161c23}
img,fieldset{border:0}
ul,ol,menu{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active{text-decoration:none}
input[type=text],
input[type=password],
input[type=date],
input[type=email]{font-size:1rem;height:3rem;text-indent:1rem;border:1px solid #d4d7d9;box-sizing:border-box}
textarea{font-size:1rem;padding:1rem;border:1px solid #d4d7d9;box-sizing:border-box}
input[type=text].error,
input[type=password].error,
input[type=email].error{border-color:#ff0000;color:#515358}
textarea.error{border-color:#ff0000;color:#515358}

/*error*/
.error{width: 100%;height: 100%;background-color: #f1f3f5}
.error .header{position: relative;width: 100%;height: 214px; padding: 60px 60px 120px;box-sizing: border-box}
.error .header .logo{height: 100%}
.error .header .logo img{display: block; width: auto;height: 100%}
.error .header .gallup{position: absolute;top: 60px;right: 60px;text-align: right;color: #333;font-size: 15px;font-weight: 900;letter-spacing: -1px}

.error .content .tit {position: relative;width: 100%;padding-top: 94px;padding-bottom: 94px}
.error .content .tit .back{position: absolute;top: 0;left: 50%;z-index: 1; width: 704px;height: auto;margin-left: -352px}
.error .content .tit .back img{display: block;width: 100%}
.error .content .tit .front{position: relative;z-index: 2;font-size: 36px;color: #0038ac;font-weight: 900;left: -2px;text-align: center;word-break: keep-all}

.error .content .des{text-align: center;color: #333;font-size: 18px}
.error .content .btn{margin-top: 60px; text-align: center}
.error .content .btn a[class^="btn"]{display: inline-block;width: 230px; height: 60px; margin-left: 6px;margin-right: 6px;margin-bottom: 10px; border:1px solid #0038ac; border-radius: 30px;line-height: 60px; font-size: 18px;text-align: center}
.error .content .btn a.btn01{color: #0038ac}
.error .content .btn a.btn02{background-color: #0038ac;color: #fff;font-weight: 600}

@media screen and (max-width: 767px){
.error .header{position: relative;width: 100%;height: 114px; padding: 20px 20px 60px;box-sizing: border-box}
.error .header .gallup{top: 20px;right: 20px}
.error .content{padding-left: 20px;padding-right: 20px}
.error .content .tit .back{left: 0;width: 100%;margin-left: 0}
}

@media screen and (max-width: 640px){
	.error .content .tit{padding-top: 0;padding-bottom: 40px}
	.error .content .tit .back{position: relative;top: inherit;left: inherit;padding-bottom: 20px}
	.error .content .tit .front{font-size: 28px}
	.error .content .btn{margin-top: 40px}
}