/* font */

@charset "utf-8";
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../fonts/noto-sans-kr-v8-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v8-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v8-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v8-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v8-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


/* Reset */
*{margin:0;padding:0;-webkit-text-size-adjust:none; word-break:keep-all; box-sizing:border-box;}
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, caption, textarea, input, select, table, th, td, i {margin:0px; padding:0px;}
html {overflow-y:scroll;}
body {margin:0;padding:0; font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-style:normal; font-weight:400;  color:#333; line-height:1;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,  {display:block; margin:0; padding:0;}
ul, dl, ol{margin:0;padding:0;list-style:none;}
legend, .hid {margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
label, input, button, select, img, a {vertical-align:middle}
input, button {margin:0;padding:0; font-size:15px;font-family: 'Noto Sans KR', sans-serif;  font-style:normal; font-weight:400; color:#333;}
button, input[type="submit"], input[type="button"] {cursor:pointer;font-family: 'Noto Sans KR', sans-serif; border:0;}
input[type="text"] {height:40px; line-height:2em; vertical-align:middle; border:solid 1px #d5d9de; padding:8px 10px; min-width:80px; -moz-appearance: none; -webkit-appearance: none; border-radius:0;}
input[type="password"] {height:40px; line-height:2em; vertical-align:middle; border:solid 1px #d5d9de; padding:8px 10px; min-width:80px; -moz-appearance: none; -webkit-appearance: none; border-radius:0;}
.inputBox_full{width:100%;} .inputBox_w01{width:10%;} .inputBox_w02{width:20%;} .inputBox_w03{width:30%;} .inputBox_w04{width:40%;} .inputBox_w05{width:50%;} .inputBox_w06{width:60%;} .inputBox_w07{width:70%;} .inputBox_w08{width:80%;} .inputBox_w09{width:80%;}
textarea, select, option {font-size:15px;font-family: 'Noto Sans KR', sans-serif;  font-style:normal; font-weight:400;  color:#333;}
select {margin:0;font-size:15px; font-family: 'Noto Sans KR', sans-serif;  font-style:normal; font-weight:400;  color:#333; cursor:pointer;
-moz-appearance: none; -webkit-appearance: none;  -webkit-border-radius: 0; /* 네이티브 외형 감추기 */  background:#fff url(../images/arw_selc.png) no-repeat right 10px center;height:40px; line-height:2em; vertical-align:middle; padding:0 25px 0 10px; border:solid 1px #ddd;  overflow:hidden;}
/*select:focus, input:focus, textarea:focus{outline:none;}*/
blockquote,q{quotes:none}
button,input,select,textarea{vertical-align:middle;}
select::-ms-expand {display: none;}
p {margin:0;padding:0;word-break:keep-all;}
span {word-break:keep-all;}
a{cursor:pointer;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
img{display:inline-block; margin:0; padding:0;}
button{background-color:transparent;cursor:pointer}
input::-webkit-input-placeholder{color:gray;}
input:-ms-input-placeholder{color:gray;}
input::-moz-placeholder{color:gray}
input:-moz-placeholder{color:gray;}
input[type="checkbox"]{width:20px; height:20px; margin-right:5px;}
input[type="radio"]{width:20px; height:20px; margin-right:5px; border:1px solid #ddd;}
textarea::-webkit-input-placeholder{color:gray;}
textarea:-ms-input-placeholder{color:gray;}
textarea::-moz-placeholder{color:gray}
textarea:-moz-placeholder{color:gray;}
table{border:0; border-collapse:collapse; border-spacing:0;}
b{font-weight:500;}
.dis_n{display:none !important;}
.dis_b{display:block;}
.hid{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0; bottom:-99999em; position:absolute;}
.hid:hover{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0; bottom:-99999em; position:absolute;}

::selection {background: #0053a0;color: #fff;text-shadow: none;}
::-moz-selection {background: #0053a0;color: #fff;text-shadow: none;}


/*margin-top*/.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}/*margin-left*/.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}/*margin-right*/.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}
.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}
/*margin-right*/.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}/*padding-top*/.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}
.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}/*padding-bottom*/.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}/*padding-right*/.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}
.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}/*padding-left*/.pl10{padding-left:10px;}.pl15{padding-left:15px;}
.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}
.pl60{padding-left:60px;}

.left_area{float:left;}
.right_area{float:right;}
.clearfix{overflow: hidden;}
.clearfix:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.txtC{text-align:center !important;}
.txtL{text-align:left;}
.txtR{text-align:right;}

.mh750{min-height:750px;}
.mh950{min-height:950px;}
.mh1200{min-height:1200px;}
.wfull{width:100% !important;}
/* color */

