﻿@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;}
body {/*background:#fcfcfc;*/}
html,body {height:100%;}
a {color:#555;}


/*문단셋팅*/
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,.fcw a {color:#ffffff;}
.fc3,.fc3 a {color:#333333;}
.fc5,.fc5 a {color:#555555;}
.fc7,.fc7 a {color:#777777;}
.fcy,.fcy a {color:#fff000;}
.fcry,.fcry a {color:#ff6c00;}
.fcg,.fcg a {color:#2c9f4e;} 
.fcb,.fcb a {color:#0652a5;}
.download_text:hover {text-decoration:underline !important;}
table td.fcg,table td.fcg a,.fcb a,table td:first-child a {
    color:#0652a5;
    font-weight:bold;
}
table td:first-child a.btn {
    color:#fff;
    font-weight:bold;
}
table td:first-child a.btn:hover {
    color:#fff000;
}


/*정렬셋팅*/
.fl {float:left;}
.fr {float:right;}
.clear_both {clear:both;}
.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;}
.mb25 {margin-bottom:25px;}
.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;}



/*폼 셋팅*/
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; line-height:19px;}
input+img { vertical-align:middle; margin-left:3px;}
input[type=radio],input[type=checkbox] {margin:0; margin-left:5px; vertical-align:sub; }
label {margin:0; margin-right:5px; margin-left:1px; vertical-align:middle;}
table input[type=radio], table input[type=checkbox] {margin:0; margin-left:5px; vertical-align:sub;}
table label {vertical-align:middle; margin:0; margin-left:3px; margin-right:7px;}
div input[type=radio], div input[type=checkbox] {margin:0; margin-left:5px; vertical-align:sub;}
div label {vertical-align:middle; margin:0; margin-left:3px; margin-right:7px;}
textarea  {border:1px solid #bbb; background:#fff; margin:2px 0; color:#555555; overflow:auto;}




/*버튼셋팅*/
.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:24px; height:21px; padding:0 7px 0 7px;}
.outer{line-height:25px; height:23px; padding:0 16px;}
.popup {min-width:85px; padding:11px 20px; 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;}
.gray {background:#ababab;}
.green {background:#1e9d44;}
.blue {background:#07538f;}
.ryellow {background:#ff6c00;}
.btn img {margin-right:5px;}
td>.dark {background:#777;}
.reLoadBtnBg {background-color:#444; background-image:url(../images/ua/common/reload_btn.png); background-repeat: no-repeat; background-position:6px 1px }/* 추가 150430 임성훈 */
.reLoadBtnBg:hover {background-color:#444; background-image:url(../images/ua/common/reload_btn_over.png); background-repeat: no-repeat; background-position:6px 1px }/* 추가 150430 임성훈 */


/*정보버튼셋팅*/
.info.btn {display:inline-block; font-weight:bold; letter-spacing:-0.08em; vertical-align:middle;}
.info.btn:hover {color:#000;}
.info.green {background:#d8f0df; border:1px solid #1e9d44; color:#1e9d44;}
.info.ryellow {background:#ffe3ce; border:1px solid #ff6c00; color:#ff6c00;}
.info.grey {background:#ccc; border:1px solid #aaa; color:#777;}
.info.blue {background:#c6e6ff; border:1px solid #07538f; color:#07538f;}
.info.inner {line-height:21px; height:19px; padding:0 5px;}
.info.outer{line-height:23px; height:21px; padding:0 14px;}


/*테이블 셋팅*/
table {border:none; width:100%;}
tr {border-bottom:1px solid #ddd; }
tfoot td,tfoot th {background:#f8f8f8;}
th { padding:11px 5px 8px 5px; height:9px; border:1px solid #ddd; border-top:none; border-left:none; background:#fcfcfc; color:#333333; font-weight:bold; vertical-align:middle;}
td { padding:5px; height:25px; line-height:1.5; border:1px solid #ddd; border-top:none; border-left:none; vertical-align:middle;}
td img {vertical-align:middle;}
th:last-child,td:last-child {border-right:1px solid #ddd;}
.col_table th { text-align:center;line-height:16px;} /* Youls line-height:16px; 추가*/
.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:;overflow:hidden;}
.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:20px 0; text-align:center;}



/*문단구분선*/
hr {border:none; border-top:1px solid #ccc; height:1px; margin:30px 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

.inner {line-height:22px; height:21px; padding:0 8px 0 6px;}
table input[type=text] {border:1px solid #bbb; height:19px; background:#fff; line-height:21px;}
table td label {vertical-align:middle; margin-left:3px; margin-right:7px;}

}