@charset "utf-8";



/* Reset */
* { box-sizing: border-box; }
*::after, *::before { box-sizing: border-box; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { padding: 0; margin: 0;  font-family:'Noto Sans','Nanum Gothic','Malgun gothic',Dotum,arial,sans-serif;}
html,body {width: 100%; font-family:'Noto Sans'; font-weight:400}
html { height: 100%; overflow: hidden; overflow-y: auto; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none;-ms-text-size-adjust: none; }
body {min-width: 360px; width: 100%; background: #fff; word-break: keep-all; word-wrap: break-word; font-size:16px; line-height: 1; -webkit-text-size-adjust: none;   font-family:'Noto Sans','Nanum Gothic','Malgun gothic',Dotum,arial,sans-serif; color:#222; }
body,input,select,textarea,button { border: none;}
ul,ol,li { list-style: none; maring:0; padding:0 }
/*table { width: 100%; border-spacing: 0; border-collapse: collapse; }*/
img,fieldset { max-width: 100%; height: auto; border: 0; vertical-align: top; }
address,cite,code,em,i { font-weight: normal; font-style: normal; }
label,img,input,select,textarea,button { vertical-align: middle; }
.hide,caption,legend { overflow: hidden; font-size: 1px; line-height: 0; }
hr { display: none; }
main,header,section,nav,footer,aside,article,figure { display: block; }
a { color: #222; text-decoration: none; }
label { display: inline-block; cursor: pointer; }
button,input[type="submit"] { cursor: pointer; }
button { background-color: transparent; }
sub,sup { position: relative; font-size: 75%; line-height: 0; }
 
.clear { clear: both; }
.clear::after { display: block; content: ""; clear: both; }

#skip { position: relative; z-index: 9999; }
#skip a { position: absolute; top: -40px; left: 0; width: 100%; padding: 5px 0; background-color: #00A287; font-size: 16px; color: #fff; line-height: 30px; text-align: center; transition: all 0.4s; }
#skip a:hover, #skip a:focus, #skip a:active { top: 0; text-decoration: none; }

.hide { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0); }
.left { text-align: left !important; }
.center {text-align: center !important; }
.right { text-align: right !important; }

.w50 { width: 50% !important; }
.w100 { width: 100% !important; }

/* 기본형 테이블 */
.def_tbl{width:100%;border-collapse:collapse;border-top:3px solid #637ab9;line-height:20px}
.def_tbl th, .def_tbl td{padding:10px;font-size:16px;border-left:1px solid #d1d6df;text-align:center}
.def_tbl tr th:first-child, .def_tbl td:first-child{border-left:0}
.def_tbl th{background:#f2f5fc;color:#1c286a;border-bottom:1px solid #d1d6df}
.def_tbl td{border-bottom:1px solid #d1d6df}

/* 게시판형 테이블 */
.tbl{width:100%;border-collapse:collapse;border-top:2px solid #535a75;line-height:20px}
.tbl th, .tbl td{padding:10px;font-size:16px;border-left:1px solid #d5d5db;text-align:center}
.tbl tr th:first-child, .tbl td:first-child{border-left:0}
.tbl th{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db; font-weight:600}
.tbl td{border-bottom:1px solid #d5d5db}
/*.tbl tr td a{color:#444}*/
/*.tbl tr td a:hover, .tbl tr td a:focus{color:#0946b6;text-decoration:underline}*/

.tbl.align_left tr th, .tbl.align_left tr td{text-align:left!important}
.border_L{border-left:1px solid #d5d5db!important;}
.border_B{border-bottom:1px solid #d5d5db!important;}
.bg_gray{background:#f7f7f7!important}

.tbl.td_left tr td{text-align:left}

/* 모 테두리가 없는 스타일*/
.tbl.type_01{border-top:2px solid #000;line-height:30px}
.tbl.type_01 tr:hover{background:#f3f4f6}
.tbl.type_01 th{color:#000; font-size:18px; font-weight:500; border-left:none; border-right:none; border-bottom:1px solid #535a75; background:#fff}
.tbl.type_01 td{border-left:none; border-right:none}
.tbl.type_01 td:nth-child(1){font-weight:500; color:#000}


/* 모든 테두리가 있는 스타일 */
.tbl.type_02 th, .tbl.type_2 td{border-right:1px solid #d5d5db}
.tbl.type_02 th:first-child, .tbl.type_2 td:first-child{border-left:1px solid #d5d5db}
/* *********************************************************************************
 *	게시판 상단 정보
 * *********************************************************************************/
.board_info{overflow:hidden;margin-bottom:10px}
.board_info .board_number{float:left}
.board_info .board_number p{font-size:13px;line-height:13px}
.board_info .board_number p span{color:#f05050}





/* 마진 */
.m0{margin:0 !important}

.mt_0{margin-top:0px !important}
.mt_5{margin-top:5px !important}
.mt_10{margin-top:10px !important}
.mt_15{margin-top:15px !important}
.mt_20{margin-top:20px !important}
.mt_25{margin-top:25px !important}
.mt_30{margin-top:30px !important}
.mt_35{margin-top:35px !important}
.mt_40{margin-top:40px !important}
.mt_45{margin-top:45px !important}
.mt_50{margin-top:50px !important}

.mb_0{margin-bottom:0px !important}
.mb_5{margin-bottom:5px !important}
.mb_10{margin-bottom:10px !important}
.mb_15{margin-bottom:15px !important}
.mb_20{margin-bottom:20px !important}
.mb_25{margin-bottom:25px !important}
.mb_30{margin-bottom:30px !important}
.mb_35{margin-bottom:35px !important}
.mb_40{margin-bottom:40px !important}
.mb_45{margin-bottom:45px !important}
.mb_50{margin-bottom:50px !important}

.ml_0{margin-left:0px !important}
.ml_5{margin-left:5px !important}
.ml_10{margin-left:10px !important}
.ml_15{margin-left:15px !important}
.ml_20{margin-left:20px !important}
.ml_25{margin-left:25px !important}
.ml_30{margin-left:30px !important}
.ml_35{margin-left:35px !important}
.ml_40{margin-left:40px !important}
.ml_45{margin-left:45px !important}
.ml_50{margin-left:50px !important}

.mr_0{margin-right:0px !important}
.mr_5{margin-right:5px !important}
.mr_10{margin-right:10px !important}
.mr_15{margin-right:15px !important}
.mr_20{margin-right:20px !important}
.mr_25{margin-right:25px !important}
.mr_30{margin-right:30px !important}
.mr_35{margin-right:35px !important}
.mr_40{margin-right:40px !important}
.mr_45{margin-right:45px !important}
.mr_50{margin-right:50px !important}

/* 패딩 */
.p0{padding:0 !important}

.pt_0{padding-top:0 !important}
.pt_5{padding-top:5px !important}
.pt_10{padding-top:10px !important}
.pt_15{padding-top:15px !important}
.pt_20{padding-top:20px !important}
.pt_25{padding-top:25px !important}
.pt_30{padding-top:30px !important}
.pt_35{padding-top:35px !important}
.pt_40{padding-top:40px !important}
.pt_45{padding-top:45px !important}
.pt_50{padding-top:50px !important}
.pt_100{padding-top:100px !important}

.pb_0{padding-bottom:0px !important}
.pb_5{padding-bottom:5px !important}
.pb_10{padding-bottom:10px !important}
.pb_15{padding-bottom:15px !important}
.pb_20{padding-bottom:20px !important}
.pb_25{padding-bottom:25px !important}
.pb_30{padding-bottom:30px !important}
.pb_35{padding-bottom:35px !important}
.pb_40{padding-bottom:40px !important}
.pb_45{padding-bottom:45px !important}
.pb_50{padding-bottom:50px !important}

.pl_0{padding-left:0px !important}
.pl_5{padding-left:5px !important}
.pl_10{padding-left:10px !important}
.pl_15{padding-left:15px !important}
.pl_20{padding-left:20px !important}
.pl_25{padding-left:25px !important}
.pl_30{padding-left:30px !important}
.pl_35{padding-left:35px !important}
.pl_40{padding-left:40px !important}
.pl_45{padding-left:45px !important}
.pl_50{padding-left:50px !important}

.pr_5{padding-right:5px !important}
.pr_10{padding-right:10px !important}
.pr_15{padding-right:15px !important}
.pr_20{padding-right:20px !important}
.pr_25{padding-right:25px !important}
.pr_30{padding-right:30px !important}
.pr_35{padding-right:35px !important}
.pr_40{padding-right:40px !important}
.pr_45{padding-right:45px !important}
.pr_50{padding-right:50px !important}


@media (max-width:640px) {
body {font-size:14px;}
  
.tbl.type_01 th{font-size:16px}
.tbl.type_01 td{font-size:14px;line-height:18px}
}