File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "UTF-8";
/* CSS Document */
table a { color:#333; }
table a:hover { text-decoration:underline; }
button { cursor:pointer; }
/*메일첨부*/
#tagList { margin-top:5px; }
#tagList li { float:none; margin:5px 5px 0 0; display:inline-block; background:#f1f1f1; border-radius:5px; padding:10px; box-sizing:border-box; }
#tagList li .inputText { background:none !important; }
#tagInput { width:100% !important; }
#inputEmailAddr li, #emailAddr li { }
/*게시판 list*/
.table_list { width:100%; border-top:2px solid #224173; font-size:14px; border-collapse:initial; table-layout:fixed; }
.table_list th { background:#f6f8ff; color:#224173; border-bottom:1px solid #c0cdf7; text-align:center; padding:15px 0; font-weight:600; box-sizing:border-box; vertical-align:middle; }
.table_list td { background:#fff; border-bottom:1px solid #d5dfff; text-align:center; padding:15px 10px; line-height:1.3em; box-sizing:border-box; vertical-align:middle; }
.table_list td:first-child, .table_list th:first-child { border-left:none; }
.table_list td:last-child, .table_list th:last-child { border-right:none; padding-left:10px; padding-right:10px; }
.table_list tr.important td { background:#f9f9f9 !important; font-weight:600; }
/*.table_list tr:hover td { background:#f9f9f9;}*/
.table_list tr.notice td { background:#f6f8ff; border-bottom:1px solid #c0cdf7; }
.table_list tr td.secret { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
.table_list tr td.secret a { width:auto; max-width:calc(100% - 30px); }
.icon_secret { text-indent:-50000px; width:20px; height:20px; margin-left:7px; display:inline-block; background:url(../../images/admin/icon_lock.svg) 50% 50% no-repeat; background-size:11px; }
.table_list tr.emphasis td { background:#ceeef6; font-size:13px; font-weight:600; }
.table_list td a { font-weight:600; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
.table_list td p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
.table_list td .dot { font-weight:600; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.table_list td a.calc10 { width: calc(100% - 10px); float:left; }
.score { padding:0px 7px; font-weight:400; border-radius:5px; background:#0081c8; margin-left:5px; color:#fff; font-size:0.8em; display:inline-block; transform:translateY(-2px); }
.exp.filenote { font-size:0.9em; margin-top:10px; display:inline-block; }
.table_list th .check2, .table_list td .check2 { display:inline-block; }
.thumbnail { width:80px; height:80px; border-radius:10px; display:inline-block; position:relative; cursor:pointer; transition:all 0.3s; }
.thumbnail:hover { box-shadow:0 0 15px 0 rgba(0,0,0,0.8); }
.thumbnail .thumb_zoom { position:fixed; border-radius:20px; opacity:0; pointer-events:none; z-index:9; background-color:#fff; }
.thumbnail .thumb_zoom img { width:auto; height:250px; display:inline-block; border-radius:20px; border:5px solid #fff; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); }
.thumbnail:hover .thumb_zoom { opacity:1; transition:opacity 0.3s; }
.no_img { background:url(/images/user/no_img.svg) 70% 60% no-repeat #f4f4f4; background-size:60px 60px; border:1px solid #ededed; }
.no_img:hover { box-shadow:none; }
/*게시판write style1*/
.table_write { width:100%; font-size:14px; border-top:2px solid #224173; border-collapse:initial; table-layout:fixed;}
.table_write th { background:#f6f8ff; color:#224173; border-bottom:1px solid #d5dfff; text-align:center; padding:13px 0; font-weight:600; box-sizing:border-box; vertical-align:middle; }
.table_write td { background:#fff; border-bottom:1px solid #d5dfff; padding:8px 10px; box-sizing:border-box; vertical-align:middle; }
.table_write tr.important td { background:#f9f9f9 !important; }
.table_write tr:hover td { /* background:#f9f9f9; */ }
.table_write tr:first-child { }
/*게시판view*/
.table_view { width:100%; border-top:2px solid #224173; font-size:14px; table-layout:fixed; }
.table_view th { background:#f6f8ff; color:#224173; border-bottom:1px solid #ced8e8; font-weight:600; text-align:center; padding:13px 10px; box-sizing:border-box; vertical-align:middle; }
.table_view td { background:#fff; border-bottom:1px solid #ced8e8; text-align:left; padding:13px 10px; box-sizing:border-box; vertical-align:middle; }
.table_view .board_file th, .table_view .board_file td { font-size:13px; border-top:1px solid #e4e4e4; padding:10px;}
.table_view td.border_bottom { border-bottom:1px solid #e4e4e4; }
.table_view td.board_contents td { border:1px solid #ccc !important; }
/*basic write*/
.board_write { width:100%; border-top:1px solid #666; border-bottom: 1px solid #ededed; table-layout:fixed; }
.board_write > ul > li { width:100%; border-bottom: 1px solid #ededed; padding:25px 0; position:relative; transition:all 0.3s;align-items: center;}
.board_write.intitle > ul > li:last-child, .board_write > ul > li:last-child { border-bottom:none; }
.board_write > ul > li::after { content:''; display:block; clear:both; }
.board_write .item_text .board_title { display:block; font-weight:500; font-size:1.3em; margin-bottom:15px; color:#000; letter-spacing: -.5px; }
.board_write .item_text { width:100%; }
.board_write .board_label { margin-bottom:15px; display:block; font-size:1.1em; }
.board_write.auto { table-layout:auto; }
/*label left board write*/
.board_write.intitle { width:100%; border-top:2px solid #333; border-bottom: 1px solid #ededed; padding:0 0; }
.board_write.intitle > ul > li { width:100%; padding:15px 0; min-height:65px; position:relative; transition:all 0.3s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; }
.board_write.intitle > ul > li::after { content:''; display:block; clear:both; }
.board_write.intitle .board_label { width:200px; margin-bottom:0; display:block; font-size:1.1em; }
.board_write.intitle .input_wrap { width:calc(100% - 200px); }
.board_label_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:center; align-items: center; }
.board_label_wrap ul { margin-left:10px;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border:1px solid #ccc; justify-content: flex-start; border-radius:5px; overflow:hidden; }
.board_label_wrap ul li { border-right:1px solid #ccc; padding:2px 8px; font-size:0.9em; cursor: pointer;}
.board_label_wrap ul li.active { background:#143b84; color:#fff; }
.board_label_wrap ul li:last-child { border-right:none; }
.board_label_wrap .board_label { width:auto; }
.input_show { display:block; }
.select_show { display:none; }
.input_wrap .option { display:inline-block; }
/*댓글 리스트*/
.reply_list { width:100%; border-top:2px solid #224173; font-size:14px; border-collapse:initial; table-layout:fixed; }
.reply_list th { background:#f6f8ff; color:#224173; border-bottom:1px solid #d5dfff; text-align:center; padding:15px 0; font-weight:600; box-sizing:border-box; vertical-align:middle; }
.reply_list td { background:#fff; border-bottom:1px solid #d5dfff; text-align:left; padding:15px 10px; box-sizing:border-box; vertical-align:middle; position:relative; }
.reply_list td:first-child, .reply_list th:first-child { border-left:none; }
.reply_list td:last-child, .reply_list th:last-child { border-right:none; padding-left:10px; padding-right:10px; }
.reply_list .btn_wrap { position:absolute; top:15px; right:15px; }
.reply_list .btn_wrap button { border:none; box-shadow:none; }
.reply_list .text { margin-top:10px; }
.reply_list .by { font-size:.9em; margin-top:0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; align-items:center;flex-wrap: wrap;}
.reply_list .by strong { display:inline-block; margin-right:10px; font-weight:500; }
.reply_list .by em { color:#999; font-size:.9em; margin-right:10px; border:none; }
.reply_list .reply_write { line-height:0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; }
.reply_list .reply_write .textArea { width:calc(100% - 100px); height:100px; }
.reply_list .reply_write .textArea:hover { border:1px solid #ccc; box-shadow:none; }
.reply_list .reply_write button { width:100px; height:100px; }
/*narrow board write*/
.board_write.narrow { width:100%; border-top:none; border-bottom:1px solid #ededed; padding:0 0; }
.board_write.narrow > ul > li { width:100%; padding:15px 0; position:relative; transition:all 0.3s; }
.board_write.narrow > ul > li::after { content:''; display:block; clear:both; }
.board_write.narrow .board_label { width:100%; margin-bottom:5px; display:block; font-size:1em; }
.board_write.narrow .input_wrap { width:100%; }
.table_write.th_s th, .table_write.th_s td { font-size:0.9em; }
/*포털용 input 스타일*/
.table_write td .inputText, .selectText, .table_write td .inputFile { font-size:13px; font-weight:400; box-sizing:border-box; padding:0 10px; display:inline-block; background-color:#fff; } /* 익스 9부터 적용가능, 아이폰 둥근 모서리 설정빼기 */
.table_write td textarea { font-size:13px; font-weight:400; box-sizing:border-box; padding:10px; display:inline-block; background-color:#fff; }
.table_write .btn_s { height:35px; }
.inline { width:100%; position:relative; }
.inline button { float:left; }
.inline input { float:left; }
.inline::after { content:''; display:block; clear:both; }
.state1, .state2, .state3 { display:inline-block; padding:5px 7px; line-height:1em; border:1px solid #ccc; font-size:.9em; border-radius:3px; }
.state1 { border-color:#236fca; color:#236fca; background:#e8eefd; } /*승인*/
.state2 { border-color:#666; color:#666; background:#f3f3f3; } /*진행중*/
.state3 { border-color:#e6624a; color:#e6624a; background:#fff0f0; } /*반려*/
/*제목*/
.table_write tr:first-child td input#notice { margin-top:10px; margin-left:10px; }
/*
.table_write tr td .file_up label { padding:6px 25px 6px 10px; height:35px; }
.reply_wrap { padding-top:25px; margin-top:30px; border-top:1px solid #ddd; }
.reply_write_wrap { border-radius:5px; transition:all 0.3s; border:1px solid #ccc; box-sizing:border-box; }
.reply_write_wrap:hover { border-color:#999; }
.reply_write_wrap ul > li { padding:5px; border-bottom:1px solid #ededed; }
.reply_write_wrap ul > li .textArea { width:100%; height:130px; border:none; border-radius:5px 5px 0 0; }
.reply_write_wrap ul > li button { width:100px; height:42px; background:#0c5bba; color:#fff; }
.reply_write_wrap ul > li:last-child { padding:10px; border-bottom:0; margin-bottom:0; }
.reply_write_wrap ul > li.alignR { padding:10px; }*/
.board_view .reply_wrap { background:#f9f9f9; padding:20px; border-bottom:1px solid #ededed; }
.reply_wrap { padding:20px 0; transition:all 0.3s; }
.estimate_reply { padding:20px 0; }
.reply_wrap .reply_list_title { padding:0 0px 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; position:relative; align-items:center; }
.reply_wrap .reply_list_title strong { }
.reply_wrap.active { background:#f1f1f1; border-top:1px solid #ddd;}
.reply_wrap .pagination { width:100%; margin:30px 0 0; text-align:center; }
.reply_list_wrap { padding:0px; }
.reply_list_wrap ul { }
.reply_list_wrap > ul > li { background:#fff; transition:all 0.3s; border:1px solid #ddd; margin-bottom:10px; border-radius:5px; position:relative; padding:15px; box-sizing:border-box; }
.reply_list_wrap ul li:last-child { margin-bottom:0; }
.reply_list_wrap ul li:hover { border-color:#666; }
.reply_list_wrap ul li .by { margin-bottom:15px; font-size:1.1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; align-items:center; flex-wrap: wrap; }
.reply_list_wrap ul li .by strong { font-size:13px; font-weight:600; display:inline-block; color:#333; }
.reply_list_wrap ul li .by strong::after { width:3px; height:3px; background:#999; content:''; margin:0 10px 4px; display:inline-block; border-radius:10px; }
.reply_list_wrap ul li .by em { font-size:13px; margin-right:10px; border:none; color:#999; }
.reply_list_wrap ul li .text { margin-top:10px; }
.reply_list_wrap ul li .by button { font-size:0.8em;border:none; }
.reply_list_wrap ul li .by button:hover { box-shadow:none; }
.reply_list_wrap ul li .by .btn_wrap { position:absolute; top:15px; right:15px; }
.reply_list_wrap ul li .text { height:auto; max-height:none; }
.reply_list_wrap ul li .clickmore { display:none; }
.reply_list_wrap ul li.nothing { padding:20px !important; text-align:center; color:#999; background:#fff; border-color:#e2e2e2;}
.reply_list_wrap ul li.nothing:hover { border-color:#ddd; }
.reply_list_wrap .page { width:100%; margin-top:25px; }
/* .reply_list_wrap ul li.long .text { max-height:48px; overflow:hidden; position:relative;}
.reply_list_wrap ul li.long .text::after { width:100%; height:50px; content:''; display:block; position:absolute; left:0; bottom:0; z-index:0;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 30%, rgba(255,255,255,0) 100%);}
.reply_list_wrap ul li .text::after { display:none; }
.reply_list_wrap ul li.long .clickmore { display:inline-block; position:absolute; bottom:20px; left:20px; z-index:1; }
*/
.reply_write_wrap { background:#fff; width:100%; border-radius:5px; transition:all 0.3s; border:1px solid #e2e2e2; box-sizing:border-box; margin-bottom:10px; }
.reply_write_wrap:hover { border-color:#999; }
.reply_write_wrap > ul > li:last-child { padding:6px; }
.reply_write_wrap li::after { content:''; display:block; clear:both; }
.reply_write_wrap li .textArea { width:100%; height:80px; border:none; border-radius:5px; background:transparent; }
.reply_write_wrap li .textArea:hover { box-shadow:none; }
.reply_write_wrap li .textArea[disabled]:hover { border:none; }
.reply_write_wrap li .wby { margin:10px; display:inline-block; font-size:0.9em; }
.reply_write_wrap li button { width:70px; height:35px; }
.reply_write_wrap li:last-child { padding:6px; border-bottom:0; margin-bottom:0; border-top:1px solid #e4e4e4; }
.reply_write_wrap li.alignR { padding:10px; }
.reply_write_wrap .writer .text_show { float:left; margin-right:5px; }
.reply_write_wrap li ul li { border-bottom:none; }
.reply_write_wrap li ul li:last-child { }
.textarea_wrap { line-height: 0; }
.reply_write_wrap .text_show .textArea + label { transition:opacity 0s; }
.reply_write_wrap .text_show.focus .textArea + label { top:20px; transform:translateY(-50%); opacity:0; }
.text_show { position:relative; }
.text_show label { position:absolute; top:16px; left:8px; transition:all 0.3s; line-height:1em; pointer-events:none; color:#999; font-size:0.9em; padding:0 5px; }
.text_show .inputText + label { top:50%; transform:translateY(-50%); }
.text_show.focus label { background:#fff; color:#000; top:-5px; font-size:0.7em; }
.text_show.focus .inputText + label { transform:translateY(0); }
a.btn_s { cursor:pointer; padding:5px 10px; border-radius:2px; letter-spacing:0; transition: all .2s; border:1px solid #ccc; background:#fff; display:inline-block; }
a.btn_s:hover { text-decoration:none; border:1px solid #666; box-shadow:0 0px 3px rgba(173,197,218,0.8); }
.reply_write_wrap .grade { display:block; }
.grade::after { content:''; display:block; clear:both; }
.grade_wrap .grade { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; padding:5px 10px 5px; }
.grade_wrap .grade li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; text-align:center;margin-right:30px; padding-bottom:0 !important; margin-bottom:0 !important; cursor:pointer; }
.grade_wrap .grade li:last-child { margin-right:0 !important; }
/*.grade_wrap .grade li.opaque { opacity:0.5; margin-bottom:0; }
.grade_wrap .grade li.opaque.active { opacity:1; }*/
.grade_wrap .grade li input[type='radio']{left:0; top:0; width:0px; height:0px; opacity:0; margin:0; }
.grade_wrap .grade li input[type='radio'] + label { opacity:0.5; cursor:pointer; font-size:1em; font-weight:400; color:#333; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-content: space-between; flex-direction:row; justify-content:center; align-items: center; min-width:60px;}
.grade_wrap .grade li input[type='radio'] + label::after { content:''; display:none; width:40px; height:40px; left:5px; top:8px; border-radius:40px; }
.grade_wrap .grade li input[type='radio'] + label::before { border:none; content:''; display:inline-block; width:20px; height:20px; margin-top:0; border-radius:40px; margin-right:10px;}
.grade_wrap .grade li:nth-child(1) input[type='radio'] + label::before { background:url(../../images/admin/smile1.svg) 50% 50% no-repeat; background-size:contain; }
.grade_wrap .grade li:nth-child(2) input[type='radio'] + label::before { background:url(../../images/admin/smile2.svg) 50% 50% no-repeat; background-size:contain; }
.grade_wrap .grade li:nth-child(3) input[type='radio'] + label::before { background:url(../../images/admin/smile3.svg) 50% 50% no-repeat; background-size:contain; }
.grade_wrap .grade li:nth-child(4) input[type='radio'] + label::before { background:url(../../images/admin/smile4.svg) 50% 50% no-repeat; background-size:contain; }
.grade_wrap .grade li:nth-child(5) input[type='radio'] + label::before { background:url(../../images/admin/smile5.svg) 50% 50% no-repeat; background-size:contain; }
.grade_wrap .grade li input[type='radio']:checked + label { opacity:1; }
.grade_wrap .textarea_wrap .textarea { border:none; }
/*pagenation*/
.page { display:inline-block; margin-top:13px; text-align:center; }
.page ul { display:inline-block; text-align:center; }
.page ul li { margin:0 3px; display:inline-block; }
.page ul li a { color:#666; border-radius: 50px; padding:3px 10px; display: inline-block;}
.page ul li a:hover { color:#333; }
.page ul li.active a { background:#f0f1fb; color:#666; }
/*datepicker */
.datepicker_wrap { float:left; border:1px solid #ccc; border-radius:2px; transition:all 0.5s; }
.datepicker_wrap .inputText { height:33px !important; }
.datepicker { float:left; border:0 !important; border-radius:0 !important; }
.datepicker:hover { box-shadow:none !important; }
.datepick { float:left; margin:0 10px; line-height:35px; font-size:1.5em; }
.icon_calendar { float:left; width:35px; height:35px; border-left:none; border-radius:0; display:inline-block; background:url(../../images/admin/icon_calendar.svg) 50% 50% no-repeat; background-size:15px; }
.datepicker_wrap:hover { border:1px solid #666;box-shadow:0 0px 3px rgba(173,197,218,0.8); }
.tab_wrap .tabwexcel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:space-between; border-bottom:1px solid #333; margin-bottom:20px; }
.tab_wrap .tabwexcel .tabs { border-bottom:none; margin-bottom:0; width:auto; }
/*기존 탭*/
.tabs { width:100%; border-bottom:1px solid #666; margin-bottom:20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.tabs li { display:inline-block; font-weight:600; border-right:0; border-bottom:0; box-sizing:border-box; }
.tabs li a { padding:0 30px; line-height:43px; box-sizing:border-box; display:block; border-radius:5px 5px 0 0; background:#f4f4f4; color:#767676; border:1px solid #ededed; border-bottom:none; }
.tabs li.active { height:44px; }
.tabs li.active a { border-color:#666; background:#fff; color:#333; height:45px; }
.tabs li:last-child { }
/*탭 이동*/
.tab_link { width:100%; border-bottom:1px solid #666; margin-bottom:20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.tab_link li { display:inline-block; font-weight:600; border-right:0; border-bottom:0; box-sizing:border-box; }
.tab_link li a { padding:0 30px; line-height:43px; box-sizing:border-box; display:block; border-radius:5px 5px 0 0; background:#f4f4f4; color:#767676; border:1px solid #ededed; border-bottom:none; }
.tab_link li.active { height:44px; }
.tab_link li.active a { border-color:#666; background:#fff; color:#333; height:45px; }
.tab_link li:last-child { }
.tab_m { width:100%; border-bottom:1px solid #666; margin-bottom:50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.tab_m li { display:inline-block; font-weight:600; border-right:0; border-bottom:0; box-sizing:border-box; }
.tab_m li a { padding:0 30px; line-height:43px; font-size:1.2em; box-sizing:border-box; display:block; border-radius:5px 5px 0 0; background:#f4f4f4; color:#767676; border:1px solid #ededed; border-bottom:none; }
.tab_m li.active { height:55px; }
.tab_m li.active a { border-color:#666; background:#fff; color:#333; height:56px; }
.tab_m li:last-child { }
.tabL { width:100%; border-bottom:1px solid #666; margin-bottom:50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.tabL li { display:inline-block; font-weight:600; border-right:0; border-bottom:0; box-sizing:border-box; }
.tabL li a { padding:0 30px; height:45px; line-height:45px; font-size:1em; box-sizing:border-box; display:block; border-radius:5px 5px 0 0; background:#f4f4f4; color:#767676; border:1px solid #ededed; border-bottom:none; }
.tabL li.active { height:45px; }
.tabL li.active a { border-color:#666; background:#fff; color:#333; height:46px; }
.tabL li:last-child { }
.array { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; align-items: center; }
.array li { margin-right:20px; }
.array li:last-child { margin-right:0; }
.array.between { justify-content:space-between; }
.array.between li { margin-right:10px; }
.array.between li:last-child { margin-right:0; }
.board_view .hashtag_wrap { margin-top:0; }
.board_view .hashtag_wrap .hashtag a:hover, .board_view .hashtag_wrap .hashtag:hover::before { color:#0081c8; }
.table_view .hashtag_wrap { margin-top:0; }
.hashtag_wrap { margin-top:10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; flex-wrap: wrap;}
.hashtag { margin:0 5px 5px 0; border:1px solid #d7ebf7; background:#e5f1fb; cursor: default; color:#333; border-radius:30px; padding:5px 12px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
.hashtag::before { content:'#'; font-style:italic; display:inline-block; margin-right:3px; font-size:1.2em; }
.hashtag .btn_delete { margin-left:10px; cursor: pointer; width:24px; height:24px; background-color:transparent !important; border:none;}
.hashtag .btn_delete:hover { box-shadow:none; }
.board_view .hashtag_wrap { margin-top:0; }
.board_view .hashtag_wrap .hashtag:hover { border-color:#0081c8; background:#e5f1fb; color:#0081c8;}
.board_view .hashtag_wrap .hashtag:hover a, .board_view .hashtag_wrap .hashtag:hover::before { color:#0081c8; }
.board_view .hashtag_wrap .hashtag { padding:5px 20px; }
/*새로운글,첨부파일 알림*/
.title_info { margin-left:10px; }
.title_info span { display:inline-block; float:left; text-transform: uppercase; border:1px solid #bbb; font-size:0.5em; line-height:1em; margin:0 2px; border-radius:30px; }
.title_info .new { color:#fff; border-color:#007dc3; background:#007dc3; padding:2px 6px; height:20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
.title_info .file { width:23px; height:23px; background:url(../../images/admin/icon_file.svg) 50% 50% no-repeat; background-size:13px; display:inline-block; color:#007dc3; font-size:0.6em; }
.title_info .reply { height:23px; background:url(../../images/admin/icon_say.svg) 5px 50% no-repeat; background-size:13px; padding:5px 7px 5px 21px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center;}
.title_info .secret { width:23px; height:23px; background:url(../../images/admin/icon_lock.svg) 50% 50% no-repeat; background-size:12px; display:inline-block; color:#007dc3; font-size:0.6em; }
.title_info .besttc { background:url(../../images/admin/icon_besttc.svg) 7px 50% no-repeat; background-size:10px; display:inline-block; color:#ea8405; border-color:#eaae05; padding:5px 7px 5px 23px; }
.title_info .besttc:hover { background-color:#fff; }
.half_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.half { width:50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items: flex-start; flex-direction: column; }
.search_item ul { width:100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.search_item ul li { margin-right:10px; width:33%; }
.search_item ul li .selectText { width:100%; }
.search_item ul li.liselected { width:auto; border:1px solid #ccc; padding:3px 20px; border-radius:50px; margin-right:5px; }
.search_item ul li.liselected:last-child { margin-right:0; }
.title_info .besttc { background:url(../../images/admin/icon_besttc.svg) 5px 50% no-repeat #ffd739; padding:5px 10px 5px 20px; border-radius:20px; border:none; background-size:10px; display:inline-block; color:#333; font-size:11px; text-indent:0; }
.title_info .new { color:#fff; border-color:#007dc3; background:#007dc3; padding:5px 8px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
/*견적등록*/
.input_wrap .estimate_wrap { margin-top:25px; }
.estimate_wrap { margin-top:30px; }
.estimate_wrap .btn_arrow_down { background-color:#fff; /*transform:translateY(25px);*/ }
.estimate_paper { margin-top:20px; padding:30px; border:1px solid #e8e8e8; border-radius:5px; box-shadow:0 0 20px 0 rgba(0,0,0,0.1); }
.estimate_wrap .estimate_paper { display:none; }
.estimate_edit { height:600px; overflow:hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex;justify-content:space-between; }
.estimate_edit .nothing { padding: 20px 20px 20px !important; }
.total_srch_wrap { width:calc(50% - 5px); border:1px solid #ccc; border-radius:10px; overflow:hidden; }
.total_srch_wrap .tabcontainer { height:calc(100% - 45px); border-right:none; border-top:none; }
.total_srch_wrap .tab_content { height:100%; }
.total_srch_wrap .tabs { margin-top:5px; margin-bottom:0; border-bottom:1px solid #c3c3c3; }
.total_srch_wrap .tabs li a { border-radius:0; border:none; background:#fff; }
.total_srch_wrap .tabs li.active a { border-top:none; border-bottom:2px solid #007dc3; }
.total_srch_top { width:100%; height:55px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; padding:10px 0; border-bottom:1px solid #ececec; }
.total_srch_top ul { width:100%; padding:0 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:space-between; }
.total_srch_top ul li { width:calc(50% - 40px); padding:0; }
.total_srch_top ul li:first-child { width:70px; }
.total_srch_top button, .total_srch_top select { width:100%; height:35px; padding:0 10px; }
.total_srch { overflow-y:auto; height:calc(100% - 60px); padding:15px; width:100%; background:#f9f9f9; }
.total_srch > ul > li { width:100%; background:#fff; padding:20px 15px 15px; border:1px solid #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; overflow:hidden; justify-content:flex-start; align-items:flex-start; margin-bottom:10px; border-radius:10px; position:relative; transition:all 0.3s; }
.total_srch > ul > li:hover { border-color:#666; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
.total_srch > ul > li:last-child { margin-bottom:0; }
.total_srch > ul > li.nothing { padding:20px 0 !important; text-align:center; justify-content:center; }
.total_srch > ul > li.nothing:hover { border-color:#ddd; box-shadow:none; background:#fff; }
.total_srch .item_img { width:120px; height:70px; background-repeat:no-repeat; background-position:50% 50%; border-radius:5px; margin-right:20px; background-size:contain;}
.total_srch .item_img.noimg { }
.total_srch .item_img img { display:none; }
.total_srch .item_text { width:calc(100% - 190px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex;flex-direction:column;}
.total_srch .item_text .board_title { margin-bottom:10px; }
.total_srch .item_text .board_title p { font-size:.8em; font-weight:600; width:100%; text-align:left; max-height:50px; }
.total_srch .board_info { margin-bottom:3px; }
.total_srch .board_info li { font-size:13px; font-weight:400; color:#333; letter-spacing:0;}
.total_srch .est_cost { position:relative; transform:none; letter-spacing:0; font-size:13px; color:#888; font-weight:400; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
.total_srch .est_cost br { display:none; }
.total_srch .est_cost em { display:none; }
.total_srch .btn_plus { font-size:11px; transition:all 0.3s; position:absolute; background-size:12px; width:40px; height:100%; top:0; right:0;border:none; border-left:1px solid #ededed; border-radius:0 5px 5px 0; background-color:#fff; }
.total_srch > ul > li:hover .btn_plus { }
.total_srch .btn_plus:hover { box-shadow:none; background-color:#f1f1f1; border-left:1px solid #ccc; }
.total_srch .item_text .board_title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex;flex-direction:column; }
.total_srch .item_text .board_title .title_info { margin-left:0; }
.total_srch .title_info span { border:none; margin-right:3px; margin-bottom:10px;}
.total_srch .title_info .new { background:#108ace; color:#fff; }
.total_srch .title_info .besttc { }
.est_selected_wrap { width:calc(50% - 5px); position:relative; border:1px solid #ccc; border-radius:10px; overflow:hidden; }
.est_selected { overflow-y:auto; height:calc(100% - 60px); padding:20px; background:#f9f9f9; }
.est_selected.write { height:calc(100% - 117px); }
.est_selected li { border:1px solid #ddd; background:#fff; border-radius:10px; overflow:hidden; margin-bottom:10px; }
.est_selected li.nothing { padding:20px 0 !important; text-align:center; border:none; background:none; color:#999; }
.est_selected li.nothing:hover { border-color:#ddd; box-shadow:none; }
.est_selected li:last-child { margin-bottom:0; }
.est_selected li.active { border:1px solid #cacaca; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
.est_selected li .est_sel_title { width:100%; padding:15px; font-size:1em; font-weight:900; position:relative; display: block; cursor:pointer; background:#fff; color:#333; transition:all 0.3s; }
.est_selected li .est_sel_title strong::after { width:10px; height:10px; content:''; margin:0 10px; display:inline-block; background:url(../../images/admin/arrow_right_fff.svg) 50% 50% no-repeat; background-size:contain; }
.est_selected li .est_sel_title strong:last-child::after {display:none; }
.est_selected li .est_sel_title:hover { color:#333; }
.est_selected li .est_sel_title::after, .est_selected li .est_sel_title::before { content:''; position:absolute; top:50%; right:15px; display:inline-block; width:10px; height:2px; background:#333; transition:all 0.3s;}
.est_selected li .est_sel_title::after { transform:translateY(-50%) rotate(90deg); }
.est_selected li .est_sel_title::before { transform:translateY(-50%) rotate(0deg); }
.est_selected li.active .est_sel_title { opacity:1; background:#193b6f; color:#fff; }
.est_selected li.active .est_sel_title::after, .est_selected li.active .est_sel_title::before { background:#fff; }
.est_selected li.active .est_sel_title::after { transform:translateY(-50%) rotate(0deg); background:url(../../images/admin/arrow_right_fff.svg) 50% 50% no-repeat; background-size:contain; }
.est_selected li.active .est_sel_title::before { transform:translateY(-50%) rotate(0deg); }
.est_sel_content_wrap { display:none; }
.est_sel_content { border-top:1px solid #e6e6e6;}
.est_sel_box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; padding:15px; border-bottom:1px solid #e6e6e6; }
.est_sel_box:last-child { margin-bottom:0; border-bottom:none; }
.est_sel_box .title { width:calc(100% - 195px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; font-weight:600; }
.est_sel_box .title p { width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.num_hit { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; background:#fff; justify-content:space-between; flex-direction:row; border:1px solid #ccc; width:90px; border-radius:5px; overflow:hidden; }
.num_hit .inputNum { width:35px; height:25px !important; float:left; border:none; text-align:center; }
.num_hit button { width:25px; height:25px; border-radius:0 !important; border:none; padding:0; }
.num_hit button:hover { box-shadow:none; background-color:#f1f1f1; }
.btn_qnt_up { background:url(../../images/admin/icon_plus.svg) 50% 50% no-repeat #fff; background-size:40%; text-indent:-5000px; }
.btn_qnt_down { background:url(../../images/admin/icon_minus.svg) 50% 50% no-repeat #fff; background-size:40%; text-indent:-5000px; }
.est_sel_content .cost { width:110px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; justify-content:flex-end;}
.est_sel_content .button { width:35px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; justify-content: flex-end;}
.est_sel_content .button .btn_sq_s { width:25px; height:25px; border:none; }
.est_sel_content .button .btn_sq_s:hover { box-shadow:none; }
.add_up { padding:10px; border-top:1px solid #ececec; }
.add_up ul li { margin-right:5px !important; }
.add_up ul li:first-child { width:calc(100% - 280px); }
.add_up ul li:last-child { min-width:65px; margin-right:0 !important; }
.add_up ul li .inputText, .add_up ul li .btn_m { height:35px; }
.est_sel_total { font-size:1.3em; width:100%; height:60px; padding:0 20px; background:#efefef; border-top:1px solid #e0e0e0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:space-between; color:#333; align-items:center; }
/*견적서보기*/
.estimate_view { width:100%; background:#fff; padding:20px; border:1px solid #ddd; }
.estimate_view > ul > li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #d4d4d4; }
.estimate_view > ul > li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.estimate_view > ul > li:first-child { border-top:none; }
.estimate_view .total { width:calc(100% + 20px); background:#f1f1f1; border:1px solid #e6e6e6; padding:20px; margin:0px -10px -10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; border-radius:5px; justify-content: space-between; font-size:1.3em; font-weight:900; }
.estimate_view .title { margin-bottom:10px; font-size:1.1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; align-items:center; }
.estimate_view .title em.next { background:url(../../images/admin/arrow_right.svg) 50% 50% no-repeat; background-size:contain; text-indent:-50000px; display:inline-block; width:8px; height:8px; margin:0 7px; opacity:0.8; }
.estimate_view .item ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: space-between; }
.estimate_view .item ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-end; padding:5px 0; width:200px; }
.estimate_view .item ul li em { color:#999; margin-right:20px; font-size:0.9em; }
.estimate_view .item ul li:first-child { width:calc(100% - 400px); justify-content: space-between; }
.estimate_view .item ul li:last-child p { max-width:100px; text-align:right; }
/*검색조건*/
.search_detail_box { padding:30px 30px 40px; border-radius:20px; margin-bottom:50px; transform:translateY(-20px); z-index:0; position:relative; text-align:center; /*border:1px solid #d1e2fb;background:#ebf0f7;*/ box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.1);}
.search_detail_box .btn_l { position:absolute; bottom:-25px; }
.search_detail_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:space-between; margin-bottom:30px; }
.search_detail .board_label { margin-bottom:15px; display:block; font-size:1.2em; text-align:left;}
.btn_search_detail { padding:14px 70px 14px 30px; display:inline-block; position:relative; cursor:pointer; z-index:1; margin-bottom:50px;}
.btn_search_detail.active { box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
.btn_search_detail::after { content:''; position:absolute; top:50%; right:20px; transform: translateY(-50%); width:10px; height:10px; display:inline-block; background:url(../../images/admin/arrow_down.svg) 50% 50% no-repeat; background-size:contain; }
.search_detail ul { border:1px solid #143b84; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.search_detail ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; border-right:1px solid #143b84;}
.search_detail ul li:last-child { border-right:none; }
.liselect { width:200px; }
.liinput { width:300px; }
.search_detail ul li .selectText { width:100%; height:50px; font-weight:600; border-radius:0; border:none;}
.search_detail ul li .inputText { width:100%; height:50px; font-weight:600; border-radius:0; border:none; }
.search_detail ul li button { border-color:#143b84; font-weight:600; height:50px; background:#143b84;border-radius:0;width:100%;color:#fff; }
.est_cost { position:absolute; top:50%; right:0px; font-weight:900; font-size:1.4em; letter-spacing: -1px; transform:translateY(-50%); }
.est_cost em { font-size:0.65em; font-weight:400; margin-right:7px; color:#999; letter-spacing: 0;}
.half_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.half { width:50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items: flex-start; flex-direction: column; }
.search_item ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.search_item ul li { margin-right:10px; }
.search_item ul li .selectText { width:100%; }
/*toggle_list*/
.toggle_list { width:100%; border-top:2px solid #333; padding:0 0; }
.toggle_list > ul > li { width:100%; border-bottom: 1px solid #ededed; transition:all 0.3s; }
.toggle_tit { padding:25px 0; display:block; position:relative; cursor: pointer;}
.toggle_tit strong { font-size:1.2em; }
.toggle_tit::after { content:''; position:absolute; top:50%; right:20px; transform: translateY(-50%); transition:all 0.3s; width:15px; height:15px; display:inline-block;background:url(../../images/admin/arrow_down.svg) 50% 50% no-repeat; background-size:contain; }
.toggle_tit.active::after { transform: translateY(-50%) rotate(180deg); }
.toggle_box { padding:0 0px 25px;display:none; }
.toggle_box.top_line { padding:20px; border:15px solid #efefef; }
.toggle_btn_tit { padding:20px 10px; align-items: center; position:relative; }
.toggle_btn_tit .btn_toggle { float:right; }
.toggle_btn_tit .tit { width:calc(100% - 60px); font-weight:600; }
.toggle_btn_tit.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; }
.toggle_btn_tit.flex .date { position:absolute; right:80px; }
/*체크박스 리스트*/
.checks { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; flex-wrap: wrap; }
.checks li { width:16.66%; padding:5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; position:relative; }
.check_auto { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; flex-wrap:wrap; }
.check_auto li { margin-right:40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; position:relative; }
.check_auto li:last-child { margin-right:0; }
.check2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; flex-wrap: wrap; }
.check2 li { width:50%; padding:5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; position:relative;}
.check3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; flex-wrap: wrap; }
.check3 li { width:33.333%; padding:5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; position:relative;}
.check_auto.nomargin li:nth-child(1) { margin-right:0 !important; }
.check_wrap.down3 input[type='checkbox'] { transform:translateY(3px); }
.check_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
.polletc { width:100px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; margin-top:7px; padding-left:10px;}
.date_picker { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; align-items: center; }
.date_picker em { margin:0 10px; }
.date_pick { border:1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; align-items:center; transition:all 0.3s; }
.date_pick label { width:35px; height:33px; display:inline-block; background:url(../../images/admin/icon_calendar.svg) 50% 50% no-repeat; background-size:15px 15px; }
.date_pick:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); border-color:#999; }
.date_pick .inputText { border:none; height:33px !important; }
.date_pick .inputText:hover { box-shadow:none; border:none; }
.gap { display:inline-block; margin:0 5px; }
.reply_list_title { padding: 0 0px 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; position: relative; align-items: flex-start;}
.reply_list_title strong { margin-right:10px; }
.satisfaction { }
.satisfaction strong.title { font-size:1.2em; display:block; margin-bottom:20px; }
.satisfaction .reply_write_wrap { padding:0; }
.satisfaction .reply_write_wrap li { padding:0; border-bottom:none; }
.satisfaction .reply_write_wrap > ul > li:first-child { padding-bottom:10px; }
.satisfaction .reply_write_wrap > ul > li:last-child { padding:10px; }
.satisfaction .reply_write_wrap li .textarea_wrap { line-height:0; border-bottom:1px solid #ededed; border-top:1px solid #ededed; }
.reply_wrap .reply_list_title .star { margin:0 10px; display:inline-block; color:#ececec; line-height:1em; }
.reply_wrap .reply_list_title .star em { text-indent:-50000px; display:inline-block; width:20px; height:20px; margin:0 2px; }
.reply_wrap .reply_list_title .score { font-size:1.5em; font-weight:900; letter-spacing:-1px; line-height:1em; }
.star_bar { width:120px; height:20px; display:block; position:relative; background:url(../../images/admin/satisfaction.svg) 0% 0% no-repeat; background-size:120px; }
.star_fill { height:100%; position:absolute; top:0; left:0; overflow:hidden; background:url(../../images/admin/satisfaction_fill.svg) 0% 0% no-repeat; background-size:120px; }
.starticle { background:url(../../images/admin/icon_star2.svg) 50% 50% no-repeat; background-size:contain; }
.starticle.fill { background:url(../../images/admin/icon_star1.svg) 50% 50% no-repeat; background-size:contain; }
.satisfaction .reply_list_wrap ul > li .by { margin-bottom:0; }
.satisfaction .reply_list_wrap ul > li .by .star { margin-right:10px;display:inline-block; color:#999; line-height:1em; }
.satisfaction .reply_list_wrap ul > li .by .star em {text-indent:-50000px; display:inline-block; width:15px; height:15px; margin:0 2px; }
.satisfaction .reply_list_wrap ul > li .by .score { font-weight:900; font-wize:1.3em; color:#333; margin-left:5px;}
.realmTag_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; margin-top:10px; }
.realmTag { margin:0 5px 5px 0; border:1px solid #ddd; color:#333; border-radius:30px; padding:5px 7px 5px 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; align-items:center; }
.realmTag .btn_delete { margin-left:10px; border-radius:30px; border:none; }
.realmTag .btn_delete:hover { border:none; box-shadow:none; }
/*일자리포털 우대사항*/
.info_article { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; flex-wrap:wrap; }
.info_article li { width:auto; margin:4px; padding:7px 10px; background:#e5f1fb; border:1px solid #d7ebf7; line-height:1em; border-radius:50px; }
/*설문조사*/
.poll_list { margin-bottom:5px; }
.poll_list:last-child { margin-bottom:0; }
.poll_list::after { clear:both; display:block; content:''; }
/*복리후생 등록*/
.word_wrap { margin:10px -2.5px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; width:100%; flex-direction:row; flex-wrap:wrap; }
.word { border:1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content: flex-start; align-items:center; padding:5px 10px 5px 13px; border-radius:50px; margin:2.5px; }
.word button { margin-left:5px; border:none; box-shadow:none; }
.word button:hover { box-shadow:none; }
.board_view.col_view { width:100%; border-top:2px solid #333; background:#fff; padding:0; }
.board_view.col_view > ul > li { width:100%; padding:15px 0; border-bottom: 1px solid #ededed; position:relative; transition:all 0.3s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; flex-direction:column; }
.board_view.col_view > ul > li::after { content:''; display:block; clear:both; }
.board_view.col_view > ul > li:last-child { }
.board_view.col_view .board_label { width:100%; margin-bottom:10px; display:block; font-size:1em; }
.board_view.col_view .input_wrap { width:100%; }
.board_view.row_view { width:100%; border-top:2px solid #333; background:#fff; padding:0 15px; }
.board_view.row_view > ul > li { width:100%; padding:20px 0; border-bottom: 1px solid #ededed; align-items:center; position:relative; transition:all 0.3s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display:flex; justify-content:flex-start; }
.board_view.row_view > ul > li::after { content:''; display:block; clear:both; }
.board_view.row_view > ul > li:last-child { }
.board_view.row_view .board_label { width:200px; margin-bottom:0; display:block; font-size:1em; }
.board_view.row_view .input_wrap { width:calc(100% - 200px); }
.board_view.row_view .realmTag_wrap { width:calc(100% - 200px); }
.overY { max-height:max-content; overflow-y:hidden; position:relative; }
.overY.long { max-height:70px; }
.overY.long button { display:inline-block; }
.overY::after { width:100%; height:35px; content:''; display:none; position:absolute; left:0; bottom:0; z-index:0;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 30%, rgba(255,255,255,0) 100%);}
.overY.long::after { display:block }
.overY .btn_more { position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:none; z-index:3; height:24px; padding:0 8px; border-radius:50px; }
/*ie에서 작동*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
.table_view { table-layout:auto !important; }
.icon_secret { background-size:13px 13px; }
}