@charset "utf-8";

/*  Reset CSS */
html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'NanumGothic','Malgun gothic',Dotum,arial,sans-serif;font-size:14px;color:#444;font-weight:500;}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{text-align:left}
em,address{font-style:normal}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
caption, legend{overflow:hidden;position:static;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
strong{font-weight:600}

/* 공통 기본*/
.hide{overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}/* 접근성으로 인한 display:none 작성 금지 */
.bold{font-weight:bold}
.normal{font-weight:normal}
input[type="text"], input[type="password"]{border:1px solid #ddd}
input[type="text"]:focus, textarea:focus, select:focus{outline:2px solid #77abe7}
select{border:1px solid #ddd}

input[readonly], input:disabled, select[readonly], select:disabled {background:#eee!important; color:#999!important;}
input[readonly]::placeholder, input:disabled::placeholder {color: #999 !important;  opacity: 1;}

/* 	건너뛰기 메뉴 정의*/
#skip{position:relative;z-index:9999}

#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}



/* 	정렬 정의 */
.left{text-align:left !important}
.center{text-align:center !important}
.right{text-align:right !important}
.top{vertical-align:top !important}
.middle{vertical-align:middle !important}
.bottom{vertical-align:bottom !important}

/* 	float 정의 */
.fl{float:left}
.fr{float:right}
.clear:after{clear:both;display:block;content:""}/* float 값 클리어 */

/* 	기본글꼴 색상 정의*/
.red{color: #F30;}
.blue{color:#04709d}
.orange{color:#dd6300}
.skyblue{color:#415e9f}
.gray{color: #444!important}


/* 	폰트사이즈 */
.f30{font-size:30px!important}
.f28{font-size:28px!important}
.f24{font-size:24px!important} 
.f22{font-size:22px!important}
.f20{font-size:20px!important} 
.f18{font-size:18px!important}
.f16{font-size:16px!important}
.f15{font-size:15px!important} 
.f14{font-size:14px!important}
.f13{font-size:13px!important}

.f400{font-weight:400}
.f600{font-weight:600}


/* 	input 정의*/
input[type=text],
input[type=password],
input[type=number]{border:1px solid #d7e0ed; background-color:#fff;border-radius:3px; box-sizing:border-box} 
select{border:1px solid #d7e0ed; background-color:#fff;border-radius:3px}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: transition;
}

input[type=radio]{width:0;height:21px;opacity:0}
input[type=radio] + label{min-height:21px; display:inline-block;width:auto; padding-left:30px;background-repeat:no-repeat;background-position:left center;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; color:#444; font-weight:600;}
input[type=radio] + label{background-image:url(../images/radio.png);}
input[type=radio]:checked + label{background-image:url(../images/radio_on.png); color:#000; font-weight:600}
input[type=radio]:disabled + label{background-image:url(../images/radio.png)}
input[type=radio] + label:hover,input[type=radio]+ label:focus{cursor:pointer}

input[type=checkbox]{width:0;height:21px;opacity:0}
input[type=checkbox] + label{line-height:21px; display:inline-block;width:auto; padding-left:30px;background-repeat:no-repeat;background-position:left top;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; color:#000; font-weight:500; font-size:16px}
input[type=checkbox] + label{background-image:url(../images/checkbox.png);}
input[type=checkbox]:checked + label{background-image:url(../images/checkbox_on.png); color:#064a7a; font-weight:600}
input[type=checkbox]:disabled + label{background-image:url(../images/checkbox.png)}
input[type=checkbox] + label:hover,input[type=checkbox]+ label:focus{cursor:pointer}

.w50{width:50px}
.w150{width:150px}


/* 	버튼 */
.btn {text-align:center}
.btn a{font-size:18px; color:#fff; display:inline-block; height:60px; line-height:60px; font-weight:600;
	border-radius:5px; box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); text-align:center; transition:all .3s; margin:0 4px}
.btn a:hover{cursor:pointer; box-shadow:none;}

.btn a.ok{padding:0 40px;background: #0f85c8; }
.btn a.del{padding:0 40px; background: #6c8695}
.btn a.modify{padding:0 40px; background: #6c8695}



/* 	테이블 */
/* 기본형 테이블 */
.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:14px;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:14px;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.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_1 tr:hover{background:#f3f4f6}
.tbl.type_1 th, .tbl.type_1 td{border-left:0}
.tbl.type_1 th{border-bottom:1px solid #535a75;color:#555;background:#fff}

/* 모든 테두리가 있는 스타일 */
.tbl.type_2 th, .tbl.type_2 td{border-right:1px solid #d5d5db}
.tbl.type_2 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}