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

/*
 * --------------------------------------------> default <--------------------------------------------
 */
* { outline: none; }
body { width: 100%; height: 100%;  overflow: auto; font-family:Nanum_Go; font-style: normal; font-size: 13px;
font-weight: normal;color: #666; text-decoration: none; line-height: normal; word-break: keep-all; word-wrap: break-word; background: transparent; }
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td, img { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family:Nanum_Go; }
ol, ul { list-style: none; }
a, a:link { color: #666; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
fieldset, img, abbr, acronym { border: 0; }
legend { overflow: hidden; }
a[href], input[type='submit'], input[type='image'], label[for], select, button { cursor: pointer; }
caption, th, td { font-weight: normal; border: 0; }
address, caption, strong, em, cite { font-weight: normal; font-style: normal; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
hr { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*
 * -------------------------------------------> class style <--------------------------------------------
 */
.col_12 { width: 100%; }
.col_11 { width: 91.66666667%; }
.col_10 { width: 83.33333333%; }
.col_9 { width: 75%; }
.col_8 { width: 66.66666667%; }
.col_7 { width: 58.33333333%; }
.col_6 { width: 50%; }
.col_5 { width: 41.66666667%; }
.col_4 { width: 33.33333333%; }
.col_3 { width: 25%; }
.col_2 { width: 16.66666667%; }
.col_1 { width: 8.33333333%; }
/* */
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center; }
/* */
.float_l { float: left; }
.float_r { float: right; }
.float_none { float: none !important; }
/* */
.border_all { border: 1px solid #ddd; }
.border_top { border-top: 1px solid #ddd; }
.border_bottom { border-bottom: 1px solid #ddd; }
.border_r { border-right: 1px solid #ddd !important; }
.border_rl { border-right: 1px solid #ddd !important; border-left: 1px solid #ddd; }
.border_rd { border-radius: 4px; }
.border_t_dot { border-top: 1px dotted #ddd; }
.border_b_dot { border-bottom: 1px dotted #ddd; }
.border_none { border: none !important; }
.bg_f5 { background: #f5f5f5; }
.bg_f2 { background: #f2f2f2;}
.bg_bl{background:black !important;}
.btn_gray{background:#e8e8e8;}

/* */
.clear { clear: both !important; }
.clear_l{clear:left}
.block { display: block !important; }
.in_block { display:inline-block !important; }
.h100per { height: 100%; }
.over_h { overflow: hidden; }
ul.list_style li { list-style: disc !important; margin-left: 20px}
ol.list_style li { list-style: decimal; margin-left: 20px; }
li.list_none { list-style-type: none; padding-left: 0; margin-left: -18px; }
.line_h130 { line-height: 130% !important; }
.line_h150 { line-height: 150%; }
.line_h200 { line-height: 200%; }

.margin_auto{ margin:0 auto}
.margin_auto_i{margin:0 auto !important;}
.margin_b4 { margin-bottom: 4px; }
.margin_b10 { margin-bottom: 10px; }
.margin_r10 { margin-right: 10px; }
.margin_b20 { margin-bottom: 20px; }
.margin_t10 { margin-top: 10px; }
.margin_t20 { margin-top: 20px; }
.margin_t30 { margin-top: 30px; }
.margin_t-20 { margin-top: -20px; }

.padding5 { padding: 5px !important;}
.padding5_l { padding-left: 5px !important;}
.padding10 { padding: 10px !important; }
.padding20 { padding: 20px; }
.padding20_r{ padding-right: 20px; }
.padding0 { padding: 0 !important; }
.hideclass{display:none;}
/*
 * ----------> font
 */
.font_point { font-size: 18px; line-height: 26px; margin: 10px 0;}
.font_10 { font-size: 10px; }
.font_11 { font-size: 11px; }
.font_12 { font-size: 12px; }
.font_13 { font-size: 13px; }
.font_14 { font-size: 14px; !important}
.font_15 { font-size: 15px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_19 { font-size: 19px; }
.font_20 { font-size: 20px; }
.font_23 { font-size: 23px; }
.font_24 { font-size: 24px; }
.fontx2 { font-size: 30px; }
.font_b { font-weight: 600; }
.font_n { font-weight: 400 !important; }
.color_red{color:#f01726 !important;}
.color_org { color: #ff2d04 !important; }
.color_blue { color: #005fca !important; }
.color_bl { color: #000 !important; }
.color_2e { color: #2e2e2e !important; }
.color_wh { color: #fff !important; }
.disable { color: #aaa; }
.cursor_p{ cursor:pointer;}
/*
 * ----------> form
 */
form { overflow: hidden; }
fieldset { vertical-align: middle; width: 100%; float: left; padding: 0; }
input { vertical-align: middle; height: 19px; border: 1px solid #aaa; padding: 2px 5px;  font-size: 13px; }
input:focus, input:hover, select:focus, select:hover { border: 1px solid #005fca; }
select { vertical-align: middle; border-radius: 4px; outline: none; border: 1px solid #aaa; padding: 3px 5px; font-size: 13px; color: #555; }
select::-ms-expand {
 border:none;
 background:none;
 width:10px;
 padding-left:10px;
 color:#aaa;
}
/*
 * ----------> btn
 */
.btn { display: inline-block; text-align: center; padding: 0; vertical-align: middle; cursor: pointer; border: 1px solid transparent;font-size: 12px; line-height: 100%; }
.btn:hover, .btn:focus { outline: none; text-decoration: none; }
.btn_red {background:#f01726; color:#fff;}
.btn_grey { background: #a6a4af; color: #fff; }
.btn_ivo { background:#f97d18; color: #fff; }
.btn_blue { background: #005fca; color: #fff; }
.btn_org { background: #ff2d04; color: #fff; }
.btn_grey:hover, .btn_grey:focus, .btn_grey:active { color: #fff; background-color: #8c8c8c; }
.btn_white { color: #666; background: #fff; border-color: #d8d8d8; border-radius: 4px; }
.btn_white:hover, .btn_white:focus, .btn_white:active { color: #000; border-color: #aaa; }
.btn_m { padding: 3px; height: 24px; }
.btn_sm { padding: 2px; }
.btn_sm i { float: left; padding: 0 !important; }

/*
 * ----------> jquery ui
 */
.demoHeaders { margin-top: 2em; }
#dialog-link { padding: .4em 1em .4em 20px; text-decoration: none; position: relative; }
#dialog-link span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; }
.dialog { border-radius: 4px; border: 2px solid #000; }
#icons { margin: 0; padding: 0; }
#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none; }
#icons span.ui-icon { float: left; margin: 0 4px; }
.fakewindowcontain .ui-widget-overlay { position: absolute; }
.tabs { border: none !important; }
.accordion .ui-accordion-icons { background: none !important; }
.accordion .ui-accordion-header { margin-top: -1px !important; color: #5f5f5f; }
.accordion .ui-state-hover { margin-bottom: 1px; }
.ui-tooltip { padding: 3px 8px; font-size: 13px; }
body .ui-tooltip { border-width: 1px; }
.tooltip a:hover { color: #005fca; }



/* 아이폰에서 폰트가 자꾸 커지는 현상 제어*/
*{-webkit-text-size-adjust:none}
/* 아이폰에서 버튼 스타일 해제*/
input[type='submit'],input[type='button'],button{-webkit-appearance:none}
.f_Nanum_SR{font-family:Nanum_SR}
.f_Nanum_BG{font-family:Nanum_BG}
.f_Nanum_GO{font-family:Nanum_Go}
.nowrap{white-space:nowrap}
.line_113{line-height:113% !important}
.line_200{line-height:200% !important}

/* ajax load 관련 */
.display-none{display:none !important;}
.wrap-loading{ /*화면 전체를 어둡게*/
	z-index:99999;
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
   /*  background: rgba(0,0,0,0.2); not in ie
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    ie  */

}

.wrap-loading div{
        position: fixed;
        top:50%;
        left:50%;
        margin-left: -16px;
        margin-top: -16px;
}

/* 업로드 버튼관련 CSS */
.file_input_box { /* padding:0.6em 1.2em; */
	position: relative; /* height: 26px;  */
	width:auto; overflow: hidden; text-align:center; /* padding-bottom:1.2em; */
	display:inline-block; }
.file_input_hidden { font-size: 999px; position: absolute;height:100%; right: 0px; top: 0px; opacity: 0; -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }

.no-photo {font-size:0.8em;color:red}

.opacity1{opacity:.1}

.pc-display-none {display:none}


#display_layout table.unit_table.print_emptybox_css tr:nth-child(1) td {border-bottom-color: transparent;}
#display_layout table.unit_table.print_emptybox_css tr:nth-child(3) td:nth-child(1) {border-right-color: transparent;border-top-color: transparent;}
#display_layout table.unit_table.print_emptybox_css tr:nth-child(3) td:nth-child(2) {border-top-color: transparent;}
#display_layout table.unit_table.print_emptybox_css tr:nth-child(2) td {border-bottom-color: transparent;}


#auth_modal_box table {width:100%}
#auth_modal_box table td {padding:6px 10px}
#auth_modal_box button {padding:6px 10px;background:#a6a4af;color:#fff;font-size:1em;border:none}
#auth_modal_box button:hover,#auth_modal_box button:focus {background:#8c8c8c}
#authform_timer {position: absolute;right:105px;top:10px}
#authcode_box input[name=authcode] {padding:2px 80px 2px 5px !important;width:60px !important;}

.text-underline {text-decoration: underline;text-underline-position: under}