@charset "utf-8";

body,input,textarea,button,select,pre{font-family:'notokr','맑은 고딕','Nanum Gothic','NanumSquare',Dotum,Gulim,Helvetica,sans-serif; color:#333;}

/**************************************************
	Button
**************************************************/
/* Button common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:baseline; cursor:pointer; transition:all .3s;}
.button span{height:100%; vertical-align:top;}
.button img{vertical-align:middle;}
.button_wrap{margin-top:20px;}
/* Button Size - default / small / large */
.button{height:34px; margin:3px; padding:0 15px; border:1px solid transparent; font-size:15px; line-height:32px; }
.button.xs{height:21px; padding:0 10px; font-size:14px; line-height:19px;}
.button.sm{height:28px; padding:0 12px; font-size:15px; line-height:26px; font-weight:normal;}
.button.lg{height:49px; padding:0 28px; font-size:18px; line-height:49px;}

/* Button Color */
.button{border-radius:2px; background-color:#035eb2; color:#fff !important;}
.button.darkgray{background-color:#333; color:#fff !important;}
.button.gray{background-color:#8b919b; color:#fff !important;}
.button.green{background-color:#037879; color:#fff !important;}
.button.red{background-color:#fe3439; color:#fff !important;}
.button.violet{background-color:#855aa6; color:#fff !important;}
.button.purple{background-color:#484a9d; color:#fff !important;}
.button.lightblue{background-color:#6186bd; color:#fff !important;}
.button.sky{background-color:#1aa1c2; color:#fff !important;}
.button.orange{background-color:#e21448; color:#fff !important;}

.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}

/* 오류화면 */
.error_wrap{text-align:center; display:flex; justify-content:center; align-items:center; height:100vh; padding:0 10px; font-family:'notokr';}
.error_wrap > .inr{width:775px; max-width:100%; max-height:100%; overflow:hidden; overflow-y:auto;}
.error_wrap h1{margin:0 auto 40px; text-align:center;}
.error_wrap .txt_box{display:flex; flex-direction:column; justify-content:center; padding:50px 20px; border:1px solid #cbcbcb; border-radius:10px; text-align:center;}
.error_wrap .txt_box .img{}
.error_wrap .txt_box .txt{margin:20px 0; font-size:24px;}
.error_wrap .txt_box .date{display:flex; flex-wrap:wrap; justify-content:center; font-size:18px;}
.error_wrap .txt_box .date dt{flex:0 0 auto;}
.error_wrap .txt_box .date dd{margin-left:5px; font-weight:600; color:#f24407;}
.error_wrap .copyright_area{margin-top:40px; font-size:15px; color:#666; text-align:left;}
.error_wrap .copyright_area .address_area em{color:#222;}
.error_wrap .copyright_area .copyright{margin-top:10px;}