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

/*****************************************************************/
/* editor output */
/*****************************************************************/
.editorOutput, 
.editorOutput th, 
.editorOutput td  { margin: 0; padding: 0; font-size: 13px; font-family: 'apple SD gothic neo','Malgun Gothic',sans-serif; }
.editorOutput p { margin: 0; padding: 3px 0; font-size: 13px; font-family: 'apple SD gothic neo','Malgun Gothic',sans-serif; }
.editorOutput a:hover { text-decoration: underline; }
.editorOutput a:link { color: #0000ff; }
.editorOutput ul { margin: 0 0 0 40px; padding: 0; }
.editorOutput ul li { margin: 0; list-style-type: disc; padding: 0; }
.editorOutput ul ul li { list-style-type: circle; }
.editorOutput ul ul ul li { list-style-type: square; }
.editorOutput img, .editorOutput fieldset { border: 0; }

@media all and (max-width:640px) {
    .editorOutput, 
    .editorOutput th, 
    .editorOutput td { font-size:1.1em; font-family: 'apple SD gothic neo','Malgun Gothic',sans-serif; }
    .editorOutput p { font-size:1.1em; font-family: 'apple SD gothic neo','Malgun Gothic',sans-serif; }
}

/*****************************************************************/
/* 업로드 파일 리스트 */
/*****************************************************************/
.file_list { margin:0 0 0 0; }

.file_list ul {list-style:none; padding:0; margin:0;}
.file_list ul li {list-style:none;}

.file_list li { margin:5px 0 5px 0;position: relative; }
.file_list li .file_txt { position: relative;width:300px;height:22px;border:1px solid #CCCCCC; }
.file_list li .file_txt .file_name { position: absolute;top:4px;left:4px; }
.file_list li .file_txt .file_size { top:4px;right:20px;position: absolute; }
.file_list li .file_btn { top:0;left:305px;position: absolute; }
.file_list li .file_msg { width:100%;}

/*****************************************************************/
/* loding */
/*****************************************************************/
.loding_search { padding-top:10px;padding-bottom:10px;text-align:center;border:2px solid black;background-color:white; }
.loding_search span { display:block; background:url(./images/waiting.gif) no-repeat center;height:20px; };
.loding_modal { text-align:center;margin:20px;}
.loding_modal span { display:block; background:url(./images/waiting.gif) no-repeat center;height:20px;margin-top: 40px; }

/*****************************************************************/
/* 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: 6px 4px 5px 4px;font-size: 12px; display:inline-block;min-width: 18px; }

/* 선택된 page */
/* .pagination .current {border:1px solid #dedede;background-color:#325391;color:#ffffff;} */
.pagination .current {border: solid 1px #5d5d5d;color: #fff;background-color: #444;font-weight: bold;}

/*****************************************************************/
/* 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(./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:12px; 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(./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(./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(./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(./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;}

/*****************************************************************/
/* 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 */
/*****************************************************************/
/* 폼 */
.ui_form { padding:10px 0 0 0; }
.ui_form * {  color:#5a5a5a; }
.ui_form .ui_form_title { padding: 5px 0 5px 5px; font-weight:bold; font-size:14px; padding-left:10px; }
.ui_form .ui_form_title .icon { color: #999; font-size: 16px; font-weight: normal; vertical-align: middle; }
.ui_form .ui_form_title .icon { display: none; }
.ui_form .ui_form_title .required { float:right; color:#606060; font-size:12px; text-align:right; }
.ui_form .ui_form_title .required .red { color:#c40452; font-weight:bold; }
.ui_form input,
.ui_form textarea,
.ui_form select,
.ui_form table,
.ui_form button { font-size:12px;}
.ui_form table { width:100%;border-collapse:collapse;border:0;border-top:1px solid #283e6c;}
.ui_form caption { padding:8px 0; font-weight:bold; text-align:left;}
.ui_form th,
.ui_form td { border:0; }
.ui_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; text-align:left; font-weight:bold; color:#323232; }
.ui_form td { padding:10px; border-bottom:1px solid #dcdcdc; text-align:left; }
.ui_form .star { color:#c40452; font-weight:bold; }
.ui_form .item { position:relative; margin:-4px 0; }
.ui_form .item .i_input { color:#5a5a5a; height:19px; border:1px solid #c1c1c1;vertical-align:middle; }
.ui_form .item .i_check { position: relative; top: 3px; }
.ui_form .item .i_radio { position: relative; top: 3px; }
.ui_form .item label { margin:0 10px 0 0; cursor:pointer;font-size: 11px;}
.ui_form .item .i_help { position:absolute; top:4px; right:0; }
.ui_form .item .i_label { top:5px; left:6px; }
.ui_form .item .i_desc { margin:2px 0; }
.ui_form .item .hide { position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden; }
.ui_form .item .random_image { float:left;padding:0 10px 0 0; }
.ui_form .item .random_input { float:left;padding:14px 10px 0 0; }
.ui_form .item .text { height:25px; margin-right:5px; color:#5b5b5b; line-height:25px; }
.ui_form .item .text .red { color:#cc2524; }
.ui_form .item .i_select { padding:2px;margin:2px; }
.ui_form .item .i_select option { background-color: white; color:#5a5a5a }
.ui_form .item .i_scrollbox { height: 100px; padding: 13px; border: 1px solid #d7d7d7; background-color: #fafafa; overflow: scroll; overflow-x:hidden; margin:0 0 10px 0; }
.ui_form .item textarea.i_scrollbox { width: 100%; padding:0; margin:0; resize:none; }
.ui_form_btn { text-align: right;padding-top:5px; }
.ui_form_btn.center { text-align: center; }

/* 리스트 */
.ui_list { margin-bottom:20px; border-top:1px solid #283e6c; }
.ui_list * {  color:#5a5a5a; }
.ui_list table { width:100%;border-collapse:collapse; }
.ui_list th { height:47px;border-bottom:1px solid #d2d2d2;line-height:18px;background-image:url(./images/ui_list_header_bg.png); background-repeat:no-repeat ; background-position:left; background-color:#f9f9f9; text-align:center; font-weight:bold; color:#323232; }
.ui_list th:first-child  { background-image: none; }
.ui_list td { border-bottom:1px solid #e3e3e3; line-height:20px; padding:10px 4px 10px 4px; }
.ui_list td.left { text-align:left; padding-left:20px; }
.ui_list td.left img { vertical-align:middle; margin-right:7px; }

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

/* 검색 */
.ui_search { height:36px; }
.ui_search .option {list-style: none;padding:0;margin:0;}
.ui_search .option li {float: left;padding:0 4px 0 0;}
.ui_search .option li.select select {padding:4px; border:1px solid #d7d7d7;}
.ui_search .search { float:right;list-style: none;padding:0;margin:0; }
.ui_search .search li {float:left;padding:0 0 0 4px;}
.ui_search .search li.select select {height:26px; padding:2px; border:1px solid #d7d7d7;}
.ui_search .search li.input {width:149px; height:26px;}
.ui_search .search li.input input {padding:0; width:144px; height:24px; border:1px solid #d7d7d7; background-color:#f7f7f7;}
.ui_search .search li.search_btn {padding:0;}
.ui_search .search li.search_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;}

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

/*****************************************************************/
/* 모바일 ui */
/*****************************************************************/

/* 입력폼 */
.m_ui_form { margin-top:20px; border-top:2px solid #565656; }
.m_ui_form table { width:100%; border-collapse:collapse; }
.m_ui_form th { padding:13px 0 12px; border-bottom:1px solid #d3d3d3; text-align:left; }
.m_ui_form th .subject { margin-left:15px; background:url(./images/m_ui_table_header_bg.png) repeat-y right top; color:#323232; line-height:20px; font-weight:bold; }
.m_ui_form td { overflow:hidden; padding:13px 15px 12px; text-align:left; color:#3e3e3e; border-bottom:1px solid #d3d3d3; }
.m_ui_form td.file_area { padding:0; text-align:left; color:#3e3e3e; border-bottom:0px solid #d3d3d3; }
.m_ui_form td.content_area { padding:15px 12px; text-align:left; color:#484848; line-height:22px; border:none; }
.m_ui_form td .file { padding:13px 15px 12px; border-bottom:1px solid #d3d3d3; background-color:#f9f9f9; display:none; }
.m_ui_form td .file ul { margin:0; padding:0; }
.m_ui_form td .file li { float:left; list-style:none; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_ui_form td .file a,
.m_ui_form td .file a:hover { color:#484848; line-height:20px; }
.m_ui_form td .random_code { float:left; }
.m_ui_form td .random_code_input { float:left; width:100%; }
.m_ui_form td .i_input { width:98%; height:20px; padding:0 1%; border:1px solid #cbcbcb; line-height:22px; }
.m_ui_form td .i_textarea { width:100%; height:100px; border:1px solid #c3c3c3 }

/* 리스트 */
.m_ui_list { margin-bottom:20px; border-top:2px solid #565656; }
.m_ui_list table { width:100%; border-collapse:collapse; }
.m_ui_list th { padding:13px 0; border-bottom:1px solid #d3d3d3; text-align:center; }
.m_ui_list th .no { background:url(./images/m_ui_table_header_bg.png) repeat-y right top; color:#323232; line-height:34px; }
.m_ui_list td { padding:10px 15px; border-bottom:1px solid #d3d3d3; }
.m_ui_list td .subject { text-align:left; color:#3e3e3e; font-weight:bold; }
.m_ui_list td .data { padding-top:2px; text-align:left; color:#888889; font-size:12px; }

/* 검색 */
.m_ui_search { }
.m_ui_search .search { position:relative; margin:14px 0; }
.m_ui_search .search .input { margin:0 88px 0 0; height:26px;}
.m_ui_search .search .input input {padding:0; width:100%; height:26px; border:1px solid #d4d4d4; background-color:#fff;}
.m_ui_search .search .search_btn { position:absolute; right:0; top:0; }

/*****************************************************************/
/* 반응형 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; }
}

/*****************************************************************/
/* Deprecated css */
/*****************************************************************/
.ui_form .item .i_text { color:#5a5a5a; height:19px; border:1px solid #c1c1c1;vertical-align:middle; }
.ui_form .item select { padding:2px;margin:2px; }
.ui_form .item select option { background-color: white; color:#5a5a5a }

.m_ui_form td .i_text { width:98%; height:20px; padding:0 1%; border:1px solid #cbcbcb; line-height:22px; }

.bui_form .bui_form_body .col_td .input,
.bui_form .bui_form_body .col_td .i_text { 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 select,
.bui_form .bui_form_body .col_td .select { width:100%; height:27px; padding-left:13px; border:1px solid #d7d7d7; background-color:#fafafa; }
.bui_form .bui_form_body .col_td select option,
.bui_form .bui_form_body .col_td .select option { height:27px; margin:5px 0 0; border:1px solid #d7d7d7; background-color:#fafafa; }
.bui_form .bui_form_body .col_td .textarea { width:100%; height:100px; padding:13px; border:1px solid #d7d7d7; background-color:#fafafa; resize:none; }

@media all and (max-width:640px) {
    .bui_form.resp .bui_form_body .col_td .input,
    .bui_form.resp .bui_form_body .col_td .i_text { font-size:1em; }

    .bui_form.resp .bui_form_body .col_td select,
    .bui_form.resp .bui_form_body .col_td .select { padding-left:10px; font-size:0.8em; }
}

/* formTable(데스크탑 ui, 출처 : http://naradesign.net/ouif/uio/form/table/quirks.html) */
.formTable { padding:10px 0 0 0; font-size:12px; font-family:Tahoma, Geneva, sans-serif; }
.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; }
.formTable input,
.formTable textarea,
.formTable select,
.formTable table,
.formTable button{ font-size:12px; }
.formTable table { width:100%;border-collapse:collapse;border:0;border-top:1px solid #283e6c; }
.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:#393939;font-weight:bold; }
.formTable td { color:#5a5a5a; }
.formTable thead th { border-bottom:1px solid #ccc; background:#f8f8f8; }
.formTable tbody th { border-bottom:1px solid #dcdcdc; background:#f5f5f5; text-align:center;padding:13px 0px; }
.formTable tfoot th { border-bottom:1px solid #dcdcdc; }
.formTable tbody td { border-bottom:1px solid #dcdcdc;padding:13px 0px 13px 15px; }
.formTable tfoot td { border-bottom:1px solid #dcdcdc; 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 .iCheck,
.formTable .item .iRadio { width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; }
.formTable .item .iText { color:#5a5a5a; height:18px; border:1px solid #c1c1c1; }
.formTable .item .hide { position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden; }
.formTable .item input.iText { padding:2px; }
.formTable .item select { padding:2px;margin:2px; }
.formTable .item label { margin:0 10px 0 0; cursor:pointer; }

/* 일반 리스트 스타일 */
.dtable { margin-bottom:20px; border-top:1px solid #283e6c; }
.dtable table { width:100%;border-collapse:collapse; }
.dtable th { height:47px;border-bottom:1px solid #d2d2d2;line-height:18px;background:url(./images/dtable_header_bg.png) no-repeat left; background-color:#f9f9f9; text-align:center; color:#323232; font-weight:bold; }
.dtable th:first-child  { background:none;background-color:#f9f9f9; }
.dtable td { border-bottom:1px solid #e3e3e3; line-height:20px; color:#5a5a5a; padding:10px 4px 10px 4px; }
.dtable td.left { text-align:left; padding-left:20px; }
.dtable td.left img { vertical-align:middle; margin-right:7px; }

/* 데이터 그리드 스타일 */
.dtable_label_frame {border:1px solid #999;background:url(./images/dtable_bg.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;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;}