@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100;200;300;400;500;600;700;800;900&display=swap');

*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html {height:100%; -webkit-text-size-adjust:none;} /* 방향전환시 폰트 고정 */
body {position:relative; height:100%; font-size:18px;font-family:"Exo 2","Pretendard", "NanumGothic", dotum ,sans-serif;line-height:1.5 }
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea, button {margin: 0;padding: 0; border:none;word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, object { display:block; padding:0; margin:0}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none; }
section{width:100%; behavior:url(PIE.htc);}


ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:1.5}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:keep-all;word-break:keep-all;vertical-align: middle;}
span{display:inline-block;}
a{display:inline-block; cursor: pointer; color:#000}
img{border:0;line-height:0; max-width:100%;}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit; text-decoration:none;}
a img, input {border:none;}
strong, b{font-weight:700}

em{font-style:normal}

html, body, input, textarea, select, button{font-family:"pretendard", sans-serif; color:#333;}

form{margin:0; padding:0}
input, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type="button"] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px;font-size:16px}
input {padding:0px;vertical-align:middle; outline:none;font-family:"pretendard", sans-serif;}
input[type='text'], input[type='number'] {padding:1px; /*border:1px solid #ccc;*/}
input[type="text"],input[type='number'],input[type="search"] {-webkit-appearance:none; border-radius:0}
input[type='password'] {padding:1px; border:1px solid #ccc; -webkit-appearance:none;}
input[type='file'] {padding:2px 0 2px 5px; border:1px solid #ccc;}
input[type='checkbox'], input[type~='radio'] {margin:-1px 0px; padding:2px; }
input[type='button'], input[type='submit'], input[type="reset"] {cursor:pointer;-webkit-appearance:none; border-radius:0;}
input[type='image'] {margin:0px; padding:0px; cursor:pointer;}
select {padding:1px; vertical-align:middle; border:1px #ccc solid; border-radius:0; }
textarea {padding:2px 0 2px 5px; border:1px solid #ccc; background:#fff;}
button {background:transparent; cursor:pointer; vertical-align:middle; margin:0;}
textarea, button {-webkit-appearance:none;border-radius:0;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

input, select, textarea, button{box-sizing:border-box;}

ul,li,ol,dl,dd,dt {list-style:none; word-break:keep-all;}
em, address, i, u, cite {font-style:normal;}
caption {display:none; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table {margin:0px; border-collapse:collapse; border-spacing:0; width:100%;/*table-layout:fixed;*/}
td,th {-ms-word-break:break-all;word-break:keep-all; vertical-align:middle; box-sizing:border-box;}

img {border:0; line-height:0; vertical-align:bottom;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0; font-weight:600; line-height:1em;}

a,a:focus{
	outline:none !important;
    outline-width: 0 !important;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
a:link,a:visited,a:hover,a:active, a:focus {color:inherit;}
a {color:inherit; text-decoration:none;}
a img, input.type-image {border:none;}

.hidden {display:none !important;}
.blind {position:absolute !important; left:-10000px; height:1px; width:1px; overflow:hidden;}
.hide {position:absolute; left:-5000%;}

legend {position:absolute; left:-9999px;}

/* 텍스트 정렬 설정*/
.hand {cursor:pointer;}
.clear{width:100%;clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.align_l{text-align:left}
.align_c{text-align:center !important}
.align_r{text-align:right !important}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

.nobg{background:none !important;}
.noline{border:none !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}

.ml_10{margin-left:10px}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}

.font_red { color:#c31434; }

.bold {font-weight:bold;}


/* overlay */
.overlay {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:499;background-color:#000;opacity:0.8;}


/* 공통 첨부파일 */
.filebox {position:relative; display:inline-block; width:100%; height:50px; padding:0; line-height:48px; color:#fff; vertical-align:middle; cursor:pointer;}
.filebox .upload-name {display:inline-block; width:70%; height:50px; padding:0 20px; color:#555; font-size:15px; vertical-align:top; background-color:#f9f9f9; border-radius:3px 0 0 3px;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.filebox label {position:absolute; top:0; right:0; width:30%; height:50px; display:inline-block; font-size:15px; text-align:center; vertical-align:top; cursor:pointer; background-color:#a5a5a5; border-radius:0 3px 3px 0;}
.filebox + .filebox {margin-top:5px;}
input[type="text"]:disabled {background:#f9f9f9;}


/* board-common:paging */
.paging_wrap{clear:both; display:block; text-align:center; font-size:0; vertical-align:middle;}
.paging_wrap *{vertical-align:middle;}
.paging_wrap a{overflow:hidden; display:inline-block; width:40px; height:40px; margin:0 4px; border:1px #ccc solid;}
.paging_wrap a:before {display:inline-block; font-family:'xeicon'; font-size:20px; line-height:40px;}
.paging_wrap a.first{border:0;}
.paging_wrap a.first:before {content:'\f100'; font-family:'FontAwesome'; font-size:19px;}
.paging_wrap a.prev{border:0;}
.paging_wrap a.prev:before {content:'';}
.paging_wrap a.next{border:0;}
.paging_wrap a.next:before {content:'';}
.paging_wrap a.last{border:0;}
.paging_wrap a.last:before {content:'\f101'; font-family:'FontAwesome'; font-size:19px;}
.paging_wrap .num{display:inline-block; width:40px; height:40px; box-sizing:border-box; font-size:15px; font-weight:400; line-height:40px; vertical-align:middle; color:#777; background-color:#fff;}
.paging_wrap span.num{color:#1a5bb1; border:1px #1a5bb1 solid;}
@media (max-width: 768px){
	.paging_wrap{margin-top:20px;padding-bottom:30px;}
	.paging_wrap a,
	.paging_wrap .num{width:30px; height:30px; line-height:30px;}
}


/* paging */
/*
.paging {clear:both; overflow:hidden; margin-top:30px; text-align:center; color:#333;}
.paging a {display:inline-block; padding:0 10px 0 10px; margin:0 2px; line-height:30px !important; font-size:15px; color:#333; font-family:sans-serif; vertical-align:top;}
.paging a:before {display:inline-block; font-family:'xeicon'; font-size:20px; color:#333;}
.paging a.first {padding:0 !important;}
.paging a.first:before {content:'\f100'; font-family:'FontAwesome'; font-size:19px;}
.paging a span {display:none;}
.paging a.prev {padding:0 !important; margin-left:5px;}
.paging a.prev:before {content:'';}
.paging a.next {padding:0 !important; margin-right:5px; margin-left:5px;}
.paging a.next:before {content:'';}
.paging a.end {padding:0 !important;}
.paging a.end:before {content:'\f101'; font-family:'FontAwesome'; font-size:19px;}
.paging a:hover, .paging a:focus{text-decoration:none; color:#222;}
.paging a.this {display:inline-block; font-weight:500; color:#806349; border-bottom:2px #806349 solid;}
@media (max-width: 1024px){
	.paging {margin-bottom:20px;}
}
*/
.paging {margin-top:30px; min-height:30px; text-align:center;}
.paging p{display:inline-block; overflow:hidden;}
.paging strong{display:inline-block;  padding:0 10px; vertical-align:top; line-height:30px; background:#f47321; color:#fff; margin-left:8px}
.paging a {display:inline-block; width:45px; height:45px; line-height:44px !important; margin:0 2px; font-size:16px; outline:none; border:1px #ddd solid;}
.paging a.this {color:#000; border:1px #000 solid;}
.paging .first {padding:0 !important;}
.paging .prev {padding:0 !important; margin-left:5px;}
.paging .next {padding:0 !important; margin-right:5px; margin-left:5px;}
.paging .end {padding:0 !important;}
.paging a:hover, .paging a:focus{text-decoration:none; color:#233688;}

@media (max-width: 768px){
	.paging {margin-top:20px;}
	.paging a {width:35px; height:35px; line-height:34px !important; margin:0 2px; font-size:15px;}
}