@charset "utf-8";



/* 모듈 스타일 */
/* common.css에서 가져옴 */
div.mod {width:100%; clear:both; margin-bottom:3rem; color:#585858; }
div.mod input[type=text],div.mod input[type=password] ,div.mod textarea{border:1px solid #c4c8ce; padding:2px;}

div.mod input::-webkit-input-placeholder { color:#b3b3b3; }
div.mod textarea::-webkit-input-placeholder { color:#b3b3b3; }
div.mod input:-ms-input-placeholder { color:#b3b3b3; }
div.mod textarea:-ms-input-placeholder { color:#b3b3b3; }
div.mod input::placeholder { color:#b3b3b3; }
div.mod textarea::placeholder { color:#b3b3b3; }

div.mod .btn1, div.mod button { vertical-align:middle; }

p.module_title { font-size:1rem; line-height:1.25; font-weight:bold;margin-bottom:0.5rem;}
p.module_title:before {display:inline-block; content: '\f22d'; font-family:'FontAwesome'; line-height:1; vertical-align:middle; padding-right:0.5rem; }
p.module_title > * { vertical-align:middle; }
p.module_title img { display:none; }

div.form { position:relative;border-top:2px solid #a8acb2;overflow:hidden; }

/*
div.field { float:left; border-bottom:1px solid #d4d7db;margin-right:-1px;}
*/
div.field { display:table; table-layout:fixed; float:left; border-bottom:1px solid #d4d7db;}
div.field.row1 { width:100%;}
div.field.row2 { width:50%; }
div.field.row3 { width:33.333333333%; }
/*
div.field > label { float:left; background:#f7f8fa; font-weight:bold;  vertical-align:top; padding:8px 0; margin:0; }
*/
div.field > label { display:table-cell; position:relative; background:#f7f8fa; font-weight:bold;  vertical-align:top; padding:8px 0; margin:0; }
div.field > label>span { display:inline-block;padding:0 0.875rem;font-size:0.875rem;line-height:1.5; }
div.field.row1 > label {width:15%;}
div.field.row2 > label {width:30%;}
div.field.row3 > label {width:45%;}
div.field > label i { color:#f33; }
/*
div.field > div {float:right;margin:0 -2px; vertical-align:top; min-height:18px;}
div.field.row1 > div {width:82%;padding:8px 1.5%;}
div.field.row2 > div {width:64%;padding:8px 3%;}
div.field.row3 > div {width:46%;padding:8px 4.5%;}
*/
div.field > div { display:table-cell; ;margin:0 -2px; vertical-align:top; min-height:18px;}
div.field.row1 > div {width:85%;padding:8px 1.5%;}
div.field.row2 > div {width:70%;padding:8px 3%;}
div.field.row3 > div {width:55%;padding:8px 4.5%;}

span.item,
label.item {display: inline-block; margin-right:8px; padding:4px; box-sizing:border-box; }
span.item > label { display: inline-block; padding-left: 16px;text-indent: -16px;}
span.item input,
label.item input { vertical-align:middle; }
img.ico {margin:2px 4px;}

div.f_file > div { display:inline-block; }
div.f_file a.btn_uploadFile { margin:0 5px;vertical-align:top; }
div.f_file button.btn_uploadFile { font-size:0.875rem; margin:0 5px;vertical-align:top; padding:2px 10px; }
div.f_file > div span { display:block;color:#666;margin-bottom:4px; }
div.f_file > div span.error { border:1px solid #f66; color:#f33; }

td.f_file > div { display:inline-block; }
td.f_file a.btn_uploadFile { margin:0 5px;vertical-align:top; }
td.f_file button.btn_uploadFile { font-size:0.75rem; margin:0 5px;vertical-align:top; }
td.f_file > div span { display:block;color:#666; }

div.f_address .x_address_sub { margin-top:0.25rem; }
div.f_address .btnFindAddress { margin-right: 0.25rem; margin-bottom:1px; padding:1px 3px; font-size:0.75rem; vertical-align:middle; }

div.f_addsub { /*padding:0 !important;*/margin:4px 1%;  }

div.f_addsub div.form { float:left; width:100%; margin-bottom:5px; clear:both;border-right:1px solid #d4d7db; }
div.f_addsub div.form p { z-index:2; }

div.f_addsub div.field { float:left; border-bottom:1px solid #d4d7db;border-right:1px solid #d4d7db;margin-right:-1px;}
div.f_addsub div.field.row1 { width:100%;}
div.f_addsub div.field.row2 { width:50%; }

/*
div.f_addsub div.field > label { float:left; background-color:#f7f8fa;font-weight:bold;border-left:1px solid #d4d7db;border-right:1px solid #d4d7db; vertical-align:top;}
*/
div.f_addsub div.field > label { display:table-cell; background-color:#f7f8fa;font-weight:bold;border-left:1px solid #d4d7db;border-right:1px solid #d4d7db; vertical-align:top;}
div.f_addsub div.field > label>span { display:inline-block;padding:0 13px; }
div.f_addsub div.field.row1 > label {width:15%;}
div.f_addsub div.field.row2 > label {width:30%;}
/*
div.f_addsub div.field > div {margin:0 -2px; vertical-align:top;}
div.f_addsub div.field.row1 > div {width:82%;padding:8px 1.5%;}
div.f_addsub div.field.row2 > div {width:64%;padding:8px 3%;}
*/
div.f_addsub div.field > div { display:table-cell; margin:0 -2px; vertical-align:top;}
div.f_addsub div.field.row1 > div {width:85%;padding:8px 1.5%;}
div.f_addsub div.field.row2 > div {width:70%;padding:8px 3%;}
div.f_addsub > p { float:left;clear:both; }


div.f_addsub > table { border-top:2px solid #a8acb2; border-collapse:collapse;width:100%; }
div.f_addsub > table > thead > tr > th { background:#f7f8fa;border:1px solid #d4d7db;padding:4px; }
div.f_addsub > table > tbody > tr > td { background-color:#fff;border:1px solid #d4d7db;text-align:center;padding:4px; }

div.x_line { position:relative;float:left;border-bottom:1px solid #d4d7db;margin-right:-1px;width:100%;min-height:5px; }
/*div.x_line span { position:absolute;top:0;left:0;min-height:5px; }*/
div.x_line ._comment { position:relative;display:block;padding:6px 13px; color:#0052e8; }
div.x_line.line1 { background-color:#fff; }
div.x_line.line2 { background:#f7f8fa; }
div.x_line.line3 { background-color:#a8acb2; }
div.f_radio div.x_line,
div.f_checkbox div.x_line { float:none; }

div.t_group { position:relative;font-weight:bold;width:98%;background:#f7f8fa;min-height:20px;padding:5px 1%;border-bottom:1px solid #d4d7db;line-height:1.5; }
div.f_addsub div.t_group { border-left:1px solid #d4d7db; }
div.form > div.t_group { float:left;border-top:0;border-right:0;}
div.f_checkbox > div.t_group, div.f_radio > div.t_group { margin-bottom:5px; }
.input_area > div.t_group ~ div.t_group { margin-top:10px; }

div.mod input[type=text] { width:90%; vertical-align:middle; }
div.mod input[type=password] { max-width:90%; vertical-align:middle; }
div.mod input.textoption { border:1px solid #98a7b6; width:150px; padding:2px; margin:2px 2px 2px 0; vertical-align:middle; }
div.mod div.f_id input[type=text] { width:50%; }
div.mod input[type=file] { height:18px; }
div.mod select {min-width:80px; max-width:90%; padding:2px; border:1px solid #d4d7db; vertical-align:middle; }
div.mod textarea {width:90%;min-height:60px;padding:2px; }
div.mod textarea:disabled { background-color:#f7f7f7;border:1px solid #999; }


div.mod input[type=text]:focus, div.mod input[type=text]:hover, div.mod textarea:focus, div.mod textarea:hover {background-color: #f3f6f9;border-color: #98a7b6;}

.error { border:2px inset #f66; background-color:#fdd; }
span.error { display:inline-block; border:1px solid #f66; margin-top:3px; padding:2px; line-height: 14px; background: #fff; border: 0; color: #f33; font-weight:bold; font-size:0.8125rem; }
div.mod input.error { border:1px solid #f66; }
div.field.error-field .main-label { color:#f00; }
div.field.error-field .input-area { background-color:#ffe8e8e8; }
div.field.error-field .input-area input[type=text],
div.field.error-field .input-area input[type=password],
div.field.error-field .input-area textarea,
div.field.error-field .input-area select { border-color:#f00; }


._hidden,
div.field._hidden { display:none; }
.module_title ._comment { margin-left:10px; font-size:13px; color:#0052e8; }
.field ._comment { display:block; color:#0052e8; font-size:12px; }
.field ._comment2 { display:inline-block; color:#0052e8; font-size:12px; }
.t_group ._comment { float:right; color:#0052e8; font-size:12px; font-weight:normal; }



p.form_title {font-size:16px; line-height:20px; font-weight:bold;margin-bottom:10px;padding-left:15px; border-left:4px solid #999;}
p.form_title img { display:none; }

table.form { width:100%; border-collapse:collapse;border-top:2px solid #a8acb2; }
table.form th, table.form td { border-top:1px solid #d4d7db; border-bottom:1px solid #d4d7db; padding:10px; }
table.form .cat { background:#f7f8fa; font-weight:bold; }
table.form .cat label > i { color:#f33; }
table.form td.cat_def { background:#f7f8fa; font-weight:bold; }
table.form td.inp { }
table.form td.x_line { padding:0;background:#f0f3fa; }

table.form input[type=text] { width:80%; border:1px solid #c4c8ce; padding:2px;}
table.form div.f_id input[type=text] { width:50%; }
table.form input[type=file] {height:18px;}
table.form select {min-width:80px;}
table.form textarea {width:80%;height:200px;resize:none;padding:2px;;}
table.form textarea:disabled { background-color:#f7f7f7;border:1px solid #999; }

td.f_file > div { display:inline-block; }
td.f_file a.btn_uploadFile { margin:0 5px;vertical-align:top; }}
td.f_file button.btn_uploadFile { font-size:12px; margin:0 5px;vertical-align:top; }
td.f_file > div span { display:block;color:#666; }

a.btn_df_error { display:none; }

/* Auto-save functionality UI */
.autosave-container { margin:15px 0; text-align:right; color:#666; }
.autosave-container .autosave-button { padding:3px 8px; margin:2px; }
.autosave-container .autosave-text { float:left; font-size:13px; line-height:22px; }
.autosave-container.as-changed { color:#f00; }
.autosave-container.as-found { color:#00f; }
.autosave-container.as-found .autosave-text { font-size:bold; }

@media only screen and (max-width:1139px){
    div.field.row2,
    div.field.row3,
    div.f_addsub div.field.row2,
    div.f_addsub div.field.row3 {width: 100%;}
    div.field.row1 > label,
    div.field.row2 > label,
    div.field.row3 > label,
    div.f_addsub div.field.row1 > label,
    div.f_addsub div.field.row2 > label,
    div.f_addsub div.field.row3 > label {width: 30%;}
    div.field.row1 > div,
    div.field.row2 > div,
    div.field.row3 > div,
    div.f_addsub div.field.row1 > div,
    div.f_addsub div.field.row2 > div,
    div.f_addsub div.field.row3 > div {width: 70%; padding: 0.53rem 1.5%;}
}