@charset "utf-8";
/* 공통스타일 ==================================================================================== */
.newicon {position:relative;display:inline-block;top:2px; width:25px; height:15px; background:url('../img/icon_new.png') no-repeat right bottom;} /* 새 게시물 표시*/
.notibox {position:relative; border:1px solid #dbdee1; border-bottom:5px solid #eee; padding:35px 40px; text-align:justify; margin-bottom:40px; line-height:1.6;}
.notibox:after {position:absolute; top:-1px; left:-0; width:35px; height:7px; background:#4d75c3; content:'';}
.notibox:before {position:absolute; top:0; left:-1px; width:7px; height:30px; background:#4d75c3; content:'';}
.notibox1 {border:1px solid #ebebeb; background:#f8f8f8; padding:25px; margin-bottom:20px; line-height:1.4;}
.notibox2 {background:#f8f8fb; padding:25px; margin-bottom:20px; line-height:1.4;}
.notibox3 {border:10px solid #f7f7f7; padding:25px; margin-bottom:20px;}
.txtline {display:inline-block; box-shadow: inset 0 -10px 0 #ddecff; font-weight:500; padding:0 3px; color:#111;}
.txtline1 {display:inline-block; box-shadow: inset 0 -10px 0 #fbe3cd; font-weight:500; padding:0 3px; color:#111;}
.txtline2 {display:inline-block; box-shadow: inset 0 -10px 0 #d7edd7; font-weight:500; padding:0 3px; color:#111;}
.txtline3 {display:inline-block; box-shadow: inset 0 -10px 0 #ecdff0; font-weight:500; padding:0 3px; color:#111;}
.txtline4 {display:inline-block; box-shadow: inset 0 -10px 0 #a1f9fe; font-weight:500; padding:0 3px; color:#002759;}
.sub_list01 {position:relative; list-style:none; padding:3px 0 3px 12px;}
.sub_list01:after {position:absolute; content:''; display:block; left:0; top:14px; width:3px; height:3px; background:#425ad4;}
.sub_list02 {position:relative; list-style:none; padding:2px 0 2px 12px;}
.sub_list02:after {position:absolute; content:''; display:block; left:0; top:16px; width:5px; height:1px; background:#222;}
.nolist {text-align:center; border-bottom:1px solid #ddd; padding:100px 0; color:#999;}
.input_form[disabled],
.textarea_form[disabled] {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
#ui-datepicker-div {z-index:1000 !important;}
.gsorting {position:relative;line-height:1.5 !important;}
.gsorting span {padding-right:30px; cursor:pointer; position:relative;}
.gsorting::before,
.gsorting::after {position:absolute; display:block; top:0px; opacity:.3;font-weight: 900; font-family:"Font Awesome 6 Free";}
.gsorting::before {right:1em;content:"\f30c"; }
.gsorting::after {right:.5em;content:"\f309"; }
.gsorting_asc::before,
.gsorting_desc::after {opacity:1;}
.gtable thead th a {color:#ffde00 !important;}
/*
.gsorting {position:relative;line-height:1.5 !important;}
.gsorting span {padding-right:0px; cursor:pointer; position:relative;}
.gsorting::before,
.gsorting::after {position:absolute; display:block; top:0px; opacity:.3;font-weight: 900; font-family:"Font Awesome 6 Free";}
.gsorting::before {right:-18px;content:""; }
.gsorting::after {right:-18px;content:""; }
.gsorting_asc::before {content:"\f885";opacity:1;}
.gsorting_desc::after {content:"\f160";opacity:1;}
*/
/* 새창 스타일 (담당자 정보, 컨텐츠 수정 등) ==================================================================================== */
.newwin_wrap {position:relative;}
.newwin_top {position:relative;padding:18px 20px;background:#1c2940; }
.newwin_top .tit {position:relative; color:#bfcadf; font-size:1.4em;font-weight:400;letter-spacing:-1px; }
.newwin_wrap .inner {padding:20px;}
.newwin_subtit {position:relative;font-size:1.3em;line-height:1.3;font-weight:600; padding:0 0 15px 3px; color:#111; letter-spacing:-1px; }
.newwin_top .newwin_close {position:absolute; right:10px;top:5px;width:50px;height:50px; }
.newwin_top .newwin_close span {display:inline-block;width:50px;height:50px; cursor:pointer; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.newwin_top .newwin_close span:before {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:35px; height:1px; background:#bfcadf;}
.newwin_top .newwin_close span:after {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%);height:35px; width:1px; background:#bfcadf;}
/* 파일 프로그레스 첨부 ==================================================================================== */
.file_box .up_file_progress {display:none;}
.file_box .file_progress {position:absolute;float:left;width: 0px; height: 40px; border-radius:6px; overflow: hidden; background: #000;}
/* 게시글 리스트 ==================================================================================== */
#bwritelist_box {margin:40px auto;}
#bwritelist_box .search_wrap {width:50%; margin:0 auto; padding-top:40px;}
#bwritelist_box .search_wrap select {float:left;padding-left:5px;width:25%;height:38px;font-size:0.9em; vertical-align:top;border:1px solid #ccc;cursor:pointer;}
#bwritelist_box .search_wrap span {position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:38px;color:#333;line-height:38px;vertical-align:top;}
#bwritelist_box .search_wrap input[type="text"] {box-sizing:border-box;width:100%;height:38px;color:#333;vertical-align:top;border:1px solid #ccc;font-size:0.9em; padding:0px 40px 0px 7px;}
#bwritelist_box .search_wrap input[type="image"]{position:absolute;top:7px;right:7px;text-align:right;}
@media screen and (max-width:1024px) {
#bwritelist_box .search_wrap {width:70%;}
}
@media screen and (max-width:768px) {
#bwritelist_box .search_wrap {width:90%;}
}
#bwritelist_box .category_wrap {margin-bottom:20px;text-align:center;}
#bwritelist_box .category_wrap a {border-right:1px solid #ccc;display:inline-block;line-height:15px;padding:0px 10px;color:#444 !important;font-size:1em; }
#bwritelist_box .category_wrap a:last-child {border-right:0;}
#bwritelist_box .category_wrap a.on {font-weight:500; color:#ff6633 !important; }
#bwritelist_box .tit_wrap {overflow:hidden; text-align:center; line-height:51px; border-top:2px solid #5e5e5e; border-bottom:1px solid #dfdfdf;}
#bwritelist_box .tit_wrap div {color:#111;font-weight:500; font-size:0.95em;}
#bwritelist_box .tit_wrap div.no {float:left; width:6%; }
#bwritelist_box .tit_wrap div.cate {float:left; width:8%; }
#bwritelist_box .tit_wrap div.tit0 {float:left; width:72%; }
#bwritelist_box .tit_wrap div.tit1 {float:left; width:64%; }
#bwritelist_box .tit_wrap div.named {float:left; width:8%; }
#bwritelist_box .tit_wrap div.date {float:left; width:8%; }
#bwritelist_box .tit_wrap div.hit {float:left; width:6%; }
#bwritelist_box .content_wrap {overflow:hidden; font-size:1em; }
#bwritelist_box .content_wrap li {overflow:hidden; text-align:center; border-bottom:1px solid #dfdfdf; padding:15px 0px;}
#bwritelist_box .content_wrap li div.no {float:left; width:6%; font-size:0.8em; }
#bwritelist_box .content_wrap li div.cate {float:left; width:8%; font-size:0.8em; }
#bwritelist_box .content_wrap li div.tit0 {float:left; width:72%; text-align:left; font-weight:500; color:#333; }
#bwritelist_box .content_wrap li div.tit1 {float:left; width:64%; text-align:left; font-weight:500; color:#333; }
#bwritelist_box .content_wrap li div.named {float:left; width:8%; overflow:hidden; font-size:0.9em; text-overflow:ellipsis; white-space:nowrap; color:#888; }
#bwritelist_box .content_wrap li div.date {float:left; width:8%; font-size:0.9em; color:#888;}
#bwritelist_box .content_wrap li div.hit {float:left; width:6%; font-size:0.9em; color:#888;}
#bwritelist_box .content_wrap li div.tit0 .icon_notice,
#bwritelist_box .content_wrap li div.tit1 .icon_notice,
#bwritelist_box .content_wrap li div.tit0 .icon_category,
#bwritelist_box .content_wrap li div.tit1 .icon_category,
#bwritelist_box .content_wrap li div.mobileinfo {display:none; }
#bwritelist_box .content_wrap li.nolist {padding:70px 0; }
#bwritelist_box .content_wrap li:hover {background:#f7f7f7;}
#bwritelist_box .content_wrap span.icon_notice {padding:1px 5px; color:#fff; border:1px solid #d6432f; background-color:#d6432f;}
#bwritelist_box .content_wrap span.icon_category{padding:1px 5px; color:#be222f; border:1px solid #a61e2e; background-color:#fff;}
#bwritelist_box .btn_wrap {padding-top:40px; overflow:hidden; }
/* screen 1024 */
@media screen and (max-width:1024px) {
#bwritelist_box .tit_wrap {display:none; }
#bwritelist_box .content_wrap {border-top:2px solid #5e5e5e; }
#bwritelist_box .content_wrap li {padding:10px 0;}
#bwritelist_box .content_wrap li div.tit0,
#bwritelist_box .content_wrap li div.tit1 {float:none; width:100%;}
#bwritelist_box .content_wrap li div.no,
#bwritelist_box .content_wrap li div.cate,
#bwritelist_box .content_wrap li div.named,
#bwritelist_box .content_wrap li div.date,
#bwritelist_box .content_wrap li div.hit {display:none; }
#bwritelist_box .content_wrap li div.tit0 .icon_notice,
#bwritelist_box .content_wrap li div.tit1 .icon_notice,
#bwritelist_box .content_wrap li div.tit0 .icon_category,
#bwritelist_box .content_wrap li div.tit1 .icon_category {display:inline-block; height:22px; line-height:20px; text-align:center; padding:0 5px;}
#bwritelist_box .content_wrap li div.mobileinfo {display:block; text-indent:0; text-align:left; font-size:0.8em; color:#999;}
}
/* 게시글 뷰 ==================================================================================== */
#bwriteview_box {margin:0 auto;}
#bwriteview_box .tit_wrap {padding:15px; border-top:1px solid #fff; border-bottom:1px solid #dfdfdf;}
#bwriteview_box .tit_wrap .tit {font-size:1.4em; letter-spacing:-1px; line-height:140%; COLOR:#333; font-weight:700;padding:0 0 10px 0;}
#bwriteview_box .tit_wrap .tit span {display:inline-block; padding:0px 10px; height:31px; line-height:31px; color:#ff6600; border:1px solid #ff6600; margin-right:5px; font-size:0.8em; background-color:#fff; }
#bwriteview_box .tit_wrap .tit .info {display:inline-block; padding:2px 8px; line-height:18px; color:#444; border:1px solid #ddd; margin-left:20px; font-size:0.7em; border-radius:5px; }
#bwriteview_box .tit_wrap .tit .info i {margin-right:5px;}
#bwriteview_box .tit_wrap .name {color:#999; font-size:1em; }
#bwriteview_box .tit_wrap .name span {position:relative; padding-right:23px;}
#bwriteview_box .tit_wrap .name span:after {content:''; position:absolute; top:0; right:12px; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
#bwriteview_box .tit_wrap .name span:last-child {padding:0;}
#bwriteview_box .tit_wrap .name span:last-child:after {display:none;}
#bwriteview_box .content_wrap {overflow:hidden;padding:30px 20px; word-break:break-all; min-height:300px; }
#bwriteview_box .content_wrap img {max-width:100%; }
#bwriteview_box .video_wrap {text-align:center;margin-bottom:40px;}
#bwriteview_box .video_wrap .youtube_iframes {width:720px; height:480px; }
#bwriteview_box .file_wrap {padding:10px; border-top:1px solid #ddd; overflow:hidden; }
#bwriteview_box .file_wrap li {font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; }
#bwriteview_box .file_wrap .tit {float:left; width:140px; }
#bwriteview_box .file_wrap .tit span {display:inline-block; margin-left:10px; width:120px; font-size:1em; font-weight:bold; text-align:center; line-height:40px; border:1px solid #ccc; }
#bwriteview_box .file_wrap .txt {float:right; width:calc(100% - 140px); line-height:180%; }
#bwriteview_box .btn_wrap {padding:10px 0; overflow:hidden; }
#bwriteview_box .pn_wrap {position:relative; border-top:1px solid #ddd; }
#bwriteview_box .pn_wrap li {position:relative;overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; }
#bwriteview_box .pn_wrap li:last-child {border-bottom:1px solid #ddd; }
#bwriteview_box .pn_wrap li a {display:block; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#bwriteview_box .pn_wrap li a span {display:inline-block; text-align:left; text-indent:20px; margin-right:20px; width:13%; color:#333333; border-right:1px solid #e8e8e8; }
#bwriteview_box .pn_wrap li.next span:after {content:''; position:absolute; top:42%; left:80px; border:solid #555; border-width:1px 1px 0 0; padding:3px; transform: rotate(135deg); -webkit-transform: rotate(-45deg);}
#bwriteview_box .pn_wrap li.prev span:after {content:''; position:absolute; top:42%; left:80px; border:solid #555; border-width:1px 1px 0 0; padding:3px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
#bwriteview_box .bwrite_cm {padding-top:20px;}
@media screen and (max-width:1024px) {
#bwriteview_box .tit_wrap {padding:20px;}
#bwriteview_box .tit_wrap .tit {font-size:1.2em;}
#bwriteview_box .tit_wrap .name {font-size:0.85em;}
#bwriteview_box .content_wrap {padding:30px 10px;}
.btn_wrap {padding:20px 0; }
}
@media screen and (max-width:768px) {
#bwriteview_box .file_wrap li {font-size:0.8em; }
#bwriteview_box .file_wrap .tit {display:none; }
#bwriteview_box .file_wrap .txt {float:none; width:100%; }
#bwriteview_box .pn_wrap li {overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; }
#bwriteview_box .pn_wrap li a {font-size:0.8em; }
#bwriteview_box .pn_wrap li a span {text-indent:10px; }
}
/* 게시글 폼 ==================================================================================== */
#bwriteform_box {margin:40px auto;}
#bwriteform_box .tit {color:#111; font-weight:bold; padding:15px 10px; text-align:center; background-color:#eeeeee; border-top:2px solid #5e5e5e; font-size:1.1em; }
#bwriteform_box table {border-collapse:collapse; width:100%; table-layout:fixed; }
#bwriteform_box table tbody th {padding:10px 8px; background:#cdcfd4; border:1px solid #aaa;}
#bwriteform_box table tbody th:first-child {border-left:0;}
#bwriteform_box table tbody th:last-child {border-right:0;}
#bwriteform_box table tbody th span {display:block;font-size:0.85em;color:#ec0b0b;}
#bwriteform_box table tbody td {background:#fff; padding:8px 6px; word-break:break-all; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:48px;}
#bwriteform_box table tbody td:first-child {border-left:0;}
#bwriteform_box table tbody td:last-child {border-right:0;}
#bwriteform_box table tbody tr:hover td {background:#f9f9f9;}
#bwriteform_box .btn_wrap {padding:40px 0; overflow:hidden; text-align:center; }
/* 게시판 스킨리스트 ==================================================================================== */
.boardskinlist_wrap {position:relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.boardskinlist_wrap:after {content:""; display:block; clear:both;}
.boardskinlist_wrap li {position:relative; overflow:hidden;border:1px solid #ccc;}
.boardskinlist_wrap li figure {position:relative; height:200px; overflow:hidden;padding:10px; }
.boardskinlist_wrap li figure img {width:100%; }
.boardskinlist_wrap li:hover figure {opacity:0.5; }
.boardskinlist_wrap li .txt {margin-top:10px;padding:15px 15px 20px 15px ;color:#999; background:#f5f5f5;}
.boardskinlist_wrap li .txt p {font-size:1.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #214da7; font-weight:600;padding-bottom:5px;}
.boardskinlist_wrap li .txt div {position:relative;}
.boardskinlist_wrap li .txt div span {position:absolute; right:0; top:-3px;}
.boardskinlist_wrap li .layer {position:absolute;display:none; top:calc(50% - 25px); left:calc(50% - 25px); z-index:1; width:50px; height:50px; opacity:.6;background:rgb(0,0,0,0.8); border-radius:50px ;}
.boardskinlist_wrap li .layer:before {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:28px; height:2px; background:#fff; border-radius:5px ;}
.boardskinlist_wrap li .layer:after {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:28px; width:2px; background:#fff;border-radius:5px ;}
.boardskinlist_wrap li:hover .layer {display:block;}
/* 문자 관련 ==================================================================================== */
.sms_box_wrap {position:relative; overflow:hidden;display: flex; flex-flow:wrap;justify-content: space-between;margin:0 0 20px 0; }
.sms_box01 {border:1px solid #eb7954;background:#f88560;padding:25px 0 20px 0 ;width:280px;text-align:center; color:#fff;font-weight:500;border-radius:4px;margin:0 25px 0 0;}
.sms_box01 p {padding:7px 0 0 0;font-weight:500;}
.sms_box01 strong {font-size:3.6em;font-weight:700;color:#ffee2e;}
.sms_box02 {border:1px solid #bfbfbf;background:#fff;padding:20px;flex:2;line-height:170%;color:#555;border-radius:4px;}
.sms_box {position:relative; width:280px; background:#fff; border:1px solid #e5e5e5; border-radius:30px; text-align:left; padding:60px 15px 30px 15px; box-shadow:0 5px 20px 0px rgba(0,0,0,0.1);}
.sms_box:before {position:absolute; content:''; left:105px; top:27px; height:10px; width:10px; background:#ebebeb; border-radius:100%;}
.sms_box:after {position:absolute; content:''; left:120px; top:27px; width:50px; height:10px; background:#ebebeb; border-radius:20px;}
.sms_box .wrap {padding:15px 12px 12px 12px; background:#f6f7f9; border:1px solid #e8e8e8; border-radius:2px;}
.sms_box textarea {width:100%; height:240px; overflow:auto; color:#000;}
.sms_box textarea::placeholder {color:#999;}
.sms_box .byteinfo {color:#838383;padding:10px 0 0 0;text-align:right;}
.sms_box .byteinfo span {color:#6a86f3;}
.sms_box .field {overflow:hidden; margin:15px 0 20px 0;}
.sms_box .field dt {float:left; font-weight:500; width:60px; color:#333; line-height:34px;}
.sms_box .field dd {float:right; width:calc(100% - 60px);}
.sms_box .field dd input {border:1px solid #ccc; width:100%; padding:0px 5px; line-height:32px; border-radius:2px;}
.sms_group_box {background-color:#f5f5f5;border:1px solid #cccccc;padding:0px 4px;}
.sms_group_lists {background-color:#ffffff;padding:5px;margin-bottom:5px;}
.sms_group_lists .overauto {max-height:100px;}
/* 약관 ==================================================================================== */
#rule_box {margin:40px auto;}
/* 팝업 ==================================================================================== */
#popup_box .cont {background-color:#ffffff;}
#popup_box .bottom {position:fixed; bottom:0; width:100%; background-color:#000000; height:32px; padding:5px 0; text-align:center; color:#ffffff; }
/* 방문자 ==================================================================================== */
.visit_graph_wrap {width:98%; margin:0 1%; height:13px; line-height:13px; background:#eee;}
.visit_graph_wrap .bars {height:13px; background:#ff9648; border-top:1px solid #fc7e21; border-bottom:1px solid #fc7e21; display:inline-block;}
.visit_summary_wrap { margin-bottom:20px; min-height:50px; background:#fff; overflow:hidden; }
.visit_summary_wrap.two li {width:50%;}
.visit_summary_wrap.four li {width:24%;}
.visit_summary_wrap li {float:left; border-left:1px solid #d9d9d9; margin-left:-1px;}
.visit_summary_wrap li:first-child {border-left:0;}
.visit_summary_wrap li .txt01 {padding:10px 0 15px 20px; font-size:1em; font-weight:700; color:#444; }
.visit_summary_wrap li .txt02 {padding:0 0 10px 20px; font-size:1.5em; font-weight:700; color:#ff4e1f;}
.visit_summary_wrap li .txt03 {display:inline-block; margin-left:10px; padding-left:8px; font-size:0.9em; color:#5283ff; line-height:110%; font-weight:500;border-left:1px solid #d9d9d9;}
/* 연혁관리 관리자 스타일 */
.history_new_div {display:none;position:fixed; width:600px;overflow:hidden;z-index:999999999;-webkit-overflow-scrolling:touch;margin:0 auto;background:#fff;padding:15px;}
#history_fade {display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:999999998;}
/* 관리자 팝업 상단 */
#guava_win_title {padding:12px 15px 12px 20px;background:#333;letter-spacing:0; overflow:hidden;display:flex;justify-content: space-between; }
#guava_win_title .tit {position:relative; font-size:1.5em; font-weight:500;color:#fff;display: flex; flex-direction: column; justify-content:center; }
#guava_win_title .close {position:relative; cursor:pointer;color:#fff; background:#e52150;width:46px;height:46px; border-radius:50%;transition:all 0.3s ease;opacity:1 !important;}
#guava_win_title .close:before,
#guava_win_title .close:after {position:absolute;top:9px;left:calc(50% - 2px);content:'';height:26px;width:4px;background-color:#fff;}
#guava_win_title .close:before {transform:rotate(45deg);}
#guava_win_title .close:after {transform:rotate(-45deg);}
#guava_win_title .close:hover {transform: scale(1.1); }
.guava_win_fix {position:fixed;width:100%;z-index:999;background:#fff;}
#guava_win_wrap {padding:90px 15px 15px 15px;}
/* 개발자도구 ==================================================================================== */
.ghalf {max-width:1300px !important; }
.guava_dev_box {background:#f5f5f5; position: relative; border: 1px solid #cccdcd; padding: 20px; font-size: 0.95em; margin-bottom:30px;}
.guava_info_box {background:#feffd3; position: relative; border: 1px solid #cccdcd; padding: 20px; font-size: 0.95em; margin-top: -20px; margin-bottom:30px;}
.qna_view_tit_wrap {padding:8px; border-top:1px solid #333; border-bottom:1px solid #ccc; background:#f4f4f4; overflow:hidden; font-size:17px; }
.qna_view_title {line-height:180%; color:#333; font-weight:500; padding:2px 0; }
.qna_view_name {text-align:right; color:#888; padding:4px 0 0 0; font-size:0.9em; }
.qna_view_content {padding:30px 10px; word-break:break-all; font-size:16px; min-height:300px;border-bottom:1px solid #B5B5B5; }
.qna_file_wrap {padding:17px 5px; overflow:hidden; border-bottom:1px solid #B5B5B5;}
.qna_file_wrap li {font-size:0.95em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qna_file_wrap .tit {float:left; width:13%;color:#333333; }
.qna_file_wrap .tit span { display:inline-block; }
.qna_file_wrap .txt {border-left:1px solid #e8e8e8;float:left; width:87%; color:#888; padding:0 0 0 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qna_reply_title {font-size:18px; line-height:140%; COLOR:#333; font-weight:500;padding:8px 0 10px 0;}
.qna_reply_content {background:#dfdfdf;padding:10px 10px 30px 10px ; word-break:break-all; border-bottom:1px solid #ccc;}
@media screen and (max-width:1024px) {
.qna_list_wrap .head {display:none;}
.qna_list_wrap li p {display:block; padding:0; text-align:left;}
.qna_list_wrap .wrap {padding:15px 10px;}
.qna_list_wrap .btn {position:absolute; right:10px; top:15px; width:auto;}
.qna_list_wrap .tit,
.qna_list_wrap .people,
.qna_list_wrap .date {width:100%;font-size:0.9em;line-height:1.4;}
.qna_list_wrap .tit {padding:0px 85px 0px 0px;}
.qna_list_wrap .stit {display:inline-block; margin-right:3px;}
}
/* 관리회원 스타일 ==================================================================================== */
.emenuadmin_box {background:#dfe2e6; border:1px solid #c1c5c9; margin-top:40px;display: flex; border-radius:3px;overflow:hidden; }
.emenuadmin_box .subject {font-weight:500;font-size:1.15em;letter-spacing:-1px;padding:20px ; color:#34436d;width:220px;line-height:1em; }
.emenuadmin_box .subject i {display:inline-block; margin-right:10px;}
.emenuadmin_box .subject span {display:inline-block; border:1px solid #a6a7ab; background:#fff;width:21px;height:21px;text-align:center;cursor:pointer; border-radius:2px; }
.emenuadmin_box .subject span:hover {border:1px solid #3f7dd4; background:#4282dd;color:#fff;}
.emenuadmin_box ul {position:relative; display: flex;flex-flow:wrap;gap:10px 30px; flex:2;background:#fff;padding:20px ; }
.emenuadmin_box ul li {position:relative; color:#333;font-size:1.05em; }
.emenuadmin_box ul li:hover {text-decoration:underline;}
.emenuadmin_box ul li i {display:inline-block; margin-left:5px;color:#4282dd; }
/* 관리회원 스타일 ==================================================================================== */
/* QR 스타일 (여기 스타일은 수정하지마시고 layout.css 에서 수정해주세요.) ==================================================================================== */
#guava_qrcode_btnwrap {position:absolute; top:25px; right:5px;z-index:9;}
#guava_qrcode_btnwrap span {display:inline-block;border:1px solid #cdd1d8;text-align:center;color:#848b9a; border-radius:50px;width:40px;height:40px; cursor:pointer; background:url('../img/icon_qr.png') no-repeat center 50%;}
#guava_qrcode_btnwrap span:hover {border:1px solid #b2b7c1;}
#guava_qrcode_infowrap {display:none;position:absolute; top:70px; right:0;z-index:999999999;border:1px solid #b2b7c1;border-radius:5px;background:#fff; width:320px;padding:20px; }
#guava_qrcode_infowrap img {width:200px;}
#guava_qrcode_infowrap i {position:absolute;top:5px; right:5px;z-index:999999999;}
#guava_qrcode_infowrap .url {width:100%;font-size:0.85em; padding:4px 8px;color:#55b8d5;margin:20px 0 10px 0; border:1px solid #d8dadf; }
#guava_qrcode_infowrap input:focus {background:#f0f0f0; }
#guava_qrcode_infowrap .btn {background:#8890a0; color:#fff; padding:12px;width:100%;display:block;text-align:center; }
#guava_qrcode_fade {position:fixed; top:0%; left:0%; width:100%; height:100%; background:transparent; z-index:999999998; }
#guava_qrcode_infowrap .qr_close {position:absolute;right:10px;top:10px;}
#guava_qrcode_infowrap .qr_close span {display:block; height:20px;width:20px;cursor:pointer; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#guava_qrcode_infowrap .qr_close span:after {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:1px; background:#777;}
#guava_qrcode_infowrap .qr_close span:before {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:20px; width:1px; background:#777;}
@media screen and (max-width:1400px) {
#guava_qrcode_btnwrap {right:20px;}
}
@media screen and (max-width:1024px) {
#guava_qrcode_btnwrap {top:15px;}
}
/* QR 스타일 ==================================================================================== */
/* 게시글 블라인드 ==================================================================================== */
.blind_box {margin:0 auto; max-width:640px;padding:60px;text-align:center; }
.blind_box i {font-size:3em;margin-bottom:30px;}
.blind_box .txt {font-weight:600; font-size:1.35em; color:#444; letter-spacing:-1.5px; line-height:1.5;}
.blind_box .txt span {display:block; font-size:1.1rem; letter-spacing:-1px; color:#797979; line-height:1.6; margin:10px 0 0 0;}
/* 개인정보 접속기록 현황 ==================================================================================== */
.gtable .dtypesels .dtypecons {display: inline-block; position: relative; border: 1px solid #ddd; text-align: center; padding: 0px 5px; width:50px; height: 30px; line-height: 28px; background-color: #fff; vertical-align: middle;}
.gtable .dtypesels input[type="radio"] {border: 0;clip: rect(0, 0, 0, 0);height: auto;margin: 0;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;}
.gtable .dtypesels input[type="radio"]:checked + .dtypecons {border: 1px solid #0092d7;color: #0092d7;}