@charset "UTF-8";
/* CSS Document */
/*basic list*/
.board_list { width:100%; display:table; table-layout:fixed; border-top:2px solid #333; }
.board_list li { transition:all 0.3s; border-bottom:1px solid #ededed; padding:25px 0; display:flex; justify-content:space-between; text-align:center;}
.board_list li.t_head { padding:20px 0; border-bottom:1px solid #333; font-weight:600; }
.board_list li.notice { background:#f9f9f9; }
.board_list li.notice em { padding:2px 8px; line-height:1em; background: #0032c3; color:#fff; font-size:0.9em; border-radius:5px; }
.board_list li:hover:not(.board_list li.t_head) { background:#f9f9f9; }
.board_list li.t_head .b_tit { justify-content: center; }
.b_num { width:80px; }
.b_tit { width:calc(100% - 360px); text-align:left; display:flex; align-items:center; }
.b_tit a { display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; transition:all 0.3s; }
.b_file { width:80px; }
.b_date { width:80px; }
.b_view { width:80px; }
.board_list li .b_wrap { display:flex; justify-content:space-between; }
/* .b_writer { width:150px; } */
.board_list li .b_tit .lock .icon-lock { margin-right:10px; }
.board_list li .b_tit .lock { color:#727272; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board_list .count_comment { border:1px solid #ccc; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); background:#fff; font-size:0.9em; margin-left:8px; padding:5px 7px; line-height:1em; border-radius:50px; display:inline-block; white-space:nowrap; }
.board_list .count_comment span { margin-right:5px; display:inline-block; }
.board_list li .b_tit a:hover { color:var(--aapps-link-color); }
.nothing_wrap { margin:70px 40px 0 !important; }
.nothing_wrap .nothing.imgtype { background:#f4f4f4; padding-bottom:50px; }
.nothing { width:100%; text-align:center; display:block; color:#727272; justify-content:center !important; }
.nothing:hover { background:none; }
.nothing.imgtype { position:relative; }
.nothing.imgtype p { margin-top:20px; }
.nothing.imgtype .face { position:relative; }
.nothing.imgtype .face::before { content:''; display:inline-block; z-index:1; width:80px; position:relative; height:80px; background:url(/images/user/icon_nothing.png) 50% 50% no-repeat; background-size:contain; animation:pong 1.5s both infinite; }
.nothing.imgtype .face::after { position:absolute; bottom:-5px; left:50%; z-index:0; transform:translateX(-50%); content:''; display:inline-block; width:80px; height:27px; background:url(/images/user/icon_nothing2.png) 50% 50% no-repeat; background-size:contain; animation:shadow 1.5s both infinite; }
/*thumb image list*/
.board_img_list { width:100%; display:table; table-layout:fixed; border-top:2px solid #333; }
.board_img_list li { border-bottom:1px solid #ededed; padding:25px 25px 25px 0; display:flex; justify-content:space-between; text-align:left; transition:all 0.3s; }
.board_img_list li:hover { }
.board_img_list li .b_thumb { width:150px; height:150px; position:relative; background:url(/images/user/logo_v.svg) 50% 50% no-repeat #f4f4f4; overflow:hidden; border-radius:15px; background-size:50%; border:1px solid #ededed; transition:box-shadow 0.5s; }
.board_img_list li .b_thumb:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 25px 50px -10px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px; }
.board_img_list li .b_thumb .bg_box { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; display:block; transition:box-shadow 0.5s, transform 0.5s; }
.board_img_list li .b_thumb .bg_box:hover { transform:scale(1.1); transition:transform 1s; }
.board_img_list li .b_thumb .no_img { background:url(/images/user/no_img.svg) 60% 50% no-repeat #f4f4f4; background-size:50% 50%; border:1px solid #ededed; }
.board_img_list li .b_thumb .no_img:hover { box-shadow:none; transform:none;}
.board_img_list li .b_text { /* width:calc(100% - 150px); padding-left:30px; */ width:100%; }
.board_img_list li .b_text .bg_box:hover { box-shadow:0 0 30px 0 rgba(34,86,203,0.5); transform:scale(1.01); }
.board_img_list li .b_text .category { color:#052c9b; font-weight:900; margin:0 0 10px; display:inline-block; }
.board_img_list li .b_text .title { width:100%; display:block !Important; overflow:hidden; transition:all 0.3s; text-overflow:ellipsis; white-space:nowrap; font-size:1.4em; font-weight:900; margin-bottom:15px; }
.board_img_list li .b_text .title:hover { color:var(--aapps-link-color); }
.board_img_list li .b_text .by { color:#727272; }
.board_img_list li .b_text .text { margin-top:13px; }
.board_img_list li .b_text .text a { -webkit-line-clamp:3; }
.board_img_list li .thumb_video::after { width:70px; height:70px; }
.board_img_list li .thumb_video::before { width:30px; height:30px; }
/*basic view*/
.board_header { border-top:3px solid #333;border-bottom:1px solid #ededed; padding:20px 0; }
.board_header .info { display:flex; justify-content: space-between; flex-wrap:wrap;}
.board_header strong { font-size:2em; line-height:1.3em; margin-bottom:15px; display: block; font-weight:900; }
.board_header .by { display: flex; justify-content:flex-start; align-items:center; }
.board_header .by p { color:#333; display:inline-block; font-weight:600; font-size:0.9em; }
.board_header .by p::after { content:''; width:2px; height:2px; background:#666; display:inline-block; border-radius:5px; margin:0 10px 4px; }
.board_header .by p a { display:inline-block; position:relative; }
.board_header .by p em { color:#666; margin-right:5px; font-weight:400; }
.board_header .by p:last-child::after { display:none; }
.board_content { padding:60px 0; border-bottom:1px solid #ededed; font-size:1.2em; line-height:2em; }
.board_content::after { content:''; display:block; clear:both; }
.board_content .fr-file { padding:5px 13px 5px 10px; border:1px solid #ccc; border-radius:50px; margin:2px; background-color:#fff; transition:all .2s ease-in-out; }
.board_content .fr-file::before { content:""; width:13px; height:13px; margin-right:5px; background:url(/images/user/icon-file.svg) 50% 50% no-repeat; background-size:contain; display:inline-block; transform: translateY(1px);}
.board_content .fr-file:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; }
.board_file { padding:10px; margin:30px 0 0; border:1px solid #f1f1f1; background:#fafafa; border-radius:5px; }
.board_file .file_list .file_box { display:flex; width:auto; align-items:center; padding:5px 7px 5px 15px; border:1px solid #ccc; border-radius:5px; margin:2px; background-color:#fff; transition:all .2s ease-in-out; }
.board_file .file_list .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; }
.board_file .file_list .file_box p { display:inline-block; min-width:100px; max-width:300px; font-size:0.9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px; position:relative; }
.board_file .file_list .file_box p::after { width:1px; height:15px; content:''; display:inline-block; background:#ccc; position:absolute; top:5px; right:6px; }
/*basic write*/
.board_write { width:100%; border-top:2px solid #333; }
.board_write ul li > .title { display:block; margin-bottom:15px; font-weight:900; font-size:1.3em; }
.board_write ul > li { width:100%; border-bottom:1px solid #ededed; padding:25px 0; position:relative;}
.board_write ul > li .exp { margin:-5px 0 15px 0; display: block; color:#727272; }
.board_write ul > li::after { content:''; display:block; clear:both; }
.board_write ul > li .input_wrap { margin-bottom:5px; }
.board_write ul > li .input_wrap:last-child { margin-bottom:0; }
.board_write ul > li .input_option { margin-top:15px; }
.board_write ul > li .exp.filenote { margin:10px 0 0; }
.caption { display:block; margin-bottom:20px; }
.caption .must { font-weight:600; color:#555; }
.caption .must em { font-size:1.3em; color:#c51b00; display:inline-block; line-height:.8em; vertical-align:bottom; }
.mustText { color:#c51b00; font-weight:600; display: inline-block; margin-left:5px; font-size:1.3em; line-height:.8em;vertical-align:bottom; }
/*페이지수*/
.sorting_wrap { margin-bottom:30px; color:#666; width:100%; align-items:center; display:flex; justify-content:space-between; }
.sorting_wrap .total { margin-top:15px; font-weight:400; }
.sorting_wrap .total .count { color:#000; font-weight:900; }
/*검색*/
.search_wrap { display:flex; }
.search_select { width:150px; height:40px; position:relative; border:1px solid #333; padding-left:10px !important; border-radius:50px; margin-right:5px; }
.search_box { width:300px; height:40px; position:relative; border:1px solid #333; border-radius:50px; transition:all 0.3s; }
.search_select:hover, .search_box:hover { border:1px solid #333; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); }
.search_box .inputText { width:calc(100% - 40px); height:100%; float:left; border:none; padding-left:15px; border-radius:40px 0 0 40px !important; }
.search_box .btn_search { width:40px; height:100%; font-size:1.2em; border:none; border-radius:0 40px 40px 0 !important; color:#333; transition:all 0.3s; }
.search_box button:hover, .search_box .inputText:hover { box-shadow:none; }
.search_box .btn_search:hover { color:#000; }
/*pagenation*/
.pagination { margin:0 auto; text-align:center; position:relative; }
.pagination ul {display:flex; justify-content:center; padding-left:0; border-radius:4px; }
.pagination li { box-sizing:border-box; position:relative; cursor:pointer; display:inline-block; margin:0 5px; }
.pagination li a { display:inline-block; cursor:pointer; border-radius:50px; width:30px; height:30px; line-height:30px; color:#333; font-size:1em; transition:background-color 0.3s;}
.pagination li a:hover { background-color:#ededed; }
.pagination li.active a { font-weight:bold; color:#fff; background:var(--logo); }
.pagination .first, .pagination .last, .pagination .next, .pagination .prev { margin:0 2px; }
.bottom_wrap .pagination { position:absolute; left:50%; transform:translateX(-50%); display:inline-block; }
/* input text show */
.text_show { position:relative; transition:all 0.3s; }
.text_show label { position:absolute; top:16px; left:8px; transition:all 0.3s; line-height:1em; pointer-events:none; font-weight:400; color:#666; font-size:.9em; padding:0 5px; z-index:9; }
.text_show .inputText + label { top:50%; transform:translateY(-50%); }
.text_show .textArea + label { top:20px; transform:translateY(-50%); }
.text_show.focus label { background:#fff; color:#666; top:-5px; font-size:0.7em; }
.text_show.focus .inputText + label, .text_show.focus .textArea + label { transform:translateY(0); }
.text_show .inputText[disabled] + label, .text_show .textArea[disabled] + label, .text_show .inputText[readonly] + label, .text_show .textArea[readonly] + label { visibility:hidden; }
.text_show.active label { opacity:0; }
/*댓글*/
.reply_wrap { padding:30px 0; transition:all 0.3s; border-bottom:1px solid #ededed; }
.reply_wrap .title { padding-bottom:15px; display:flex; position:relative; align-items:center; }
.reply_wrap .title strong { font-size:1.3em; font-weight:900; display:inline-block; line-height:1em; }
.reply_wrap .title strong em { font-size:13px; font-weight:400; border:1px solid #ccc; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-radius:30px; line-height:1em; padding:5px 10px; margin-left:5px; transform: translateY(-1px); display:inline-block; }
.reply_wrap .title strong em span { margin-right:5px; }
.reply_list { padding:10px 0 0; }
.reply_list ul { }
.reply_list ul li { background:#fafafa; transition:all 0.3s; margin-bottom:10px; border:1px solid #f1f1f1; position:relative; padding:20px; box-sizing:border-box; border-radius:5px; }
.reply_list ul li:last-child { }
/* .reply_list ul li:hover { border-color:#666; } */
.reply_list ul li .by { margin-bottom:15px; font-size:1.1em; display:flex; justify-content: flex-start; align-items:center; flex-wrap:wrap; color:#727272; white-space:nowrap; }
.reply_list ul li .by strong { font-size:12px; display:flex; display: flex; align-items:center; color:#333; }
.reply_list ul li .by strong span { background:#ddd; border:1px solid #cdcdcd; width:20px; height:20px; text-align:center; line-height:20px; border-radius:50px; display:inline-block; color:#666; margin-right:6px; }
.reply_list ul li .by strong::after { width:3px; height:3px; background:#999; content:''; margin:0 7px 3px; display:inline-block; border-radius:10px; }
.reply_list ul li .by em { font-size:12px; margin-right:10px; border:none; }
.reply_list ul li .btn_wrap { position:absolute; top:15px; right:20px; }
.reply_list ul li button { border:none; background:none; color:#333; width:21px; height:21px; }
.reply_list ul li button:hover { box-shadow:none; color:#1d69db; }
.reply_list ul li.nothing { padding:0 !important; text-align:left; color:#727272; margin:0 0 30px; background:none; border:none;}
.reply_list ul li.nothing:hover { border-color:#ddd; }
.reply_write { background:#fff; width:100%; border-radius:5px; transition:all 0.3s; border:1px solid #b3b3b3; box-sizing:border-box; margin-top:20px; }
.reply_write .textArea { width:100%; height:80px; border:none; border-radius:5px 0 0 5px; padding:20px; background:transparent; }
.reply_write .textArea:focus { box-shadow:none; border:none; }
.reply_write .textArea:hover { box-shadow:none; }
.reply_write .textArea[disabled]:hover { border:none; }
.reply_write .bottom { border-top:1px solid #e4e4e4; display:flex; justify-content:flex-end; }
.reply_write .bottom button { border:none; border-radius:0 0 5px 0; border-left:1px solid #e4e4e4; }
.reply_write .bottom button:hover { box-shadow:none; }
.reply_wrap .pagination { margin:25px 0 40px; }
.fr-box.fr-basic.fr-top .fr-wrapper em, .fr-view em { font-style:italic; }
.fr-view ol, .fr-view ul { list-style: auto; }
.fr-view sup { vertical-align:super; }
@media all and (max-width: 1000px) {
}
HoME㽶seo
ENTER NUMBET 0015
I agree We use cookies on this website to enhance your user experience. By clicking any link on this page you are giving your consent for us to set cookies. More info