@charset "utf-8";

html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, strong, submenu, sup, tt, var,
b, u, i, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
button
{margin:0; padding:0; border:0;}

button {cursor:pointer}

/* html, body {font-family:'Nanum Square', 'Noto Sans KR', sans-serif;} */
img, button, input.type-image {border:0 none; }
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-spacing:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
select{font-size: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display:none;}

hr {display:none;}
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
noscript{display:none;}
caption{text-indent:-9999px; margin-top:-20px;}
a{display:block;}
a, a:link {text-decoration:none; color:#333; cursor:pointer;}
a:hover, a:active, a:focus {text-decoration:none; cursor:pointer;}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

/* Margin */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


input[type='text'], input[type='password']{height:32px;padding:0 5px 0 5px;border-radius:3px;border:1px solid #b9b9b9;vertical-align:top}
input:disabled{height:32px;padding:0 5px 0 5px;border-radius:3px;border:1px solid #b9b9b9;vertical-align:top;background:#fbfbfb}
select{height:34px;border-radius:3px;border:1px solid #b9b9b9;vertical-align:top;color:#666;background:url('../images/bg_select.gif') right center no-repeat;}
textarea{border-radius:3px;border:1px solid #b9b9b9;vertical-align:top;resize:none}
label {vertical-align:middle; cursor:pointer;}
input[type=radio]{border:0px;vertical-align:middle;width:16px;height:16px;}
input[type=checkbox]{ border:0px; vertical-align:middle; width:16px; height:16px;}

/*라디오버튼*/
.radioBg li{float:left;position:relative;margin:0 35px 0 0}
.radioBg li > span{display:inline-block;width:19px;height:18px;vertical-align:middle;background:url('../images/radio1_n.png') no-repeat 0 0;position:absolute;top:1px;left:-1px;cursor:pointer}
.radioBg li > span button{display:block;width:19px;height:18px;text-indent:-9999px}
.radioBg li > span.on{background:url('../images/radio1_p.png') no-repeat 0 0}
.radioBg li input[type="radio"]{display:inline-block;width:18px;height:18px;margin:0 10px 0 0;position:absolute;top:0;left:0;z-index:6;filter:alpha(opacity=0);opacity:0;border:0;background:0}
.radioBg li label{display:inline-block;margin:0 0 0 23px;line-height:18px;vertical-align:top;color:#666}
.radioBg li > span.on.dis{background:url('/resources/images/common/radio1_d.png') no-repeat 0 0}

/*체크박스버튼*/
.check_box li{float:left;position:relative;margin:0 35px 0 0}
.check_box span{display:inline-block;width:19px;height:18px;vertical-align:middle;background:url('../images/radio_n.png') no-repeat 0 0;position:absolute;top:1px;left:0px}
.check_box span button{width:19px;height:18px;text-indent:-9999px}
.check_box span.on{background:url('../images/radio_p.png') no-repeat 0 0}
.check_box input[type="checkbox"]{width:18px;height:18px;margin:0 5px 0 0;background:0;position:absolute;top:0;left:0;z-index:6;filter:alpha(opacity=0);}
.check_box label{display:inline-block;margin:0 0 0 23px;line-height:18px;vertical-align:top}


/* 버튼*/
.btn_right{clear:both;position:relative;width:100%;text-align:right;margin:30px 0}
.btn_gray{background-color:#333;border:1px solid #222;padding:8px 20px;color:#f1f1f1}
.btn_gray:hover{background-color:#444}
.btn_Lgray{background-color:#8e8e8e;border:1px solid #888888;padding:8px 20px;color:#fff}
.btn_Lgray:hover{background-color:#a5a5a5}
.btn_white{border:1px solid #ddd;padding:8px 20px;color:#333}
.btn_white:hover{background-color:#fafafa}
.btn_blue{background-color:#383c91;border:1px solid #33368b;padding:8px 20px;color:#fff}
.btn_blue:hover{background-color:#484b9c}
.btn_bluegreen{background-color:#1b84b9;border:1px solid #167db2;padding:8px 20px;color:#fff}
.btn_bluegreen:hover{background-color:#2689bc}
.btn_red{background-color:#a62251;border:1px solid #a01e4c;padding:8px 20px;color:#fff}
.btn_red:hover{background-color:#a82a56}
/* .btn_green{background-color:#39956b;border:1px solid #33368b;padding:8px 20px;color:#fff} */
.btn_green{display:inline-block;color:#fff !important;font-size:15px;width:100px;height:25px;line-height:25px;padding:10px;margin:0 auto;border:0;background:#30a579;border-radius:2px;text-align:center;
    font-weight:500;transition:all 0.4s ease;vertical-align:top;}
.btn_green:hover{background-color:#39956b}




/* board list */
.tbl_board{position:relative;width:100%;color:#666}
.tbl_board a{color:#555}
.tbl_board a:hover{color:#2a3490}
.tbl_board thead th{padding:13px 0;text-align:center;background-color:#383c91;color:#fff;border:1px solid #33368b;}
.tbl_board tbody th{padding:13px 0;text-align:center;border:1px solid #ddd;border-bottom:1px solid #eaeaea;background-color:#fafafa}
.tbl_board tbody td{padding:13px 5px;text-align:center;border:1px solid #ddd;border-bottom:1px solid #eaeaea}
.tbl_board tbody tr:hover{background-color:#f8f8f8}
.tbl_board tbody td.left{text-align:left;padding:3px;}
.tbl_board tbody td input{border:1px solid #ddd;padding:2px 10px 3px 10px;color:#555;}
.tbl_board tbody td select{border:1px solid #ddd;padding:2px 0 3px 0;color:#555;text-align:left;}
.tbl_board tbody td textarea{border:1px solid #ddd;padding:7px 10px;color:#555;width:96%;height:250px}
.tbl_board tbody td select{border:1px solid #ddd;padding:2px 0 3px 0;color:#555;text-align:left;}
.tbl_board .per_agree {overflow:hidden; height:130px; overflow-y:scroll; border:1px solid #e5e5e5; padding:5px; margin-bottom:10px; width:97%; font-size:12px; line-height:20px;}
.tbl_board .per_agree span {font-size:13px; line-height:25px; font-weight:600;}
.tbl_board .per_agree b {font-size:13px; line-height:23px;}
.tbl_board .per_agree p {padding-bottom:12px; padding-left:13px;}

/* board view */
.tbl_board_view{position:relative;width:100%;color:#666}
.tbl_board_view a{color:#555}
.tbl_board_view a:hover{color:#2a3490}
.tbl_board_view thead th{position:relative;padding:13px 6px;text-align:left;font-size:26px;border-bottom:1px solid #ddd;color:#2a3490}
.tbl_board_view thead th .info{position:absolute;right:0;padding:13px 6px;font-size:14px;color:#888;vertical-align:bottom}
.tbl_board_view tbody td{padding:30px;text-align:left;border:1px solid #ddd;;border-top:none;line-height:28px}
.tbl_board_view tbody td img{width:100%;}
.tbl_board_view tfoot th{padding:13px 0;border:1px solid #ddd;color:#333;text-align:center;background-color:#fafafa;border-top:none}
.tbl_board_view tfoot td{padding:13px;text-align:left;border:1px solid #ddd;color:#333;border-top:none}
.tbl_board_view tfoot td:hover{background-color:#fafafa}