@charset "utf-8";
/* CSS Document */

/*셋팅*/
body, table, td, th, div, span, input, select, textarea {font-family:dotum, '돋움',sans-serif; color:#555555; font-weight:normal; font-size:12px;}


/*문단셋팅*/
h1, h2, h3, h4 {font-weight:bold; color:#333333;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}


/*폰트관련 셋팅*/
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.wb {font-weight:bold;}
.wn {font-weight:normal;}
.fcw {color:#ffffff;}
.fc3 {color:#333333;}
.fc5 {color:#555555;}
.fc7 {color:#777777;}
.fcy {color:#fff000;}
.fcry {color:#ff6c00;}
.fcg {color:#2c9f4e;} 
.fcb {color:#0652a5;}
.download_text:hover {text-decoration:underline !important;}


/*폼 셋팅*/
select {line-height:21px; height:21px; vertical-align:middle;}
input[type=text],input[type=password] {margin:0; padding:0; padding-left:5px; height:19px; border:1px solid #bbbbbb; color:#555555; vertical-align:middle;}
table input[type=text] {border:1px solid #bbb; height:19px; background:#fff;}
input+img { vertical-align:middle; margin-left:3px;}
input[type=radio],input[type=checkbox] {margin:5px; vertical-align:middle;}
span input[type=radio],span input[type=checkbox] {float:left; margin:0 0  0 5px; }
span label {float:left; margin-left:0; margin-top:5px; margin-right:5px;}
table input[type=radio], table input[type=checkbox] {margin:0; vertical-align:middle;}
table label {vertical-align: baseline; margin-left:3px; margin-right:7px;}
textarea  {border:1px solid #bbb; background:#fff; margin:2px 0; color:#555555; overflow:auto;}



/*정렬셋팅*/
.fl {float:left;}
.fr {float:right;}
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}



/*마진셋팅*/
.ml0 {margin-left:0;}
.ml1 {margin-left:1px;}
.ml3 {margin-left:3px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}

.mr0 {margin-right:0;}
.mr1 {margin-right:1px;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}

.mt0 {margin-top:0;}
.mt1 {margin-top:1px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.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;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb0 {margin-bottom:0;}
.mb1 {margin-bottom:1px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.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;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}




/*버튼셋팅*/
.btn {display:inline-block; color:#fff; font-weight:bold; letter-spacing:-0.08em; vertical-align:middle;}
.btn:hover {color:#fff000;}
span.btn:hover {color:#fff;}
.btn img { vertical-align:middle;}
.inner {line-height:23px; height:21px; padding:0 7px;}
.outer{line-height:25px; height:23px; padding:0 16px;}
.popup {min-width:85px; padding:0 20px; height:35px; line-height:35px; font-size:14px; text-align:center;}
.pagecenter {min-width:85px; padding:0 40px; height:50px; line-height:50px; font-size:16px; text-align:center;}
.dark {background:#444;}
.green {background:#1e9d44;}
.blue {background:#07538f;}
.ryellow {background:#ff6c00;}




/*테이블 셋팅*/
table {border:none; width:100%;}
tr {border-bottom:1px solid #ddd; }
tfoot td,tfoot th {background:#f8f8f8;}
th { padding:0 5px; height:31px; border:1px solid #ddd; border-left:none; background:#fcfcfc; color:#333333; font-weight:bold; vertical-align:middle;}
td { padding:5px; height:21px; line-height:1.5; border:1px solid #ddd; border-left:none; vertical-align:middle;}
th:last-child,td:last-child {border-right:none;}
.col_table th { text-align:center;}
.row_table th { text-align:left;}
.table_hover_text {font-weight:bold;}
.bgb {background:#e8f3fc;}



/*레이어팝업 기본셋팅*/
.popup_black_bg {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.pupup_wrap_1000 {position:absolute;width:1000px; background:#ffffff;}
.pupup_wrap_900 {position:absolute; width:900px; background:#ffffff;}
.pupup_wrap_800 {position:absolute; width:800px; background:#ffffff;}
.pupup_wrap_700 {position:absolute; width:700px; background:#ffffff;}
.pupup_wrap_600 {position:absolute; width:600px; background:#ffffff;}
.pupup_wrap_500 {position:absolute; width:500px; background:#ffffff;}
.pupup_wrap_400 {position:absolute; width:400px; background:#ffffff;}
.pupup_wrap_300 {position:absolute; width:300px; background:#ffffff;}
.popup_title {position:relative; background:#333; width:100%; height:39px; color:#ffffff; font-weight:bold; text-indent:10px; line-height:39px;}
.popup_title h3 {color:#ffffff;}
.close_btn {position:absolute; top:12px; right:10px;}
.popup_contents_wrap {position:relative; background:#ffffff;}
.popup_contents {margin:20px 20px 0;}
.popup_btn_set {width:100%; margin:30px 0; text-align:center;}





/*문단구분선*/
hr {border:none; border-top:1px solid #ccc; height:1px; margin:30px 0;}



.login_id input,.login_password input {margin-top:-4px;}