@charset "utf-8";
/**
 * jquery 날짜 선택 콤포넌트 관련
 */
.ui-datepicker-trigger {
    cursor:pointer;
    vertical-align: -5px;
}

/*****************************************************************/
/* smart editor2 */
/*****************************************************************/
.smartOutput, .smartOutput th, .smartOutput td { margin: 0; padding: 0; font-size: 12px; font-family: '돋움',Dotum,'굴림',Gulim,Helvetica,Sans-serif; line-height: 1.5; }
.smartOutput p { margin: 0; padding: 0; }
.smartOutput a:hover { text-decoration: underline; }
.smartOutput a:link { color: #0000ff; }
.smartOutput ul { margin: 0 0 0 40px; padding: 0; }
.smartOutput ul li { margin: 0; list-style-type: disc; padding: 0; }
.smartOutput ul ul li { list-style-type: circle; }
.smartOutput ul ul ul li { list-style-type: square; }
.smartOutput img, .smartOutput fieldset { border: 0; }

/*****************************************************************/
/* button */
/* Jeong Chan Myeong(dece24@gmail.com) */
/*****************************************************************/

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./ui/css/default01/images/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(./ui/css/default01/images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(./ui/css/default01/images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(./ui/css/default01/images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(./ui/css/default01/images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/*****************************************************************/
/* pagination */
/*****************************************************************/
.pagination {text-align:center;padding:8px;}

/* 모든 링크 */
.pagination a {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:link {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:visited {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:active {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:hover {text-decoration: none;border: solid 1px #5d5d5d;color: #444444;}

/* 각요소의 공백 */
.pagination a, .pagination span {padding: 0.3em 0.5em;margin-right: 0px;margin-bottom: 5px;font-size: 12px;}

/* 선택된 page */
.pagination .current {border:1px solid #dedede;background-color:#325391;color:#ffffff;}

/* 이전, 다음(선택불가시) */
.pagination .current.prev, .pagination .current.next{color:#999;border-color:#c8c8c8;background:#fff;}

/*****************************************************************/
/* 입력화면 */
/*****************************************************************/
.input_table {border-collapse:collapse;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #DEDEDE;border-bottom-color: #DEDEDE;border-left-color: #DEDEDE;}
.input_table th {text-align:center;background-color:#F1F1F1;font-family: "dotum";font-size: 11px;font-weight: bold;color: #484848;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #DEDEDE;border-bottom-color: #DEDEDE;}
.input_table td {border-collapse:collapse;padding-left:20px;letter-spacing: 0px;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: dashed;border-right-color: #DEDEDE;border-bottom-color: #DEDEDE;}

/*****************************************************************/
/* 입력화면 리스트용 */
/*****************************************************************/
.input_list {border-collapse:collapse;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #DEDEDE;border-bottom-color: #DEDEDE;border-left-color: #DEDEDE;}
.input_list th {text-align:center;background-color:#F1F1F1;font-family: "dotum";font-size: 11px;font-weight: bold;color: #484848;border-right-width: 1px;border-bottom-width: 2px;border-right-style: solid;border-bottom-style: solid;border-right-color: #DEDEDE;border-bottom-color: #DEDEDE;}
.input_list td {letter-spacing: 0px;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: dashed;border-right-color: #DEDEDE;border-bottom-color: #DEDEDE;}

/*****************************************************************/
/* 라운드 처리된 리스트 */
/*****************************************************************/
.data_table {background: url(./ui/css/default01/images/list_bg01.gif) repeat-x;}
.data_table th {height:31px;color: #22559A;background: url(./ui/css/default01/images/line02.gif) no-repeat right;padding:0 5px 0 5px;}
.data_table .first {padding:0;width:10px;background: url(./ui/css/default01/images/list_bg02.gif) no-repeat left;}
.data_table .last {background: url(./ui/css/default01/images/list_bg03.gif) no-repeat right;}
.data_table tbody .point {font-size: 11px;font-family: Dotum;color: #8C8A8C;}
.data_table tbody td {height:27px;padding:0 5px 0 5px;border-bottom: 1px solid #EFEBEF;}

/*****************************************************************/
/* 데이터 그리드 스타일 */
/*****************************************************************/
.dtable_label_frame {border:1px solid #999;background:url(./ui/css/default01/images/bg_ga_tab3.gif) repeat-x;}
.dtable_label_frame .wy_drop {margin-right:16px;}
.dtable_label_frame table {width:100%;border-collapse:collapse;}
.dtable_label_frame th {padding:0 2px 0 2px;height:31px;border-left:1px solid #EEE;}
.dtable_label_frame th span {color:#575757;font-size:11px;display:block;letter-spacing:-1px;line-height:28px;}
.dtable_data_frame {border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;overflow-x:hidden;overflow-y:scroll;position:relative;}
.dtable_data_frame table {width:100%;border-collapse:collapse;}
.dtable_data_frame td {padding:0 2px 0 2px;height:22px;border-left:1px solid #EEE;border-bottom:1px solid #EEE;}

/*****************************************************************/
/* 일반 리스트 스타일 */
/*****************************************************************/
.dtable {border:1px solid #999;background:url(./ui/css/default01/images/bg_ga_tab3.gif) repeat-x;}
.dtable table {width:100%;border-collapse:collapse;}
.dtable th {padding:0 2px 0 2px;height:31px;border-left:1px solid #EEE;border-bottom:1px solid #EEE;}
.dtable th span {color:#575757;font-size:11px;display:block;letter-spacing:-1px;line-height:28px;}
.dtable td {padding:0 2px 0 2px;height:22px;border-left:1px solid #EEE;border-bottom:1px solid #EEE;}

/*****************************************************************/
/* xe에서 사용되는 입력 Form */
/*****************************************************************/
/* 출처 : http://naradesign.net/ouif/uio/form/table/quirks.html */
/* width등 약간의 수정 */

/* Form Table */
.formTable{ padding:10px 0 0 0; margin:0 0 0 0; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.formTable input,
.formTable textarea,
.formTable select,
.formTable table,
.formTable button{ font-size:12px;}
.formTable table{ border:0; border-top:2px solid #999;}
.formTable caption{ padding:8px 0; font-weight:bold; text-align:left;}
.formTable th,
.formTable td{ border:0; padding:8px; vertical-align:top;}
.formTable th{ color:#333;}
.formTable td{ color:#666;}
.formTable thead th{ border-bottom:1px solid #ccc; background:#f8f8f8;}
.formTable tbody th{ border-bottom:1px solid #ddd; background:#fafafa; text-align:center;}
.formTable tfoot th{ border-bottom:1px solid #ddd;}
.formTable tbody td{ border-bottom:1px solid #ddd;}
.formTable tfoot td{ border-bottom:1px solid #ddd; font-weight:bold; color:#333;}
.formTable .item{ position:relative; margin:-4px 0;}
.formTable .item .iHelp{ position:absolute; top:4px; right:0;}
.formTable .item .iLabel{ top:5px; left:6px;}
.formTable .item .iDesc{ margin:2px 0;}
.formTable .item .itemheck,
.formTable .item .iRadio{ width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.formTable .item .iText{ position:relative; padding:2px 3px; margin:2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.formTable .item .hide{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.formTable .item select{ margin:2px;}
.formTable .item label{ margin:0 10px 0 0; cursor:pointer;}

.formTable .formTitle {padding: 5px 0 5px 5px;font-weight:bold;font-size:14px;}
.formTable .formTitle .icon {color: #999;font-size: 16px;font-weight: normal;vertical-align: middle;}

/*****************************************************************/
/* button ui */
/*****************************************************************/
.ui_btn_g { vertical-align:middle; display:inline-block; height:26px; border:1px solid #d8d8d8;
    background: #fdfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfcfc 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfcfc 0%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfc', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g a,
.ui_btn_g a:hover { display:inline-block; padding:0px 30px; margin:0; border:0; line-height:26px; font-size:12px; color:#363535; }
.ui_btn_g input { display:inline-block; padding:0px 30px; margin:0; border:0; line-height:26px; font-size:12px; color:#363535; background: none; cursor:pointer; }

.ui_btn_g.small {height:22px; line-height:22px; }
.ui_btn_g.small a,
.ui_btn_g.small input {padding:0px 22px; line-height:22px; }

.ui_btn_g.large {height:29px; line-height:30px;}
.ui_btn_g.large a,
.ui_btn_g.large input {padding:0px 22px; line-height:30px;}

.ui_btn_g.wide {vertical-align:middle; display:inline-block; width:100%; height:40px; margin:20px 0; background-color:#5a4f4a; text-align:center;}
.ui_btn_g.wide a,
.ui_btn_g.wide input {display:inline-block; padding:0; margin:0; border:0; line-height:40px; font-size:12px; color:#000; font-weight:bold; text-decoration:none; display:block; width:100%;}

.ui_btn_g.select {}
.ui_btn_g.select a,
.ui_btn_g.select input { background:url(./images/bui_form_select.png) no-repeat 90% 13px; }

.ui_btn_g.gray { border:1px solid #818181;
    background: #8e8e8e; /* Old browsers */
    background: -moz-linear-gradient(top,  #8e8e8e 0%, #818181 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#818181)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8e8e8e 0%,#818181 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8e8e8e 0%,#818181 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8e8e8e 0%,#818181 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8e8e8e 0%,#818181 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#818181',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.gray a,
.ui_btn_g.gray input { color:#ffffff;}

.ui_btn_g.blue { border:1px solid #4568b3;
    background: #395ba9; /* Old browsers */
    background: -moz-linear-gradient(top,  #395ba9 0%, #274890 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395ba9), color-stop(100%,#274890)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #395ba9 0%,#274890 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #395ba9 0%,#274890 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #395ba9 0%,#274890 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #395ba9 0%,#274890 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395ba9', endColorstr='#274890',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.blue a,
.ui_btn_g.blue input { color:#ebeef6;}

.ui_btn_g.red { border:1px solid #b62d57;
    background: #f9112f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9112f 0%, #de0313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9112f), color-stop(100%,#de0313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9112f 0%,#de0313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9112f 0%,#de0313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9112f 0%,#de0313 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9112f 0%,#de0313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9112f', endColorstr='#de0313',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.red a,
.ui_btn_g.red input { color:#fee7ea;}

.ui_btn_g.green { border:1px solid #349519;
    background: #4bab2d; /* Old browsers */
    background: -moz-linear-gradient(top,  #4bab2d 0%, #358920 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4bab2d), color-stop(100%,#358920)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4bab2d 0%,#358920 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4bab2d 0%,#358920 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4bab2d 0%,#358920 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4bab2d 0%,#358920 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bab2d', endColorstr='#358920',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.green a,
.ui_btn_g.green input { color:#f6faf4;}

.ui_btn_g.sky { border:1px solid #26a099;
    background: #29a6a0; /* Old browsers */
    background: -moz-linear-gradient(top,  #29a6a0 0%, #1d8884 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29a6a0), color-stop(100%,#1d8884)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #29a6a0 0%,#1d8884 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #29a6a0 0%,#1d8884 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #29a6a0 0%,#1d8884 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #29a6a0 0%,#1d8884 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a6a0', endColorstr='#1d8884',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.sky a,
.ui_btn_g.sky input { color:#e9f5f4;}

.ui_btn_g.brown { border:1px solid #767676;
    background: #6c584c; /* Old browsers */
    background: -moz-linear-gradient(top,  #6c584c 0%, #4b3629 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c584c), color-stop(100%,#4b3629)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6c584c 0%,#4b3629 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6c584c 0%,#4b3629 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6c584c 0%,#4b3629 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6c584c 0%,#4b3629 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c584c', endColorstr='#4b3629',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.brown a,
.ui_btn_g.brown input { color:#e9e9e9;}

.ui_btn_g.black { border:1px solid #767676;
    background: #535353; /* Old browsers */
    background: -moz-linear-gradient(top,  #535353 0%, #3e3e3e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #535353 0%,#3e3e3e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.black a,
.ui_btn_g.black input { color:#e9e9e9;}

/*****************************************************************/
/* 반응형 ui */
/*****************************************************************/
/* form */
.bui_form { padding:10px 0 0 0; }
.bui_form .bui_form_title { height:22px; padding-left:14px; background:url(./images/bui_form_dot02.png) no-repeat 0 6px; font-size:13px; color:#222222; font-weight:bold; font-Family:'Apple SD Gothic Neo',AppleGothic,"Lucida Grande",Tahoma,Verdana,'Malgun Gothic',Dotum,sans-serif; }
.bui_form .bui_form_body { padding:5px 0 25px; margin-bottom:15px; border:1px solid #cacaca; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bui_form .bui_form_body .col_th { height:22px; margin:20px 20px 0; padding-left:15px; background:url(./images/bui_form_dot01.png) no-repeat 5px 5px; color:#313131; font-weight:bold; }
.bui_form .bui_form_body .col_th span { color:#c40505; }
.bui_form .bui_form_body .col_td { position:relative; margin:0 20px 10px 20px; }
.bui_form.view .bui_form_body .col_td { padding-left:15px; }
.bui_form .bui_form_body .col_td input,
.bui_form .bui_form_body .col_td select,
.bui_form .bui_form_body .col_td textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#313131; outline:none; }
.bui_form .bui_form_body .col_td .i_input { width:100%; height:27px; padding-left:15px; border:1px solid #d7d7d7; background-color:#fafafa; -webkit-appearance:none; -moz-appearance:none; }
.bui_form .bui_form_body .col_td .i_check { position: relative; top: 2px; }
.bui_form .bui_form_body .col_td .i_radio { position: relative; top: 2px; }
.bui_form .bui_form_body .col_td label { cursor: pointer; margin: 0 10px 0 0; }
.bui_form .bui_form_body .col_td .i_select { width:100%; height:27px; padding-left:13px; border:1px solid #d7d7d7; background-color:#fafafa; }
.bui_form .bui_form_body .col_td .i_select option { height:27px; margin:5px 0 0; border:1px solid #d7d7d7; background-color:#fafafa; }
.bui_form .bui_form_body .col_td .i_textarea { width:100%; height:100px; padding:13px; border:1px solid #d7d7d7; background-color:#fafafa; resize:none; }
.bui_form .bui_form_body .col_td .i_scrollbox { height: 100px; padding: 13px; border: 1px solid #d7d7d7; background-color: #fafafa; overflow: scroll; overflow-x:hidden; margin:0 0 10px 0; }
.bui_form .bui_form_body .col_td textarea.i_scrollbox { width: 100%; padding:0; margin:0; resize:none; }
.bui_form .bui_form_body .col_td .item_adress { margin-right:110px; }
.bui_form .bui_form_body .col_td .item_adress_btn { position:absolute; right:0; top:0; }
.bui_form .bui_form_body .col_td .item_adress_detail { margin-top:5px; }
.bui_form .bui_form_body .col_td .item_year { float:left; width:100px; margin-right:4px; }
.bui_form .bui_form_body .col_td .item_month { float:left; width:50px; margin-right:4px; }
.bui_form .bui_form_body .col_td .item_day { float:left; width:50px; margin-right:4px; }
.bui_form .bui_form_body .col_td .item_fileupload_btn { position:absolute; left:0; top:4px; }
.bui_form .bui_form_body .col_td .item_fileupload_text { margin-top:0; margin-left:132px; margin-bottom:20px; line-height:18px; color:#5b5b5b; }
.bui_form .bui_form_body .col_td .item_fileupload_text span { color:#c40505; font-weight:bold; }
.bui_form .bui_form_body .col_td .item_code_img { position:absolute; width:100px; left:0; }
.bui_form .bui_form_body .col_td .item_code { position:absolute; width:110px; left:105px; top:0; }
.bui_form .bui_form_body .col_td .item_code_input { margin-left:220px; }
.bui_form .bui_form_body .col_td .info_text { margin:5px 0 0 15px; }
.bui_form_btn { text-align:right; margin:15px 0; }
.bui_form_btn.center { text-align:center; }

/* NO LINE */
.bui_form.no_line { padding:0; }
.bui_form.no_line .bui_form_title { height:24px; }
.bui_form.no_line .bui_form_body { padding:5px 0 25px; margin-bottom:15px; border:none; border-top:1px solid #d9d9d9; }
.bui_form.no_line .bui_form_body .col_th { height:22px; margin:17px 10px 0; padding-left:15px; background:url(./images/bui_form_dot01.png) no-repeat 5px 5px; color:#313131; font-weight:bold; }
.bui_form.no_line .bui_form_body .col_td { position:relative; margin:0 10px 10px; }
.bui_form.no_line .bui_form_body .col_agree .check_text { margin:1px 0 0 23px; line-height:19px; }
.bui_form.no_line .bui_form_body .col_agree { overflow:hidden; position:relative; min-height:25px; margin:0 21px 0 15px; color:#555555; vertical-align:middle; }

/* search */
.bui_search { position:relative; height:36px; }
.bui_search ul.option { margin:0; padding:0; }
.bui_search ul.option li { list-style:none; float:left; margin-right:4px; }
.bui_search ul.option li.select select { min-width:100px; height:28px; padding-left:5px; border:1px solid #d8d8d8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#363535; }
.bui_search ul.search { position:absolute; right:0; top:0; margin:0; padding:0; }
.bui_search ul.search li { list-style:none; float:left; margin-left:4px; }
.bui_search ul.search li.select select { min-width:100px; height:26px; padding-left:5px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#363535; font-size:12px; }
.bui_search ul.search li.input > input { min-width:146px; height:26px; padding-left:5px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#363535; background-color:#f7f7f7; outline:none; }
.bui_search ul.search li.input > input[type=text]::-ms-clear {display: none;}
.bui_search ul.search li.input > .btn { padding:0; }
.bui_search ul.search li.input > .btn > input {text-indent: -1000px;border:0;background: none;cursor:pointer;width:31px;height:26px;background-image: url(./images/ui_search_btn.png);margin:0 0 0 0;}
.bui_search_write { display:none; }

/* search form */
.bui_search_form { position:relative; background-color:#f5f5f5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.bui_search_form .area { position:relative; padding:15px 0; background-color:#e7e7e7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.bui_search_form .area ul { margin:0; padding:0; }
.bui_search_form .area li { position:relative; list-style:none; min-height:40px; }
.bui_search_form .area .col_title { position:absolute; width:17%; max-width:110px; padding-left:40px; left:0; top:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#4f4f4f; line-height:40px; background:url(./images/bui_search_bar.png) no-repeat right 14px; line-height:40px; }
.bui_search_form .area .col_text { margin-left:125px; }
.bui_search_form .area .col_text .col_cell01 { float:left; width:15%; min-width:100px; margin-right:4px; }
.bui_search_form .area .col_text input[type=text]::-ms-clear{display: none; }
.bui_search_form .area .col_text .col_cell02 { float:left; width:65%; margin-right:4px; }
.bui_search_form .area .col_text .col_cell03 { float:left; width:2%; min-width:16px; color:#4f4f4f; text-align:center; line-height:30px; }
.bui_search_form .area .col_text .select { width:100%; height:30px; padding-left:4px; background-color:#fff; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#4f4f4f; }
.bui_search_form .area .col_text .input { width:100%; height:30px; padding-left:7px; background-color:#fff; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#4f4f4f; }
.bui_search_form .area .col_text .input01 { width:100%; height:30px; padding-left:7px; background-color:#fff; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#4f4f4f; background:url(./images/bui_search_calendar.png) no-repeat right 8px; background-color:#fff; }
.bui_search_form .slide_btn { height:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; border-top-right-radius:0; text-align:center; display:none; }
.bui_search_form .slide_btn a,
.bui_search_form .slide_btn a:hover { line-height:16px; padding-bottom:4px; display:block; }
.bui_search_form .search_btn { position:absolute; width:110px; top:-4px; right:40px; }
.bui_search_form .search_btn .ui_btn_g.wide { vertical-align:middle; display:inline-block; width:100%; height:26px; margin:20px 0; background-color:#5a4f4a; text-align:center;}
.bui_search_form .search_btn .ui_btn_g.wide a,
.bui_search_form .search_btn .ui_btn_g.wide input {display:inline-block; padding:0; margin:0; border:0; line-height:26px; font-size:12px; color:#fff; font-weight:normal; text-decoration:none; display:block; width:100%;}

/* search form simple */
.bui_search_simple_form { padding:10px 0 0 0; color:#333333; position:relative; }
.bui_search_simple_form input,
.bui_search_simple_form textarea,
.bui_search_simple_form select,
.bui_search_simple_form table,
.bui_search_simple_form button{ font-size:12px;}
.bui_search_simple_form table { width:100%;border-collapse:collapse;border:0;border-top:1px solid #283e6c;}
.bui_search_simple_form caption{ padding:8px 0; font-weight:bold; text-align:left;}
.bui_search_simple_form th,
.bui_search_simple_form td{ border:0;}
.bui_search_simple_form th{padding:0 0 0 33px; height:45px; background:url(./images/ui_form_cell_dot.png) no-repeat 19px; background-color:#f5f5f5; border-bottom:1px solid #dcdcdc; color:#313131; text-align:left; font-weight:bold;}
.bui_search_simple_form td{padding:10px; border-bottom:1px solid #dcdcdc; color:#5b5b5b; text-align:left;}
.bui_search_simple_form .item{ position:relative; margin:-4px 0;}
.bui_search_simple_form .item .i_radio { width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.bui_search_simple_form .item .i_check { width:13px; height:13px; padding:0; vertical-align: middle;margin: -1px -0 1px }
.bui_search_simple_form .item .i_text,
.bui_search_simple_form .item .i_input { color:#5a5a5a; height:19px; border:1px solid #c1c1c1;vertical-align:middle;}
.bui_search_simple_form .item select{ padding:2px;margin:2px;}
.bui_search_simple_form .item label{ margin:0 10px 0 0; cursor:pointer;font-size: 11px;}
.bui_search_simple_form .search_btn {position: absolute;bottom: 6px;right: 6px}

/* search func */
.bui_search_func {height: 28px;padding:14px 0 10px 0;line-height: 28px;}
.bui_search_func .left {float: left;}
.bui_search_func .right {float: right;}
.bui_search_func select {height:23px;line-height:26px;border:1px solid #b8b8b8;font-size: 12px;color:#515151;}

/* list */
.bui_list { width:100%; margin-bottom:17px; border-top:1px solid #283e6c; }
.bui_list .bui_list_head { }
.bui_list ul { margin:0; padding:0; }
.bui_list li { list-style:none; width:100%; padding:19px 0 16px; border-bottom:1px solid #d2d2d2; background-color:#f9f9f9; display:table; }
.bui_list li:first-child { background-image:none; }
.bui_list li .th { display:table-cell; text-align:center; vertical-align:middle; font-size:12px; font-weight:bold; color:#323232; background:url(./images/bui_list_bar.png) no-repeat left 1px; }
.bui_list li .th:first-child { background-image:none; }
.bui_list li .td { display:table-cell; text-align:center; vertical-align:middle; font-size:12px; color:#5a5a5a;}
.bui_list li .col_no { width:8%; }
.bui_list li .col_image { width:10%; }
.bui_list li .col_subject { }
.bui_list li .col_name { width:14%; }
.bui_list li .col_date { width:11%; }
.bui_list li .col_hit { width:9%; }
.bui_list li .col_process { width:15%; }
.bui_list .bui_list_body { }
.bui_list .bui_list_body ul { margin:0; padding:0; }
.bui_list .bui_list_body li { list-style:none; padding:12px 0 10px; border-bottom:1px solid #e3e3e3; background-color:#fff; line-height:18px; }
.bui_list .bui_list_body li:nth-child(even) { background-color:#f9f9f9;}
.bui_list .bui_list_body li span.red_mark { padding:4px 5px; margin-right:2px; font-weight:bold; color:#ffffff; background-color:#fe2328; }
.bui_list .bui_list_body li .col_image { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:0; line-height:0; }
.bui_list .bui_list_body li .col_image img { width:100%; }
.bui_list .bui_list_body li .col_subject { padding-left:15px; padding-right:20px; text-align:left; color:#000000; font-size:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bui_list .bui_list_body li .col_subject span.red_mark { display:none; }
.bui_list .bui_list_body li .col_subject p { margin:0; padding:0; }

/* list round */
.bui_list.round { border-top:none; }
.bui_list.round .bui_list_head { display: none; }
.bui_list.round .bui_list_body { }
.bui_list.round .bui_list_body li { list-style:none; padding:20px 0 20px; margin-bottom:8px; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:3px solid #e3e3e3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; line-height:20px; background:#fff; cursor:pointer; }
.bui_list.round .bui_list_body li .col_subject { padding-left:20px; text-align:left; border-left:1px solid #dddddd; color:#000000; font-size:12px; }
.bui_list.round .bui_list_body li .col_name { color:#5a5a5a; border-left:1px solid #dddddd; }
.bui_list.round .bui_list_body li .col_date { color:#5a5a5a; border-left:1px solid #dddddd; }
.bui_list.round .bui_list_body li .col_hit { color:#5a5a5a; border-left:1px solid #dddddd; }

/* list press */
.bui_list.press { width:100%; margin-bottom:17px; border-top:1px solid #283e6c; }
.bui_list.press li .td { position:relative; padding:10px 15px; text-align:left; font-Family:'Apple SD Gothic Neo',AppleGothic,"Lucida Grande",Tahoma,Verdana,'Malgun Gothic',Dotum,sans-serif; color:#333333; font-size:14px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bui_list.press .bui_list_body li .col_press_subject { font-size: 14px; font-weight: bold; }
.bui_list.press .bui_list_body li .col_press_text { margin-top:10px; color:#7e7e7e; }
.bui_list.press .bui_list_body li .col_press_etc { margin-top:6px; color:#646464; }

/* list thum */
.bui_list.thum li .td { position:relative; padding-left:10px; padding-right:10px; text-align:left; font-Family:'Apple SD Gothic Neo',AppleGothic,"Lucida Grande",Tahoma,Verdana,'Malgun Gothic',Dotum,sans-serif; color:#333333; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bui_list.thum li .col_thum { width:20%; }
.bui_list.thum .bui_list_body li .col_thum { padding:3px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:0; line-height:0; }
.bui_list.thum .bui_list_body li .col_thum img { width:100%; }
.bui_list.thum .bui_list_body li .col_thum_subject { font-size:14px; text-align:left; font-weight:bold; }
.bui_list.thum .bui_list_body li .col_thum_text { margin-top:10px; color:#7e7e7e; }
.bui_list.thum .bui_list_body li .col_thum_etc { margin-top:6px; color:#646464; }

@media all and (max-width:640px) {
    /* form */
    .bui_form.resp .bui_form_body .col_th { height:24px; background:url(./images/bui_form_dot01.png) no-repeat 5px 7px; font-size:1.2em; }
    .bui_form.resp .bui_form_body .col_td { font-size:1.2em; }
    .bui_form.resp .bui_form_body .col_td .i_select { padding-left:10px; }

    .bui_form.resp .bui_form_body .col_td .item_year { width:35%; margin-right:1%; }
    .bui_form.resp .bui_form_body .col_td .item_year { width:35%; margin-right:1%; }
    .bui_form.resp.view .bui_form_body .col_td { font-size:1.2em; }
    .bui_form.resp .bui_form_body .col_td .item_month { width:25%; margin-right:1%; }
    .bui_form.resp .bui_form_body .col_td .item_day { width:25%; margin-right:1%; }
    .bui_form.resp .bui_form_body .col_td .item_fileupload_btn { position:relative; top:0; }
    .bui_form.resp .bui_form_body .col_td .item_fileupload_text { margin-top:10px; margin-left:0; }
    .bui_form.resp .bui_form_body .col_td .item_fileupload_btn { position:relative; top:0; }
    .bui_form.resp .bui_form_body .col_td .item_fileupload_text { margin-top:10px; margin-left:0; }
    .bui_form.resp .bui_form_body .col_td .item_code { position:relative; margin-left:105px; left:0; }
    .bui_form.resp .bui_form_body .col_td .item_code_input { margin-left:0; margin-top:5px; }
    .bui_form.resp .bui_form_body .col_td .info_text01 { margin:5px 0 0 0; display:block; }

    .bui_form.resp .bui_form_body .col_td .item_code { position:relative; margin-left:105px; left:0; }
    .bui_form.resp .bui_form_body .col_td .item_code_input { margin-left:0; margin-top:5px; }
    .bui_form.resp .bui_form_title { font-size:1.3em; }
    .bui_form.resp .bui_form_body .col_th { font-size:1.2em; }
    .bui_form.resp .bui_form_body .col_td .i_input { font-size:1em; }
    .bui_form.resp .bui_form_body .col_td .i_select { font-size:0.8em; }
    .bui_form.resp .bui_form_body .textarea { font-size:1.2em; }
    .bui_form.resp .bui_form_agree .textarea { font-size:1.2em; }

    /* search */
    .bui_search.resp { height:auto; }
    .bui_search.resp ul.option li { float:none; margin-right:0; margin-bottom:7px; }
    .bui_search.resp ul.option li.btn { display:none; }
    .bui_search.resp ul.option li.select select { width:100%; height:30px; padding-left:10px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#363535; background-color:#f7f7f7; }
    .bui_search.resp ul.search { position:relative; margin-bottom:4px; }
    .bui_search.resp ul.search li { width:100%; margin:0 0 6px 0; position: relative; }
    .bui_search.resp ul.search li.select select { width:100%; height:30px; padding-left:10px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#363535; background-color:#f7f7f7; }
    .bui_search.resp ul.search li.input > input { width:100%; height:30px; padding-left:15px; border:1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#f7f7f7;-webkit-appearance:none; -moz-appearance:none }
    .bui_search.resp ul.search li.input > .btn input {position:absolute; width:30px; height:28px; right:2px; top:1px; background-image:url(./images/bui_search_btn.png); background-position:0 29px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px;   -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; border-bottom-left-radius:0; border-left:1px solid #d7d7d7; }
    .bui_search_write { display:block; }

    /* search form */
    .bui_search_form.resp { margin-bottom:50px; }
    .bui_search_form.resp .area .col_title { position:relative; width:auto; padding-left:8%; background:none; font-size:1.2em; font-weight:bold; line-height:30px; }
    .bui_search_form.resp .area .col_text { margin-left:8%; margin-bottom:8px; }
    .bui_search_form.resp .area .col_text .col_cell01 { width:43%; margin-bottom:5px; }
    .bui_search_form.resp .area .col_text .col_cell02 { width:43%; }
    .bui_search_form.resp .area .col_text .col_cell03 { width:4%; min-width:4%; }
    .bui_search_form.resp .area .col_text .col_cell04 { position:absolute; width:100%; bottom:0; left:0; }
    .bui_search_form.resp .slide_btn { display:block; }
    .bui_search_form.resp .slide_btn a,
    .bui_search_form.resp .slide_btn a:hover { ldisplay:block; }
    .bui_search_form.resp .search_btn { width:100%; bottom:-70px; left:0; right:0; top:auto; }
    .bui_search_form.resp .search_btn .ui_btn_g.wide { height:40px; }
    .bui_search_form.resp .search_btn .ui_btn_g.wide a,
    .bui_search_form.resp .search_btn .ui_btn_g.wide input { line-height:40px; font-size:1.2em; }

    /* search form simple */
    .bui_search_simple_form.resp .search_btn { position: relative; bottom: 0; right:0; margin:6px 0 6px 0; text-align: center; }

    /* list */
    .bui_list.resp .bui_list_head { display:none; }
    .bui_list.resp li .col_image { width:20%; }
    .bui_list.resp .bui_list_body li .col_no { display:none; }
    .bui_list.resp .bui_list_body li .col_image { padding-left:5px; }
    .bui_list.resp .bui_list_body li .col_subject { padding-left:20px; margin-top:1px; font-weight:bold; font-size:1.2em; color:#1f1f1f; display:block; }
    .bui_list.resp .bui_list_body li .col_subject a,
    .bui_list.resp .bui_list_body li .col_subject a:hover { font-weight:bold; font-size:1em; color:#1f1f1f; }
    .bui_list.resp .bui_list_body li .col_subject span.red_mark { padding:1px 5px; margin-right:2px; font-weight:bold; font-size:0.8em; color:#ffffff; background-color:#fe2328; display:inline-block; }
    .bui_list.resp .bui_list_body li .col_subject p { padding:0 0 0 20px; margin:0; }
    .bui_list.resp .bui_list_body li .col_name { padding-left:20px; display:inline; }
    .bui_list.resp .bui_list_body li .col_date { display:inline; }
    .bui_list.resp .bui_list_body li .col_date::before { content: " / "; }
    .bui_list.resp .bui_list_body li .col_hit { display:inline; }
    .bui_list.resp .bui_list_body li .col_hit::before { content: " / "; }
    .bui_list.resp .bui_list_body li .col_process { width:100%; text-align:left; margin:5px 0 5px 20px; display:block; }

    /* list round */
    .bui_list.round.resp .bui_list_body li .col_no { display:none; }
    .bui_list.round.resp .bui_list_body li .col_subject { font-weight:bold; display:block; border:none; color:#000000; font-size:1.2em; }
    .bui_list.round.resp .bui_list_body li .col_name { padding-left:20px; display:inline; border:none; }
    .bui_list.round.resp .bui_list_body li .col_date { display:inline; border:none; }
    .bui_list.round.resp .bui_list_body li .col_date::before { content: " / "; }
    .bui_list.round.resp .bui_list_body li .col_hit { display:inline; border:none; }
    .bui_list.round.resp .bui_list_body li .col_hit::before { content: " / "; }

    /* list press */
    .bui_list.press.resp { margin-top:-10px; margin-bottom:10px; border-top:none; }
    .bui_list.press.resp li .td { padding:20px 15px; font-size:1.4em;  }
    .bui_list.press.resp .bui_list_body li .col_press_subject { font-size:1.0em; }
    .bui_list.press.resp .bui_list_body li .col_press_subject span { font-size:1.0em; }
    .bui_list.press.resp .bui_list_body li .col_press_text { padding-right:20px; font-size:0.9em; line-height:1.4em; }
    .bui_list.press.resp .bui_list_body li .col_press_etc { padding-right:20px; margin:5px 0; font-size:0.8em; }

    /* list thum */
    .bui_list.thum.resp { margin-top:-10px; margin-bottom:10px; border-top:none; }
    .bui_list.thum.resp li .td { position:relative; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; }
    .bui_list.thum.resp li .col_thum { width:100%; display:block; }
    .bui_list.thum.resp .bui_list_body li { padding:12px 0 0; border-bottom:none; }
    .bui_list.thum.resp .bui_list_body li:nth-child(even) { background-color:#fff;}
    .bui_list.thum.resp .bui_list_body li .col_no { display:none; }
    .bui_list.thum.resp .bui_list_body li .col_thum { padding:8px; }
    .bui_list.thum.resp .bui_list_body li .col_thum_subject { position:relative; padding-left:0; margin-top:20px; padding-right:0; font-size:1.4em; }
    .bui_list.thum.resp .bui_list_body li .col_thum_subject span { font-size:1em; }
    .bui_list.thum.resp .bui_list_body li .col_press_text { padding-right:20px; font-size:0.9em; line-height:1.4em; }
    .bui_list.thum.resp .bui_list_body li .col_thum_text { padding-right:20px; font-size:1.25em; line-height:1.4em; }
    .bui_list.thum.resp .bui_list_body li .col_thum_etc { padding-right:20px; margin-bottom:20px; font-size:1.1em; }
}