.nb_color{color:#f84e57 !important; font-weight:500 !important;}
.nb_color2{color:#6491c9 !important; font-weight:500 !important;}
.nb_color3{color:#6e7a94!important;}
.nb_color5{color:#0093ee !important;}


/* 준비 완료 취소 */
.ready:before{content: " "; display:block; position:absolute; left:0; width:4px; height:4px; border:4px solid #0081c2; top:50%; margin-top:-6px; border-radius:100%;}
.complete:before{content: " "; display:block; position:absolute; left:0; width:4px; height:4px; border:4px solid #4bbb87; top:50%; margin-top:-6px; border-radius:100%;}
.cancel:before{content: " "; display:block; position:absolute; left:0; width:4px; height:4px; border:4px solid #fd4f57; top:50%; margin-top:-6px; border-radius:100%;}
.ready{display:inline-block; position:relative; padding-left:20px; color:#0081c2; font-weight:500;}
.complete{display:inline-block; position:relative; padding-left:20px;color:#00733E; font-weight:500;}
.cancel{display:inline-block; position:relative; padding-left:20px;color:#fd4f57; font-weight:500;}

/* ================== icon ================== */

i.i_bl_right{width:8px; height:15px; background:url(../images/i_bl_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_bl_left{width:8px; height:15px; background:url(../images/i_bl_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_bl_up{width:15px; height:8px; background:url(../images/i_bl_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_bl_down{width:15px; height:8px; background:url(../images/i_bl_down.png) no-repeat center; display:inline-block; background-size:100%;}

i.i_grey_right{width:8px; height:15px; background:url(../images/i_grey_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_grey_left{width:8px; height:15px; background:url(../images/i_grey_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_grey_up{width:15px; height:8px; background:url(../images/i_grey_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_grey_down{width:15px; height:8px; background:url(../images/i_grey_down.png) no-repeat center; display:inline-block; background-size:100%;}

i.i_white_right{width:8px; height:15px; background:url(../images/i_white_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_white_up{width:15px; height:8px; background:url(../images/i_white_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_down{width:15px; height:8px; background:url(../images/i_white_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_left{width:8px; height:15px; background:url(../images/i_white_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}

i.alert_green{width:60px; height:60px; background:url(../images/alert_green.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
i.alert_blue{width:60px; height:60px; background:url(../images/alert_blue.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
i.alert_red{width:60px; height:60px; background:url(../images/alert_red.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}

i.cal_bl{width:20px; height:20px; background:url(../images/cal_bl.png) no-repeat center; vertical-align:top; display:inline-block; margin:10px 7px 0 0;}
i.plus{width:14px; height:14px; background:url(../images/plus.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.minus{width:14px; height:14px; background:url(../images/minus.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.calendar{width:20px; height:20px; background:url(../images/i_calendar.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}

i.tel{width:15px; height:15px; background:url(../images/i_tel.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.mail{width:15px; height:15px; background:url(../images/i_mail.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.fax{width:15px; height:15px; background:url(../images/i_fax.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.place{width:15px; height:15px; background:url(../images/i_place.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
a.mail{display:inline-block;}
a.mail i{width:15px; height:15px; background:url(../images/i_mail.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-right:5px;}
a.mail:hover, a.mail:focus{text-decoration:underline;}


/*board icon*/
i.reply{width:23px; height:20px; background:url(../images/i_reply.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 10px 0 0;}
i.lock{width:18px; height:20px; background:url(../images/i_lock.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.img{width:20px; height:20px; background:url(../images/i_img.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.file{width:20px; height:20px; background:url(../images/i_file.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.new{width:20px; height:20px; background:url(../images/i_new.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
.newWin{display:inline-block; vertical-align:top; position:relative;}
.newWin i{width:13px; height:13px; background-size:100%; background:url(../images/i_newWin.gif) no-repeat center center; display:inline-block; background-size:100%; margin:0 5px;}
.newWin:hover, .newWin:focus{text-decoration:underline;}

/* 확장자버튼 height:40 */
.btn_excel{display:inline-block; padding:14px 20px; line-height:1;  font-weight:500; font-size:16px; border-radius:8px; text-align:center; color:#fff !important; background:#24804d;}
.btn_excel i{display:inline-block; width:16px; height:14px; background:url(../images/i_excel_w.png) no-repeat 0 0; margin-right:5px;}
.btn_excel:hover, .btn_excel:focus{background:#00672c; transition:0.3s ease;}

.btn_pdf{border-radius:8px; display:inline-block; line-height:1; padding:14px 20px; font-weight:500; font-size:16px; text-align:center; color:#fff !important; background:#dd4c3a;}
.btn_pdf i{display:inline-block; width:15px; height:14px; background:url(../images/i_pdf_w.png) no-repeat 0 0; margin-right:5px;}
.btn_pdf:hover, .btn_pdf:focus{transition:0.3s ease; background:#ce3522;}

.btn_ppt{border-radius:8px; display:inline-block; line-height:1; padding:14px 20px; font-weight:500; font-size:16px; text-align:center; color:#fff !important; background:#d25b29;}
.btn_ppt i{display:inline-block; width:12px; height:14px; background:url(../images/i_ppt_w.png) no-repeat 0 0; margin-right:5px;}
.btn_ppt:hover, .btn_ppt:focus{background:#c6501f; transition:0.3s ease;}

.btn_word{border-radius:8px; display:inline-block; line-height:1; padding:14px 20px; font-weight:500; font-size:16px; text-align:center; color:#fff !important; background:#216dae;}
.btn_word i{display:inline-block; width:22px; height:14px; background:url(../images/i_word_w.png) no-repeat 0 0; margin-right:5px;}
.btn_word:hover, .btn_word:focus{background:#135f9f; transition:0.3s ease;}

.btn_image{border-radius:8px; display:inline-block; line-height:1; padding:14px 20px; font-weight:500; font-size:16px; text-align:center; color:#fff !important; background:#562c86;}
.btn_image i{display:inline-block; width:20px; height:14px; background:url(../images/i_image.png) no-repeat_w 0 0; margin-right:5px;}
.btn_image:hover, .btn_image:focus{background:#4c227c; transition:0.3s ease;}

.btn_txt{border-radius:8px; display:inline-block; line-height:1; padding:14px 20px; font-weight:500; font-size:16px; text-align:center; color:#fff !important; background:#6a533b;}
.btn_txt i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt_w.png) no-repeat 0 0; margin-right:5px;}
.btn_txt:hover, .btn_txt:focus{background:#5e472e; transition:0.3s ease;}

/* button */
.btn_t01{display:inline-block; padding:14px 20px; font-size:16px; color:#fff !important; background:#284d93; font-weight:500; text-align:center; border-radius:8px;}
.btn_t02{display:inline-block; padding:14px 20px; font-size:16px; color:#fff !important; background:#615d5c; font-weight:500; text-align:center; border-radius:8px;}
.btn_t01:hover, .btn_t01:focus{background:#0e3587; transition:ease-out 0.3s}
.btn_t02:hover, .btn_t02:focus{background:#4d4a4a; transition:ease-out 0.3s}

/* 원형 height:22 */
.btn_h22_t01{display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#d74b51; }
.btn_h22_t02{display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#a76e53;}
.btn_h22_t03{display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#4681cf;}
.btn_h22_t04{display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#008ba6;}
.btn_h22_t05{display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#1fac89;}
.btn_h22_t06{display:inline-block; height:22px; line-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#676767;}
.btn_h22_t01:hover, .btn_h22_t02:hover, .btn_h22_t03:hover, .btn_h22_t04:hover, .btn_h22_t05:hover, .btn_h22_t06:hover{background:#6491c9; transition:0.5s ease;}
.btn_h22_t01:focus, .btn_h22_t02:focus, .btn_h22_t03:focus, .btn_h22_t04:focus, .btn_h22_t05:focus, .btn_h22_t06:focus{background:#6491c9; transition:0.5s ease;}


/* 원형 height:24 */
.btn_h24_t01{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#286abe  !important; font-size:14px; font-style:normal; border:2px solid #286abe ; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t01:hover, .btn_h24_t01:focus{color:#fff !important; background:#286abe ; transition:0.3s ease;}
.btn_h24_t02{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#a76e53 !important; font-size:14px; font-style:normal; border:2px solid #a76e53; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t02:hover, .btn_h24_t02:focus{color:#fff !important; background:#a76e53; transition:0.3s ease;}
.btn_h24_t03{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#008ba6 !important; font-size:14px; font-style:normal; border:2px solid #008ba6; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t03:hover, .btn_h24_t03:focus{color:#fff !important; background:#008ba6; transition:0.3s ease;}
.btn_h24_t04{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#1fac89 !important; font-size:14px; font-style:normal; border:2px solid #1fac89; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t04:hover, .btn_h24_t04:focus{color:#fff !important; background:#1fac89; transition:0.3s ease;}
.btn_h24_t05{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#676767 !important; font-size:14px; font-style:normal; border:2px solid #676767; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t05:hover, .btn_h24_t05:focus{color:#fff !important; background:#676767; transition:0.3s ease;}


/*----------------  errorWrap/404에러 ----------------*/
#errorWrap{width:100%; margin:0 auto; position:relative;}
#errorWrap > div{width:100%; margin:0 auto; text-align:center; margin-top:10%; padding:10px;}
#errorWrap .notFound{background:url(../images/not_found.png) no-repeat top center; padding-top:82px;}
#errorWrap > div .title{width:100%; margin:0 auto; font-size:30px; font-weight:500; margin-top:30px;}
#errorWrap > div .info{width:100%; margin:0 auto; color:#676767; line-height:1.5em; margin-top:15px;}
#errorWrap .btn_area{width:100%; margin:0 auto; margin-top:30px;}
#errorWrap .btn_area a{margin:5px;}





