@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html { height:100%;}
body { width:100%; height:100%; position:relative; font-family:'Noto Sans KR', sans-serif;}
html { overflow-y:scroll; font-size:14px;}
body { position:relative; word-break:break-word;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input { margin:0; padding:0; font-size:inherit;}
dl, ul, ol, li { list-style:none;}
textarea { resize:none;}
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:none; color:inherit;}
a:focus { text-decoration:none; color:inherit;}
a:-webkit-any-link { text-decoration:none;}
button { border:0; background:none; cursor:pointer;}
label { margin-bottom:0; cursor:pointer;}
.btn.focus, .btn:focus, .btn:hover { color:inherit;}
img { vertical-align:top;}
fieldset { border:none; margin:0; padding:0;}
.commonTable { border-top:2px solid #154360;}
.mgb10.flex {gap:10px; align-items:center;}
table { border:0; padding:0; border-spacing:0;}
table th, table td { padding:0; border:0; border-spacing:0;}
table caption, legend { font-size:0; text-indent:-9999px; margin:0; border:none; padding:0;}
.mo_vw {display:none !important;}
.redtxt { color:red; display:inline;}
.bluetxt {color:#0076d1;}
input[type="radio"] { cursor:pointer;}
input[type="checkbox"] { cursor:pointer;}
.chn_btn { cursor:pointer; border:1px solid #333; margin:5px; background:#333; font-weight:400; padding:2px; color:#fff;}
.chn_btn.red { background:#fff; color:#333;}
.chn_btn.noHot { border:1px solid #922b21; color:#922b21; background:#fff;}
.chn_btn.hot{ background:#922b21; color:#fff;}
.linktxt { /*text-decoration:underline !important;*/ font-weight:600 !important; cursor:pointer;}
.recotxt { font-weight:600 !important; cursor:pointer;}
#mainMenuList { word-break:break-all;}
#alarmmDiv { text-align:center;}
h3.answer { font-size:20px; color:#555; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:flex;}
.answerTitle { margin-top:50px; border-top:1px dashed #ddd; padding-top:30px;}
.answerCont { border:1px solid #ddd; background:#fff; font-size:14px; padding:20px; margin-bottom:30px;}
.text-ellipsis { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.inlineBlock { display:inline-block; vertical-align:middle;}
.text-ir { font-size:0; text-indent:-99999px;}
.clear::after { content:""; display:block; clear:both;}
.text-center { text-align:center !important; padding-left:0 !important;}
.text-right { text-align:right; padding-right:10px !important;}
.btnsWrap { text-align:center; margin-top:35px; font-size:0;}
.btnsWrap button { width:118px; font-size:14px; height:36px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#0077c1; margin-left:16px;}
.btnsWrap button:first-child { margin-left:0;}
.btnsWrap button.cancle { background:#777;}
.plusIcon::before { content:""; display:inline-block; width:10px; height:7px; background:#00466b; mask:url('/images/boffice/plusIcon.png') no-repeat; -webkit-mask:url('/images/boffice/plusIcon.png') no-repeat; vertical-align:top; margin:7px 5px 0 0;}
.changeIcon::before { content:""; display:inline-block; width:11px; height:8px; background:url('/images/boffice/changeIcon.png') no-repeat; vertical-align:top; margin:5px 5px 0 0;}
.searchIcon::before { content:""; display:inline-block; width:11px; height:8px; background:url('/images/boffice/searchIcon.png') no-repeat; vertical-align:top; margin:5px 5px 0 0;}
.colorBtn { text-align:center; font-size:13px; color:#fff; padding:6px 25px; /* height:28px; */ border-radius:10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.colorBtn.ml {margin-left:20px;}
.commonBtn { text-align:center; font-size:13px; color:#fff; border:1px solid #c1c1c1; padding:0 6px; border-radius:4px; height:30px; line-height:22px; width:100px; background:url('/images/boffice/simpleBtn_bg.jpg') repeat;}
.commonBtn.act_ord { background:#fefefe; width:40px; color:black;}
.commonBtn.del { background:#922b21; border:1px solid #922b21; color:#fff;}
.rightredbtn { color:#922b21; border:1px solid #922b21; background:#fff;}
.rightbluebtn { background:#fff; border:1px solid #00466b; color:#00466b;}
.rightbluebgbtn { background:#154360; border:1px solid #154360; color:#fff;}
.rightblueLinebtn { background:#fff; color:#154360; border:1px solid #154360;}
.rightgraybtn { background:#bbbbbb; border:1px solid #bbbbbb;}
.rightlightgraybtn {background:#eee; border:1px solid #ddd; color:#535353;}
.rightgreenbtn { background:#36bbbe;}
.grybtn { background:#eee; border:1px solid #ddd; color:#000;}
.totalWrap { margin:50px 0 10px; display:flex; align-items:center; justify-content:space-between;}
.totalWrap .alert_top {display:flex; gap:20px;}
.totalWrap .alert_top h3{ font-size:20px;}
.totalWrap .rightWrap { display:flex; gap:10px; align-items:center;}
.totalWrap .total { flex:2; display :inline-block; margin:8px 0 0 10px; color:#333; display:inline-block;}
.totalWrap select { width:200px; padding:0 5px;}
.totalWrap .total span { color:#f00281;}
/* .totalWrap>div { float:right;}*/.totalWrap>div input { width:200px;}
/* .totalWrap>div button { width:89px; height:28px; color:#fff; background:#39d1d4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}*/.totalWrap>div select.cate { width:118px;}
.total { color:#666; font-size:14px; margin-bottom:10px;}
.total .total_right { float:right;}
.excel_wrap {margin-bottom:10px;}
.excel_wrap .right .rightbluebtn {color:#154360; border-color:#154360;}
.commonTable { width:100%; background:#fff; border-top:1px solid #154360; /* border-right:1px solid #154360; */ text-align:center;}
.commonTable .bbsDiv { background:#f8f8f8;}
.commonTable thead th { font-weight:bold; font-size:14px; height:50px; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.commonTable tbody th { font-weight:bold; font-size:14px; height:35px; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.commonTable tbody td { padding:10px 0; color:#666; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; height:54px;}
.commonTable tbody td:last-child {border-right:1px solid #e7e7e7;}
.commonTable tbody td.table_end { display:flex; align-items:center; justify-content:center; gap:5px;}
.commonTable tbody td.table_end .commonBtn { width:100px; height:30px;}
.commonTable tbody td.no { color:red;}
.commonTable tbody td i { font-style:normal;}
.commonTable tbody .bg td { background:#f1f6f9;}
.commonTable .checkBox { /* width:14px; */ height:15px; vertical-align:top; margin:0 auto;}
.commonTable tbody td .View_in { min-height:210px; color:#333; font-size:13px;}
.commonTable .checkBox label { font-size:0; text-indent:-9999px;}
.commonTable .checkBox label span { margin:0 !important; vertical-align:sub !important;}
.detailTable thead th { background:#f1f6f9;}
.detailTable tbody th { height:50px; background:#f1f6f9;}
.detailTable tbody span { display:block;}
.detailTable tbody .tableLink { text-align:left;}
.detailTable tbody .tableLink a { padding-left:10px;}
.writeTable { text-align:left;}
.writeTable tbody th { background:#f1f6f9; color:#666; padding:10px 20px 10px; border-bottom:1px solid #e7e7e7;}
.writeTable tbody td { padding:10px;}
.writeTable tbody td.flex { align-items:center;}
.writeTable tbody td input { /* width:282px */}
.writeTable tbody td input.title { width:598px;}
.writeTable tbody td p { margin-right:5px;}
.writeTable tbody td p.gap5 {gap:5px;}
.writeTable tbody td p.checkBox { width:auto; height:auto; vertical-align:middle;}
.writeTable tbody td p.checkBox label { font-size:14px; text-indent:0;}
.writeTable tbody td p.checkBox label span { padding-right:4px;}
.accodionTable tr { cursor:pointer;}
.accodionTable tr .title { text-align:left; text-indent:10px;}
.accodionTable .hideTab { display:none;}
.accodionTable .hideTab td { background:#f8f8f8; text-align:left; padding:20px;}
.tableIcon { color:#fff; display:inline-block; font-style:normal; vertical-align:middle;}
i.popular, i.new, i.recommend, i.event, i.best, i.info { height:20px; line-height:20px; min-width:36px; font-size:12px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:0 8px;}
i.statuIng, i.statuDon { height:26px; line-height:26px; width:92px; font-size:13px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
i.statuIng { background:#87d7db;}
i.statuDon { background:#fa485b;}
i.popular { background:#ff6e01;}
i.new { background:#6fbe0e;}
i.recommend { background:#fb8072;}
i.event { background:#ffd511;}
i.best { background:#5ac2e6;}
i.info { background:#5dd2c2;}
i.newText { color:#fa485b; font-size:12px;}
i.notice { border:1px solid #fa485b; display:inline-block; font-size:14px; color:#fa485b; width:39px; height:20px; line-height:18px; text-align:center;font-style:normal;}
i.pdfFile { font-size:0; text-indent:-9999px; display:inline-block; width:20px; height:17px; background:url('/images/boffice/pdf_icon.png') no-repeat; vertical-align:middle;}
i.upBtn { display:block; font-size:0; text-indent:-9999px; width:7px; height:12px; background:url('/images/boffice/upBtn.png') no-repeat; margin:0 auto;}
i.downBtn { display:block; font-size:0; text-indent:-9999px; width:7px; height:12px; background:url('/images/boffice/downBtn.png') no-repeat 50%; margin:0 auto;}
.rowTable { width:100%; border-top:1px solid #999; background:#fff; color:#666;}
.rowTable thead th { background:#f1f6f9;}
.rowTable tbody th { padding:10px 20px 10px; background :#ededed; color:#000; font-size:14px; height:38px; border-bottom:1px solid #ddd; background:#f1f6f9; text-align:left;}
.rowTable tbody td { height:35px; padding:15px 10px; border-bottom:1px solid #ddd;}
.rowTable tbody td p { display:inline-flex; flex-wrap:wrap; gap:5px;}
.rowTable tbody td p select { width:148px;}
.rowTable tbody td p input { width:320px; height:33px; padding:0 10px;}
.rowTable tbody td p select { padding:0 5px; width:200px;}
.rowTable tbody td p ::-webkit-input-placeholder { text-align:right;}
.rowTable tbody td p input:-moz-placeholder { text-align:right;}
.rowTable tbody td p.date .datePicker { background:url('/images/boffice/datebg.png') no-repeat 128px 50%;}
.rowTable tbody td p ~ .colorBtn {margin-left:5px;}
.rowTable tbody td .grybtn { font-size:13px; padding:5px 10px; width:65px; border-radius:5px;}
.rowTable tbody td .flex.gap5 {gap:5px; align-items:center;}
.pageNation { text-align:center; margin-top:50px; display:flex; justify-content:center; position:relative;}
.pageNation .btnWrap { width:0; position:absolute; left:50px; width:auto;}
.pageNation a { display:inline-block; width:45px; height:45px; line-height:43px; text-align:center; font-size:16px; vertical-align:top; font-family:'Roboto'; margin:0 3px; color:#999;}
.pageNation a.on { text-decoration:#154360; font-weight:600; color:#154360;}
.pageNation .arrow { letter-spacing:-2px; font-family:'nanum gothic'; font-size:17px;}
.pageNation .arrow:hover { border-color:#fff;}
.pageNation { text-align:center; margin-top:25px;}
.pageNation button {/* width:89px; height:28px; line-height:28px; background:#39d1d4; color:#fff; font-size:13px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px */}
.pageNation button.left { float:left; left:0; position:absolute;}
.pageNation button.right { float:right; background:#36bbbe; position:absolute; right:0;}
/*
.pageNation ul { display:inline-block;}
.pageNation ul li { display:inline-block; width:26px; height:26px; background:url(/images/boffice/simpleBtn_bg.jpg) repeat; background-size:contain;}
.pageNation ul li a { display:block; font-size:14px; color:#494f61; line-height:26px; border:1px solid #c1c1c1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative;}
.pageNation ul li.on a { color:#0077c1;}
.pageNation ul li.on a::after { content:""; display:block; position:absolute; width:100%; height:3px; background:#0077c1; bottom:0; right:0;}
.pageNation ul li.pfirst a { background:url('/images/boffice/page_first_bg.png') no-repeat 50%;}
.pageNation ul li.plast a { background:url('/images/boffice/page_last_bg.png') no-repeat 50%;}
.pageNation ul li.prev a { background:url('/images/boffice/page_prev_bg.png') no-repeat 50%;}
.pageNation ul li.next a { background:url('/images/boffice/page_next_bg.png') no-repeat 50%;}*/.tab { border-bottom:1px solid #999;}
.tab li { float:left; width:151px; height:41px; text-align:center; margin-left:1px; font-size:14px;}
.tab li:first-child { margin-left:0;}
.tab li button { width:100%; height:100%; color:#777; background:#e7e7e7;}
.tab li.on button { background:#39d1d4; color:#fff;}
.tabCont li { background:#fff; padding:25px 15px; border-top:1px solid #e7e7e7;}
.tabCont li:first-child { border-top:none;}
.radioStyle { display:inline-block; vertical-align:middle;}
.radioStyle input[type="radio"] { display:none;}
.radioStyle input[type="radio"]+label { color:#777;}
.radioStyle input[type="radio"]+label span { display:inline-block; width:14px; height:14px; margin:-2px 5px 0 0; vertical-align:middle; background:url('/images/boffice/radio_bg.png') no-repeat; cursor:pointer;}
.radioStyle input[type="radio"]:checked+label { color:#363636;}
.radioStyle input[type="radio"]:checked+label span { background:url('/images/boffice/radio_bg_on.png') no-repeat;}
.filebox { font-size:0; display:inline-block; vertical-align:middle;}
.filebox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.filebox label { display:inline-block; color:#fff; font-size:13px; line-height:26px; height:26px; vertical-align:middle; margin-bottom:0; width:70px; text-align:center; background:#777; border-radius:0 5px 5px 0;}
.filebox .upload-name { font-size:13px; width:229px; display:inline-block; line-height:24px; height:24px; vertical-align:middle; background-color:#fff; border:1px solid #e4e4e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px 0 0 5px; text-indent:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.infobox {margin-top:15px; margin-left:5px;}
.infobox .redtxt {font-weight:700;}
.infobox p.dot {position:relative; margin-right:20px; align-items:center; margin-right:20px; padding-left:10px;}
.infobox p.dot::before { content:""; position:absolute; top:8px; left:0; width:4px;  height:4px;  background-color:#333; border-radius:50%;}
.checkBox { display:inline-block; vertical-align:middle;}
.totalWrap .checkBox {padding:0;}
.totalWrap .checkBox label {padding:5px 25px; display:block;}
.checkBox input[type="checkbox"] { display:none;}
.checkBox input[type="checkbox"]+label { color:#777;}
.checkBox input[type="checkbox"]+label span { display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; vertical-align:middle; background:#fff; border:#c9c9c9 1px solid; border-radius:3px; cursor:pointer;}
.checkBox input[type="checkbox"]:checked+label { color:#363636;}
.checkBox input[type="checkbox"]:checked+label span { background:#39d1d4 url('/images/boffice/checkbox_bg_on.png') 50% no-repeat; border-color:#39d1d4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.checkBox.pinkcheck input[type="checkbox"]:checked+label span { background:#f00281 url('/images/boffice/checkbox_pinkbg_on.jpg') 50% no-repeat;}
.checkBox.rightbluebtn input[type="checkbox"]+label { color:inherit;}
select { font-size:15px; font-family:inherit; background:#fff url('/images/boffice/selectBg.png') no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e4e4e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:33px; text-indent:10px; width:90%; padding:0 5px;}
select::-ms-expand { display:none;}
input[type="text"] { border:1px solid #e4e4e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding-left:10px; height:30px; line-height:30px; font-size:15px; width:190px;}
input[type="text"].chknum {width:70px;}
input[type="password"] { border:1px solid #e4e4e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding-left:10px; height:30px;}
input[type="time"] { width:auto; /* margin-left:10px; */ border:1px solid #e4e4e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding:0 10px; height:33px;}
.topCategory { background:#fff; border-top:1px solid #999; border-bottom:1px solid #999; padding:24px 15px; margin-bottom:20px;}
.topCategory p { display:inline-block; margin-left:20px;}
.topCategory button { width:89px; background:#39d1d4;}
.categoryList { display:table; background:#fff; border-top:1px solid #999; margin-bottom:40px;}
.categoryList>li { display:table-cell; width:553px; border-left:1px solid #e1e1e1;}
.categoryList>li:first-child { border-left:none;}
.categoryList>li>p { background:#f1f6f9; text-align:center; height:38px; line-height:38px; color:#333; font-size:14px; border-bottom:1px solid #e1e1e1;}
.categoryList>li>ul { padding:2px 10px; min-height:380px;}
.categoryList>li>ul li { line-height:28px; height:28px; color:#666; border-bottom:1px dashed #ddd; padding-left:20px; background:url('/images/boffice/fileIcon.png') no-repeat left 50%;}
.categoryList>li>ul li .btnwrap { float:right;}
.categoryList>li>ul li .btnwrap button { width:26px; height:24px; vertical-align:top; margin-top:2px;}
.categoryList>li>ul li .btnwrap button.write { background:url('/images/boffice/writeBtn.png') no-repeat;}
.categoryList>li>ul li .btnwrap button.del { background:url('/images/boffice/delBtn.png') no-repeat;}
.categoryList>li>ul li::after { content:""; display:block; clear:both;}
.categoryList>li>ul li.nodepth { background:url('/images/boffice/fileIcon_noDepth.jpg') no-repeat left 50%;}
.editorWrap textarea { width:100%; height:239px; overflow-y:scroll; border:none; border:1px solid #e4e4e5; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.boardView { border-top:1px solid #999; font-size:14px; background:#fff;}
.boardView .viewTitle { background:#f1f6f9; height:38px; line-height:38px; color:#333; padding-left:10px;}
.boardView .viewInfo { padding-left:10px; border-top:1px solid #e1e1e1; font-size:0; color:#666; line-height:38px; height:38px;}
.boardView .viewInfo p { display:inline-block; font-size:14px;}
.boardView .viewInfo strong { width:100px; display:inline-block; font-weight:normal;}
.boardView .viewInfo span { width:159px; display:inline-block;}
.boardView .viewInfo.file { font-size:14px;}
.boardView .viewInfo.file a { margin-right:5px;}
.boardView .viewInfo.file a::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/pdf_icon.png'); vertical-align:middle; margin-right:2px;}
.boardView .veiwCont { padding:30px 15px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.viewBtns { margin-top:17px;}
.viewBtns button, .viewBtns a { color:#fff; background:#39d1d4; width:89px; height:28px; line-height:28px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;}
.viewBtns a.list { float:right;}
.viewPagenation { border-top:1px solid #e1e1e1; margin-top:40px;}
.viewPagenation li { font-size:0; background:#fff; height:38px; line-height:38px; border-bottom:1px solid #e1e1e1;}
.viewPagenation li span { display:inline-block; background:#f6f6f6; text-align:center; font-size:14px; width:90px;}
.viewPagenation li a { font-size:14px; padding-left:10px;}
body::-webkit-scrollbar { display:none;}
.gnbMenu .gnbTop { background:#00466b; color:#fff; padding:10px 20px; display:flex; justify-content:space-between;}
.gnbMenu .gnbTop .name {font-size:15px; color:#fff; font-weight:500;}
.gnbMenu .gnbTop .right span strong {color:#ff0;}
.gnbMenu .gnbTop ul { display:inline-block; margin-left:80px;}
.gnbMenu .gnbTop ul li { display:inline-flex; align-items:center; font-size:13px; margin-left:35px;}
.gnbMenu .gnbTop ul li.home { margin-left:0;}
.gnbMenu .gnbTop ul li.home::before { width:15px; height:15px; background:url('/images/boffice/icon_home.png') no-repeat;}
.gnbMenu .gnbTop ul li.homepage::before { background:url('/images/boffice/homepageIcon.jpg') no-repeat;}
.gnbMenu .gnbTop ul li.logout::before { background:url('/images/boffice/logoutIcon.jpg') no-repeat;}
.gnbMenu .gnbTop ul li::before { vertical-align:middle; content:""; width:10px; height:10px; display:inline-block; margin-right:5px;}
.gnbMenu .gnbTop ul li.privacy:before {display:none;}
.gnbMenu .gnb ul { border-bottom:1px solid #dddddd;}
.gnbMenu .gnb ul li { display:inline-block; border-right:1px solid #e5e5e5; font-size:14px; line-height:1.4; color:#333; width:85px; height:50px; overflow:hidden; text-align:center; vertical-align:top; position:relative;}
.gnbMenu .gnb ul li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.gnbMenu .gnb ul li a span { display:flex; justify-content:center; align-items:center; font-weight:500; padding:4px 8px; max-height:46px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.gnbMenu .gnb ul li a span img { display:none; margin:0 auto 8px;}
.gnbMenu .gnb ul li.on { color:#0076d1; font-weight:700; background:#eee;}
.gnbMenu .gnb ul li.on::after { content:""; display:block; position:absolute; width:100%; background:#0076d1; height:6px; bottom:0;}
.content { font-size:0; background:#f8f9fa; min-width:1000px; min-height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.content .lnb { width:215px; border-right:1px solid #ddd; float:left; background:#fff; -webkit-flex:none; flex:none;}
.content .lnb>h2 { display:table; width:100%; height:181px; text-align:center;}
.content .lnb>h2 span { display:table-cell; vertical-align:middle; font-size:20px; color:#000;}
.content .lnb>h2 span img { display:none; margin:0 auto;}
.content .lnb>ul { border-top:1px solid #e5e5e5;}
.content .lnb>ul>li {position:relative; font-size:14px; color:#777; line-height:42px; border-bottom:1px solid #e5e5e5;}
.content .lnb>ul>li a {display:block; background:url('/images/boffice/lnb_bg.png') no-repeat right 20px center; padding:0 20px;}
.content .lnb>ul>li:before {content:""; position:absolute; bottom:0; left:0; width:0; height:5px; background:#0076d1; transition:.2s linear;}
.content .lnb>ul>li.on { background:#eee; color:#0076d1; font-weight:700;}
.content .lnb>ul>li.on:before {width:100%;}
.content .rightCont { float:right; width:1663px; max-width:100%; font-size:14px; vertical-align:top; padding:30px 30px 130px; background:#fff; flex:2;}
.content .rightCont .divisCont { position:relative; float:left; width:45%; margin-right:20px;}
.content .rightCont .rightTitle>h3 { font-size:20px; color:#555; padding-left:24px; background:url('/images/boffice/h3Bg.png') no-repeat 0 50%; display:inline-block;}
.content .rightCont .rightTitle .btnWrap.cbtn { /* float:right */ display:flex; gap:10px; justify-content:flex-end;}

.content .rightCont .rightTitle .btnWrap button { vertical-align:top;}
.content .rightCont .realCont { margin-top:15px; max-width:100%;}
.realCont .topCont { border:1px solid #ddd; background:#fff; font-size:14px; padding:20px; margin-bottom:30px;}
.content::after { content:""; display:block; clear:both;}
.subTitle { font-size:15px; color:#555; margin:70px 0 10px 0;}
.subTitle>h3 { display:inline-block;}
.subTitle span { float:right;}
.loginPage { background:#fbf7f8;}
.loginPage .wrap { position:absolute; width:100%; height:100%;}
.loginPage .login { width:800px; max-width:calc(100vw - 40px); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.loginPage .login_table {display:table; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#fff; overflow:hidden; border:#aaa 1px solid; border-radius:20px;}
.loginPage .login_table>div { display:table-cell; vertical-align:middle;}
.loginPage .login_table>div.imgsection { background:#eaf7ff; width:321px;}
.loginPage .login_table>div h1 { margin-bottom:4px;}
.loginPage .login input { display:block; height:38px; border:1px solid #e4e4e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding-left:10px;}
.loginPage .login button { width:100%; height:48px; text-align:center; background:#0077c1; font-size:18px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block;}
.loginPage::after { content:""; display:block; clear:both;}
.loginPage .info { font-size:16px; width:700px; display:table; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; height:100px; background:#fff; overflow:hidden; position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:185px; background:#eee; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.loginPage .info .tit { font-size:20px; font-weight:500;}/*adminLogin*/.adminLoginbg { background:#eee; position:fixed; width:100%; height:100%;}
.loginPage .txtsection {padding:50px 60px;}
.loginPage .selecttop {margin-bottom:10px;}
.loginPage .radios {display:flex; margin-bottom:10px;}
.loginPage .login .radios input {margin:0 10px 0 0;}
.loginPage .redtxt {font-size:15px; color:#e74457;}
.loginPage .login .text {width:100%; border:#d7d7d7 1px solid; border-radius:5px 5px 0 0; background:#fff;}
.loginPage .login .text + .text {border-top:0; border-radius:0 0 5px 5px;}
.loginPage .login .btn_login {color:#fff; background:#00466b; margin-top:16px;}
.loginPage .login .btn_find_pw {color:#535353; background:#eee; margin-bottom:10px;}
.loginPage .login .dotsline {width:100%; border-top:#eee 1px dashed; margin:16px 0 10px;}
.loginPage .login .infobox {padding:13px; border:#aaa 1px solid; border-radius:5px; color:#535353; letter-spacing:-.5px;}
.loginPage .login .infobox p + p {margin-top:10px;}
.loginPage .info_qa {color:#000; padding-top:10px; text-align:right;}
.adminLogin { display:table; box-shadow:1px 3px 18px 0px #777777;; width:850px; height:580px; position:absolute; top:50%; left:50%; margin-top:-290px; margin-left:-425px; background:#fff;}
.adminLogin>div { display:table-cell; width:50%;}
.adminLogin .leftCont { vertical-align:bottom;}
.adminLogin .leftCont>div.formWrap { padding:0 67px;}
.adminLogin .leftCont h1 { font-size:40px; text-transform:uppercase; font-weight:300; line-height:40px; margin-bottom:40px;}
.adminLogin .leftCont h1 b { font-weight:500;}
.adminLogin .leftCont input { width:100%; height:50px; border:1px solid #ccc; font-size:16px; margin-top:10px; padding:0 20px;}
.adminLogin .leftCont input[type="text"] { margin-top:0;}
.adminLogin .leftCont p { font-size:14px; color:#666; margin:20px 0 29px; line-height:14px;}
.adminLogin .leftCont button { color:#fff; font-size:15.82px; background:url('/images/_adm/logBtn.jpg') no-repeat; width:160px; height:50px;}
.adminLogin .leftCont .footerText { position:relative; background:#f5f5f5; padding:19px 42px; font-size:14px; line-height:24px; word-break:keep-all; text-align:left; margin-top:77px; color:#666;}
.adminLogin .leftCont .footerText::before { position:absolute; content:"※"; color:#666; left:25px; top:19px;}
.adminLogin>div.rightCont { background:url('/images/_adm/log_rightCont.jpg') no-repeat 50%;}
.bannerTabCont .filebox { margin:0 20px;}
.bannerTabCont .inlineBlock { color:#777; margin-left:30px;}
.bannerTabCont .inlineBlock select { margin-left:14px;}
.bannerTabCont .inlineBlock input { width:300px;}
.categoryTable tbody td { color:#777;}
.categoryTable tbody td input { width:298px;}
.categoryTable tbody td button { color:#fff; background:#39d1d4; width:89px; height:28px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.categoryTable tbody td .radioStyle { margin-left:5px;}
.categoryTable tbody td .radioStyle:first-child { margin-left:0;}
.checkBox.titleCheckbox { margin-bottom:10px;}
.checkBox.titleCheckbox label { font-size:14px;}
.menuTable td:nth-child(2), .menuTable td:nth-child(3) { text-align:left; text-indent:20px;}
.articleWrite fieldset { margin-bottom:30px;}
.articleWrite fieldset>p { font-size:16px; color:#363636; margin-bottom:10px;}
.articleWrite fieldset table { color:#777;}
.articleWrite fieldset table i.tableIcon { text-align:center;}
.articleWrite fieldset table td.mem_wrap { display:flex; justify-content:flex-start; gap:20px;}
.articleWrite fieldset table td.mem_wrap span { margin-right:10px;}
.articleWrite fieldset table td p.mem { width:calc(100%/3);}
.articleWrite fieldset table td.flex { align-items:center;}
.articleWrite fieldset table td p.rbTitle { justify-content:space-between;}
.articleWrite fieldset table td .mem_wrap { display:flex; flex-wrap:wrap; gap:5px 40px; justify-content:flex-start; padding:10px;}
.articleWrite fieldset table td { padding-right:10px;}
.articleWrite fieldset table td p:first-child { margin-left:0;}
.articleWrite fieldset table td textarea { width:1500px; border:1px solid #e4e4e5; height:208px;}
.articleWrite fieldset table td .memo_area {gap:10px;}
.articleWrite fieldset table td .memo_area textarea {height:80px; width:calc(100% - 110px);}
.articleWrite fieldset table td .memo_area button {width:100px;}
.articleWrite fieldset.categoryInfo select, .articleWrite fieldset.categoryInfo input { width:282px;}
.articleWrite fieldset.categoryInfo pselect { width:148px;}
.articleWrite fieldset.categoryInfo p input { width:98px;}
.SearchForm .btnsWrap { margin-bottom:25px;}
.categoryTitle { font-size:16px; color:#363636; margin-bottom:6px;}
.teacherlistTitle { font-size:16px; margin-bottom:10px;}
/* 팝업 */.layer-popup { display:none; position:absolute; left:50%; bottom:210px; z-index:10; width:420px; height:214px; margin-left:-210px; padding:10px; background:url('/images/front/common/bg_popup.png') 0 0 no-repeat;}
.layer-popup .tit { position:relative; height:14px; padding:16px 20px 18px; color:#fff; font-size:15px;}
.layer-popup .tit .close { position:absolute; right:16px; top:13px; display:block; width:15px; height:15px; padding:3px;}
.layer-popup .content { height:126px; padding:40px 30px 0;}
.layer-popup .content.v2 { padding:20px 30px 0;}
.layer-popup .content p { color:#333; font-size:15px;}
.layer-popup .content p.line { line-height:1.8; padding:50px 0;}
.layer-popup .content .btn { display:inline-block;}
.layer-popup .content .btn:first-child { margin-right:7px;}
.layer-popup.v2 { width:540px; height:422px; margin-left:-270px; padding:0 0 24px; background:url('/images/front/common/bg_pop_bot.png') 0 bottom no-repeat;}
.layer-popup.v2 .tit { padding:26px 30px 19px; background:url('/images/front/common/bg_pop_top.png') 0 0 no-repeat;}
.layer-popup.v2 .tit .close { right:26px; top:23px;}
.layer-popup.v2 .content { height:313px; padding:30px 30px 20px; background:url('/images/front/common/bg_pop_mid.png') 0 0 repeat-y;}
.layer-popup .bbn { border-bottom:0;}
.layer-popup table th { padding:11px 0;}
.layer-popup .ovf { height:209px; border-top:0; border-bottom:0; overflow-y:auto;}
.layer-popup .ovf table { border-bottom:1px solid #666;}
.layer-popup .ovf table td { padding:11px 0;}
.layer-popup.v2.ht { height:296px;}
.layer-popup.v2.ht .content { height:211px; padding:20px 30px 6px;}
.layer-popup.v2.ht .textarea { height:150px;}
.layer-popup.v2.ht textarea { width:458px; height:128px; padding:10px; border:1px solid #cfcfcf; resize:none; font-family:nsk; color:#333; font-size:13px;}
.layer-popup.v2.ht2 { height:442px;}
.layer-popup.v2.ht2 .content { height:357px; padding:20px 30px 6px;}
.layer-popup.v3 { width:640px; height:650px; margin-left:-320px; padding:0 0 24px; background:url('/images/front/common/bg_pop_bot2.png') 0 bottom no-repeat;}
.layer-popup.v3 .w { padding-bottom:10px; border-bottom:1px solid #d0d0d0;}
.layer-popup.v3 .tit { padding:26px 30px 19px; background:url('/images/front/common/bg_pop_top2.png') 0 0 no-repeat;}
.layer-popup.v3 .tit .close { right:26px; top:23px;}
.layer-popup.v3 .content { height:552px; padding:20px 30px 20px; background:url('/images/front/common/bg_pop_mid2.png') 0 0 repeat-y;}
.layer-popup.v3 .ovf { height:174px;}
.layer-popup.v3 .ovf td.check { padding:10px 0;}
.layer-popup.v3 .ovf.v2 { height:90px;}
.layer-popup.v3 .tit2 { padding:10px 0;}
.layer-popup.v3 .tit2 div { display:inline-block;}
.layer-popup.v3 .tit2 div.fl_l { padding:10px 0 9px;}
.layer-popup.v4 { width:900px; height:957px; margin-left:-450px; padding:0 0 24px; background:url('/images/front/common/bg_pop_bot3.png') 0 bottom no-repeat;}
.layer-popup.v4 .w { height:752px; overflow:auto; padding-bottom:10px;}
.layer-popup.v4 .tit { padding:26px 30px 19px; background:url('/images/front/common/bg_pop_top3.png') 0 0 no-repeat;}
.layer-popup.v4 .tit .close { right:26px; top:23px;}
.layer-popup.v4 .content { height:868px; padding:20px 30px 10px; background:url('/images/front/common/bg_pop_mid3.png') 0 0 repeat-y;}
.layer-popup.v4 .listType05 { width:1000px;}
.layer-popup.v4 .listType05 .ta_l { padding-left:10px;}
/* Button */a.button_v1 { display:inline-block; padding-right:31px; background:url('/images/com/button_v1.png') no-repeat 100% 0; font-size:14px; color:#333; line-height:44px; text-decoration:none !important; white-space:nowrap;}
a.button_v1 span { position:relative; display:inline-block; padding:1px 10px 0 41px; background:url('/images/com/button_v1.png') no-repeat 0 0;}
a.button_v1 span.v2 { padding:1px 31px 0 62px;}
a.button_v1 span.v3 { padding:1px 3px 0 34px;}
a.button_v1 span.v4 { padding:1px 20px 0 51px;}
a.button_v1 span.v5 { padding:1px 16px 0 47px;}
a.button_v1 span.v6 { padding:1px 29px 0 60px;}
a.button_v1 span.v7 { padding:1px 16px 0 47px;}
a.button_v1.v2 { padding-right:21px;}
a.button_v1.v2 span { padding:1px 0px 0 21px;}
a.button_v1.v2 span.v2 { padding:1px 5px 0 26px;}
a.button_v1.v3 { padding-right:20px;}
a.button_v1.v3 span { padding:1px 0px 0 20px;}
a.button_v1 .icon1 { padding:1px 0 0 54px;}
a.button_v1 .icon1 * { position:absolute; top:16px; left:31px; display:inline-block; width:14px; height:14px; background:url('/images/com/pic_write.jpg') no-repeat 0 0;}
a.button_v2 { display:inline-block; padding-right:11px; background:url('/images/com/button_v1.png') no-repeat 100% -60px; font-size:14px; color:#333; line-height:35px; white-space:nowrap;}
a.button_v2 span { position:relative; display:inline-block; padding:0 0px 0 11px; background:url('/images/com/button_v1.png') no-repeat 0 -60px;}
a.button_v2 span.v2 { padding:0 13px 0 24px;}
a.button_v2.type2 { background-position:100% -190px;}
a.button_v2.type2 span { padding:0 23px 0 34px; background-position:0 -190px;}
a.button_v2.type2 span.v2 { padding:0 15px 0 26px;}
a.button_v2On { display:inline-block; padding-right:11px; background:url('/images/com/button_v1.png') no-repeat 100% -242px; font-size:14px; color:#333; line-height:35px; text-decoration:none !important; white-space:nowrap;}
a.button_v2On span { position:relative; display:inline-block; padding:0 0px 0 11px; background:url('/images/com/button_v1.png') no-repeat 0 -242px;}
div.button_v2 { display:inline-block; padding-right:11px; background:url('/images/com/button_v1.png') no-repeat 100% -60px; font-size:14px; color:#333; line-height:35px; text-decoration:none !important; white-space:nowrap;}
div.button_v2 span { position:relative; display:inline-block; padding:0 0px 0 11px; background:url('/images/com/button_v1.png') no-repeat 0 -60px;}
div.button_v2On { display:inline-block; padding-right:11px; background:url('/images/com/button_v1.png') no-repeat 100% -242px; font-size:14px; color:#333; line-height:35px; text-decoration:none !important; white-space:nowrap;}
div.button_v2On span { position:relative; display:inline-block; padding:0 0px 0 11px; background:url('/images/com/button_v1.png') no-repeat 0 -242px;}
a.button_v3 { display:inline-block; height:25px; line-height:22px; padding-right:7px; background:url('/images/front/common/button_v1.png') no-repeat 100% -150px; font-size:13px; color:#8d8d8d; text-decoration:none !important; white-space:nowrap;}
a.button_v3 span { position:relative; display:inline-block; height:24px; padding:1px 10px 0 41px; background:url('/images/front/common/button_v1.png') no-repeat 0 -150px;}
a.button_v3 .icon1 { padding:1px 0px 0 21px;}
a.button_v3 .icon1 * { position:absolute; top:9px; left:7px; display:inline-block; width:8px; height:8px; background:url('/images/front/common/bu_plus.png') no-repeat 0 0;}
a.button_v3.gray { background-position:100% -110px;}
a.button_v3.gray span { background-position:0 -110px;}
.mt10 { margin-top:10px;}
td.al, th.al { text-align:left; padding-left:4px !important; padding-right:4px !important;}
td.al i { text-align:center;}
td.ar, th.ar { text-align:right; padding-right:10px !important;}
textarea { border:1px solid #e4e4e5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; padding:10px; width:98%;}
.articleWrite fieldset table td textarea { width:96%; border:1px solid #e4e4e5; height:208px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:35%;}
input.calendar,
input.calendarMon { width:120px !important; height:33px; background:url('/images/boffice/datebg.png') no-repeat right 5px center;}
/* input.chknum {width:100px;text-align:right;padding-right:6px;}input.chkmoney {width:100px;text-align:right;padding-right:6px;}*/
.act_move { margin-left:10px;}
.act_move:first-child { margin-left:0;}
.act_move img { vertical-align:middle;}
.dialog { display:none;}
.dialog>form>p { font-size:12px; color:#36bbbe; margin:4px 0 10px 0;}
.dialog div { margin-top:2px;}
.dialog iframe { border:0; width:100%; height:100%;}
.dialog td { padding:10px !important;}
.sel ul { margin-left:30px;}
.sel>ul>li { margin-top:6px;}
.sel input { width:auto !important;}
.sel label>input { margin-right:4px;}
.sel label.title { font-weight:bolder;}
.num { text-align:right; padding-right:10px !important;}
#book_list th { width:50px; height:60px;}
#book_list th img { width:40px; height:50px;}
table.pop .btnsWrap { margin-top:0;}
table.pop .btnsWrap button { width:50px; height:26px; margin:6px 0;}
table.pop .btnsWrap button:first-child { margin-top:0;}
.btnsWrap.inform { margin-top:10px;}
table.intable { width:98%; margin:4px 0;}
table.intable th { height:auto; padding:4px 0;}
table.intable td { text-align:center; border:0; padding:4px 0;}
.categoryList>li>ul li.noview { background-color:#e0e0e0;}
td.list-btn>div { margin-top:4px;}
td.list-btn>div:first-child { margin-top:0;}
.SearchForm .btnsWrap { margin-top:14px; margin-bottom:4px;}
.list-no { font-size:13px; color:#a9a9a9 !important;}
.info-msg { color:#36bbbe;}
.join-naver { font-size:12px; color:#1ec545;}
.ord-pc { font-size:12px; color:#4a89f2;}
.ord-mobile { font-size:12px; color:#fa485b;}
.order-top>div { font-weight:bolder;}
.order-goods { font-size:0.8em; color:#b16589; letter-spacing:-1px;}
.order-top .order-goods { color:#f00281; font-weight:normal;}
body.pop .btnsWrap { margin-top:14px; margin-bottom:4px;}
body.pop .btnsWrap button { width:88px; height:28px;}
body.pop button.colorBtn { width:88px; height:28px;}
body.pop .commonTable th { background:#f1f6f9; font-weight:normal; height:auto !important; padding:4px; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; line-height:120%;}
body.pop fieldset { clear:both; margin-top:10px;}
body.pop fieldset:first-child { margin-top:0;}
body.pop fieldset>p { font-weight:bolder;}
body.pop th { height:32px; line-height:120%;}
body.pop td label { display:inline-block; width:70px; line-height:120%;}
body.pop .pageNation { margin-top:10px;}
.price span { display:inline-block; width:80px; text-align:right; padding-right:4px;}
.price input { width:70px; text-align:right; padding-right:4px;}
.fphone { width:60px !important;}
table.sublist th { height:auto !important; line-height:170%;}
table.sublist td { text-align:center;}
table td.al_left { text-align:left; padding-left:10px;}
.mem_del_Y { background-color:#dfdfdf;}
ul.img-list>li { display:inline-block; overflow:hidden; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; padding:10px 4px; font-size:13px;}
ul.img-list>li .title { letter-spacing:-1px;}
ul.img-list button.del { background:url('/images/boffice/delBtn.jpg') no-repeat; width:16px; height:16px; vertical-align:middle;}
.inl { display:inline-block;}
.boardView .viewInfo span { width:300px;}
tr.view-n>td { background-color:#eee;}
i.file { font-size:0px; text-indent:-9999px; display:inline-block; width:20px; height:17px; vertical-align:middle; background:url('/images/boffice/file.png') no-repeat;}
i.file.pdf { background:url('/images/boffice/file_pdf.png') no-repeat;}
i.file.xls { background:url('/images/boffice/file_exel.png') no-repeat;}
i.file.hwp { background:url('/images/boffice/file_hwp.png') no-repeat;}
i.file.jpg { background:url('/images/boffice/file_jpg.png') no-repeat;}
i.file.ppt { background:url('/images/boffice/file_ppt.png') no-repeat;}
.boardView .viewInfo.file a::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/file.png') no-repeat; vertical-align:middle; margin-right:2px;}
.boardView .viewInfo.file a.pdf::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/file_pdf.png') no-repeat; vertical-align:middle; margin-right:2px;}
.boardView .viewInfo.file a.xls::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/file_exel.png') no-repeat; vertical-align:middle; margin-right:2px;}
.boardView .viewInfo.file a.hwp::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/file_hwp.png') no-repeat; vertical-align:middle; margin-right:2px;}
.boardView .viewInfo.file a.jpg::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/file_jpg.png') no-repeat; vertical-align:middle; margin-right:2px;}
.boardView .viewInfo.file a.ppt::before { content:""; display:inline-block; width:20px; height:17px; background:url('/images/boffice/file_ppt.png') no-repeat; vertical-align:middle; margin-right:2px;}
i.reply { font-size:0px; text-indent:-9999px; display:inline-block; width:16px; height:18px; vertical-align:middle; background:url('/images/boffice/reply.png') no-repeat 0 0;}
.comm-cnt { display:inline-block !important; font-size:13px; color:#4a89f2;}
.comm-list { padding:4px 10px; background-color:#e1e1e1;}
.comm-list>span { font-weight:bolder; margin-right:10px;}
.comm-list>button.del { background:url('/images/boffice/delBtn.jpg') no-repeat; width:16px; height:18px; vertical-align:middle; margin-left:6px;}
.commonBtn>i { font-size:13px;}
.board-book-info { font-weight:bolder; margin-bottom:4px; margin-right:10px;}
.board-book-info img { max-height:34px; vertical-align:bottom;}
.down-list { padding:4px 10px; background-color:#e1e1e1;}
.down-list>span { display:inline-block; width:60px; text-align:right; margin-right:20px;}
.down-list>span:first-child { width:110px; text-align:left;}
table tr.default td { background-color:#e1e1e1;}
button.act_result { color:#4a89f2;}
select.pay { width:80px; color:#fa485b;}
#selected_lecture { color:#f00281;}
.msel div.select { float:left; margin-right:6px;}
.msel div.select>div { margin-bottom:4px;}
.msel select { background:none; width:100%; height:170px;}
.msel .btns { float:left; height:100%; margin-right:6px; padding-top:26px;}
.msel .btns>div { margin-top:4px;}
.msel .btns .commonBtn { width:30px; height:30px;}
#btn_ext { float:right; display:block; font-size:12px; padding:1px 10px 3px 10px; color:#fff; background:#f00281; text-align:center; cursor:pointer;}
.search_min { height:40px; overflow:hidden;}
.rowTable tr.log th { font-weight:normal;}
.rowTable tr.log td { color:#333;}
.rowTable tbody tr.mo_search_hide {display:none;}
.on .rowTable tbody tr.mo_search_hide {display:table-row;}
/*loading*/.loading { text-align:center; position:absolute; top:300px; z-index:8; border-radius:50%; width:50px; height:50px; background:#fff; left:50%; margin-left:-27.5px;}
.loading img { width:32px; height:32px; margin-top:9px;}
.fancybox-skin .fancybox-close { top:0; right:0; width:30px; height:30px; background:url('/images/boffice/btn_close_w.png') no-repeat 50% 50%;}/* .popup {position:absolute; top:50%; left:50%; width:630px; z-index:30; box-shadow:rgba(0,0,0,.5) 0 0 5px; display:none;}*/.popup { position:absolute; top:20%; left:20%; width:730px; z-index:30; border-radius:6px; box-shadow:rgba(0, 0, 0, .5) 0 0 5px; display:none;}
.popup .black { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:1000%; height:1000%; background:rgba(0, 0, 0, .1); z-index:-1;}
.popup .outbox { height:100%; background:#fff; border-radius:6px; overflow:hidden;}
.popup .title { position:relative; margin-bottom:0; font-size:14px; color:#fff; font-weight:500; line-height:25px; background:#00bacf; padding:0 10px; cursor:move;}
.popup .title .close { position:absolute; top:0; right:0; width:30px; height:30px; background:url('/images/boffice/btn_close_w.png') no-repeat 50% 50%;}
.popup table { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.popup th { padding:0; text-align:center; background:#f8f8f8; border-top:#ccc 1px solid; border-bottom:0;}
.popup th.pdl { border-left:#ccc 1px solid;}
.popup th.pdr { border-right:#ccc 1px solid;}
.popup .inbox { padding:20px;}
.popup .tit { position:relative; font-size:14px; color:#333; font-weight:500; line-height:15px; margin-bottom:10px;}
.popup .tit .search_wrap { position:absolute; top:-10px; right:0; width:620px; text-align:right; font-size:0;}
.popup .tit .search_wrap .text, .popup .tit .search_wrap .btn { height:25px; display:inline-block; font-size:13px; padding:0 8px;}
.popup .tit .search_wrap .datepicker { width:107px;}
.popup .tit .search_wrap span { font-size:13px; color:#333; font-weight:300; width:14px; height:25px; line-height:25px; text-align:center; vertical-align:top;}
.popup .tit .search_wrap select.text { font-size:12px; color:#333; width:90px; margin-left:20px;}
.popup .tit .search_wrap select+.text { color:#333; margin-left:5px;}
.popup .tit .search_wrap .btn { width:50px; background:#00bacf; border-radius:4px; color:#fff; margin-left:8px;}
.popup .tbl th { padding:5px 0; font-size:13px; color:#333; font-weight:400; height:25px; line-height:25px; text-align:center; border-bottom:0;}
.popup .tbl td label.check { width:16px; height:16px; margin:0 auto;}
.popup .tbl td label.check i { margin:0;}
.popup .tbl tr.on { background:#d4f5f9;}
.popup .tbl a { padding:0;}
.popup .tbl .scroll_list { border:#ccc 1px solid; border-top:0; border-radius:0 0 4px 4px;}
.popup .tbl ul { display:table; width:100%;}
.popup .tbl li { display:table-cell; text-align:center; font-size:13px; color:#999; font-weight:300; line-height:25px; height:25px; text-align:center; word-break:keep-all; cursor:default;}
.popup .tbl a:hover li { color:#333;}
.popup .btns { padding-top:20px; font-size:0;}
.popup .btn { display:inline-block; font-size:12px; color:#fff; font-weight:300; line-height:25px; height:25px; text-align:center; width:50px; background:#666; border-radius:4px; vertical-align:top; margin-left:5px;}
.popup .btn.select_fiile { background-color:#999;}
.popup .btn.checkpayment { width:68px; background-color:#999;}
.popup .selectbox { display:inline-block; vertical-align:top;}
.popup .title_line { position:relative; height:35px;}
.popup .title_line .btn_box { position:absolute; top:5px; right:0;}
.popup .noline_tbl th { background:#fff;}
/* popup */.popup_wrap { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:700; background:rgba(0, 0, 0, 0.3);}
.popup_wrap .popup_inner { position:absolute; top:50%; left:50%; max-width:calc(100vw - 40px); padding:20px 30px 30px; border-radius:5px; background:#fff; transform:translate(-50%, -50%);}
.popup_wrap .popup_inner .top_box { padding:0 0 10px 0;}
.popup_wrap .popup_inner .title { color:#222;}
.popup_wrap .popup_inner .button_box { margin-top:20px; font-size:0; text-align:center;}
.popup_wrap .popup_inner .button_box .btn { display:inline-block; margin:0;}
.popup_wrap .popup_inner .button_box .btn+.btn { margin-left:12px;}
.popup_wrap .popup_inner .button_box .btn_close { top:20px; right:30px; width:20px; height:20px;}
.popup_wrap .popup_inner .button_box .btn_closeTwo { top:20px; right:30px; width:20px; height:20px;}
.popup_bg { background:rgba(0, 0, 0, .2); width:100%; height:100vh; cursor:pointer;}/* Popup inner container */.popup_inner { background-color:#ffffff; width:400px; padding:20px; border-radius:8px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.15); z-index:1001; overflow:auto;}
.popup_inner .rightTitle { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.popup_inner .rightTitle h3 { font-size:20px; font-weight:bold; color:#333; margin:0;}
.popup_inner .btnWrap .close img { cursor:pointer;}
.popup_inner .realCont .choice { text-align:center; margin:15px 0;}
.popup_inner .realCont .choice .tit { font-size:18px; font-weight:500; margin-bottom:20px;}
.popup_inner .realCont .choice .cic { display:flex; justify-content:center; gap:50px; margin-top:15px;}
.popup_inner .realCont .emailCont .cmnbtn { width:100%;}
.reccheck { background:#e5e5e5; padding:10px; margin:10px 0; display:flex; gap:15px; justify-content:center; font-size:12px;}
.popup_inner .realCont input[type="radio"] { width:20px; height:auto; vertical-align:middle; display:inline-block;}
.popup_inner .realCont label { font-size:16px; color:#333; cursor:pointer; margin-left:5px; vertical-align:middle;}
.popup_inner .realCont .radio_wrap .cmnbtn { padding:4px 16px;}
.popup_inner .realCont .radio_wrap .cmnbtn:hover { background:#333; color:#fff;}
.popup_inner .realCont .radio_wrap { display:flex; justify-content:space-between; padding:20px 10px;}
.popup_inner .cmnbtn { display:inline-block; padding:15px 0; border-radius:4px; font-size:14px; font-weight:bold; text-align:center; cursor:pointer; text-decoration:none;}
.popup_inner .grybtn { background-color:#ccc; color:#333;}
.popup_inner .bluebtn { background-color:#00466b; color:#fff; display:inline-block; width:100%; text-align:center;}
.popup_inner .bluebtn:hover { background-color:#0056b3;}
.popup_inner .emailContIn { margin:20px 0 20px 0; padding-top:20px; border-top:1px dashed #ddd;}
.popup_inner .emailContIn .contIn_desc { text-align:center; margin-bottom:10px; font-size:25px; font-size:16px; font-weight:500;}
.popup_inner .emailContIn .contIn_desc .time { font-size:14px; font-weight:400;}
.popup_inner .emailContIn .pl { font-size:14px; color:#666; margin:15px 0;}
.popup_inner .emailContIn .pl.repeat { margin:20px 0; display:flex; justify-content:space-between; border:1px solid #ddd; padding:20px;}
.popup_inner .emailContIn input[type="text"] { width:calc(70% - 10px); padding:8px; border:1px solid #ccc; border-radius:4px; font-size:14px; margin-left:10px; display:inline-block;}
.popup_inner .emailContIn a[onclick*="fnSendCodeByEmail"] { font-size:12px; color:red; text-decoration:underline; cursor:pointer;}
.btn_close { position:absolute;}/*.btn_close::before,.btn_close::after {content:''; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#111; transform:rotate(45deg);}.btn_close::after {transform:rotate(-45deg);}*/.p_title { font-size:20px; font-weight:600;}
.margin5 { margin:5px;}
.btnWrap .btn { text-align:center; font-size:13px; height:28px; padding:4.5px 16px; border-radius:5px;}
.btnWrap .btn_bl { color:#fff; background:#39d1d4;}
.pop_admission .btn_btm { margin-top:20px; width:100%; text-align:center;}
.pop_admission .btn_btm .btn { text-align:center; font-size:13px; height:28px; padding:4.5px 16px; border-radius:5px; color:#fff; background:#39d1d4;}
.btm.btm_pop { display:flex; justify-content:center;}
.calenderWrap .month { background:#f8f8f8; font-size:13px; color:#333; font-weight:500; height:35px; padding:5px 10px; border-color:#f8f8f8; border-bottom-color:#ddd;}
.calenderWrap .month button { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#ccc; border-radius:4px; vertical-align:middle;}
.calenderWrap .calender ul li { float:left; width:154px; border:1px solid #ddd; position:relative; min-height:110px; vertical-align:top; padding:10px; border-top:0; font-size:12px;}
.calenderWrap .calender ul li+li { border-left:0;}
.calenderWrap .calender ul.week li { font-size:12px; color:#666; font-weight:300; height:30px; min-height:30px; padding:0 10px; text-align:left; border-bottom:0;}
.calenderWrap .calender ul li .btn_set { display:block; font-size:12px; color:#666; font-weight:300; height:20px; line-height:18px; text-align:center; width:100%; background:#f7f7f7; border:#ccc 1px solid; border-radius:4px; margin:5px 0;}
.calenderWrap .calender ul li .tt { font-size:12px; letter-spacing:-1px;}
.calenderWrap .calender ul li .name { letter-spacing:-0.5px;}
.calenderWrap .calender ul li .name a { color:#00bacf;}
.calenderWrap .calender .date div { font-size:12px;}
.calenderWrap .hollyday { color:#f00281;}
.calenderWrap .weekend { color:#0d2bff;}
.calenderWrap img { max-width:100%; display:block; margin-top:5px; margin-left:7px;}
.schedule_list table { table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.schedule_list { width:100%; padding-bottom:20px;}
.schedule_list th, .schedule_list td { border:#ddd 1px solid;}
.schedule_list thead th { background:#f8f8f8; font-size:13px; color:#333; font-weight:500; height:35px; padding:0 10px; border-color:#f8f8f8; border-bottom-color:#ddd;}
.schedule_list thead .left { text-align:left;}
.schedule_list thead .today a { display:block; font-size:12px; color:#fff; font-weight:300; line-height:20px; height:20px; width:50px; text-align:center; background:#00bacf; border-radius:4px;}
.schedule_list thead .center { text-align:center;}
.schedule_list thead .select .text, .schedule_list thead .select a { margin:0 3px;}
.schedule_list thead .select .text { width:90px; height:25px;}
.schedule_list thead .select a { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background-color:#ccc; border-radius:4px; vertical-align:middle;}
.schedule_list thead .text-ir { padding:0;}
.schedule_list thead .right { text-align:right; line-height:25px;}
.schedule_list thead .save label.onoff { margin:0 10px;}
.schedule_list thead .save .btn { display:inline-block; font-size:12px; color:#fff; font-weight:300; line-height:20px; height:20px; width:50px; text-align:center; background:#999; border:0; outline:0; border-radius:4px;}
.schedule_list thead .save.big .btn { width:90px; background:#666;}
.schedule_list thead td.tar { padding:10px;}
.schedule_list thead td .yy { overflow:hidden;}
.schedule_list thead td .yy span { position:relative; display:inline-block; margin-left:10px; font-size:13px; color:#666; font-weight:300; line-height:16px;}
.schedule_list thead td .yy span i { display:inline-block; width:16px; height:16px; border-radius:4px; vertical-align:middle; margin-right:5px;}
.schedule_list thead td .yy .yt i { background:#ff6655;}
.schedule_list thead td .yy .ys i { background:#333;}
.schedule_list tbody th { font-size:12px; color:#666; font-weight:300; height:30px; padding:0 10px; text-align:left; border-bottom:0;}
.schedule_list tbody td { position:relative; height:110px; vertical-align:top; padding:10px 10px 10px 30px; border-top:0;}
.schedule_list tbody td .day { position:absolute; top:10px; left:5px; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%;}
.schedule_list tbody td.before .day, .schedule_list tbody td.after .day { opacity:.5;}
.schedule_list tbody td:first-child .day { color:#ff6655;}
.schedule_list tbody td .btns { position:relative;}
.schedule_list tbody td .btns select { width:100%; height:20px; border-radius:4px; padding-left:5px; margin-top:5px; display:none;}
.schedule_list tbody td .btns.on select { display:block;}
.schedule_list tbody td .homework { position:absolute; bottom:0; left:0; width:100%; padding:10px 10px 10px 34px;}
.schedule_list tbody td .homework .tt { position:absolute; top:10px; left:5px; font-size:13px; color:#333; font-weight:500; height:20px; line-height:20px;}
.schedule_list tbody td.today { background:#f8f8f8;}
.schedule_list tbody td.today .day { background:#00bacf; color:#fff;}
.schedule_list tbody td .tt { font-size:12px; letter-spacing:-1px;}
.schedule_list tbody td .name { position:relative; margin:5px 0 0 0;}
.schedule_list tbody td .name p { font-size:12px; color:#666; line-height:20px; letter-spacing:-.5px;}
.schedule_list tbody td .name p a { color:#00bacf;}
.schedule_list tbody td .btn_set { display:block; font-size:12px; color:#666; font-weight:300; height:20px; line-height:18px; text-align:center; width:100%; background:#f7f7f7; border:#ccc 1px solid; border-radius:4px; margin:5px 0;}
.schedule_list.yy_list tbody td { padding-left:10px;}
.schedule_list.yy_list tbody td.today .day { background:none; color:#666;}
.schedule_list.yy_list tbody td.today .day .btn_set { background:#fff;}
.schedule_list.yy_list tbody td .tt { padding-left:20px;}
/* 팝업 추가(240926) */.popup_wrap .popup_cdate .rightTitle>h3 { font-size:20px; color:#555; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:inline-block;}
.popup_wrap .popup_app .rightTitle>h3 { font-size:20px; color:#555; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:inline-block;}
.popup_wrap .popup_empPwd .rightTitle>h3 { font-size:20px; color:#555; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:inline-block;}
.popup_wrap .popup_mem .rightTitle>h3 { font-size:20px; color:#555; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:inline-block;}
.popup_wrap .popup_logout .rightTitle>h3 { font-size:20px; color:#555; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:inline-block;}
/* 레드휘슬 > 기관 상세 */.tab-container { display:flex; margin:10px 0;}
.tab { width:150px; padding:10px 20px; cursor:pointer; border:1px solid #ccc; border-bottom:2px solid #ccc; font-weight:bold; color:#666; text-align:center;}
.tab.active { background-color:#333; color:#fff;}
/* 공통 관리 */
.flex { display:flex;}
.flex_wrap {flex-wrap:wrap;}
.vCenter {align-items:center;}
.gp25 { gap:25px;}
.gp20 { gap:20px;}
.gp10 {gap:10px;}
.mgb15 { margin-bottom:15px;}
.redtxt { color:#eb1212;}
.graytxt { color:#bbb;}
.redtxt.bl { display:block;}
.mg10 { display:inline-block; margin:15px 0;}.mgt10{margin-top:10px;}.mgt30 {margin-top:30px;}.mgb0{margin-bottom:0;}.mgb10{margin-bottom:10px;}.mgr40 {margin-right:40px;}.mgl40 {margin-left:40px;}
.bl {display:block;}
.aic { align-items:center;}
.alignCenter { align-items:center;}
.justifySB { justify-content:space-between; flex-wrap:wrap; gap:10px;}
.justifyEnd { justify-content:end;}
.justifyCT { justify-content:center;}
.section_wrap { gap:2.5%;}
.text_box { padding:2px; border:1px solid #333; background:#333; color:#fff; width:15px; height:15px; font-size:12px; line-height:15px; margin:0 5px;}
/* 대시보드 */
.wrap h3 { font-size:21px; color:#000; padding-left:24px; background:url(/images/boffice/h3Bg.png) no-repeat 0 50%; display:inline-block;}
.wrap .btnWrap { float:right;}
.notice { width:60%;}
.notice .text_box { border:1px solid #ffd511; background:#ffd511;}
.notice tr td a { display:flex; justify-content:flex-start; align-items:center; padding:0 20px; color:#000; font-size:15px;}

.board_wrap { margin-top:30px;}
.board_wrap .new { width:50%;}
.board_wrap .section_wrap .new {width:48.75%;}
.board_wrap .new .new_list { border:1px solid #ddd; margin-top:10px; background:#fff;}
.board_wrap .new .new_list .inbox { padding:20px; position:relative; display:block; font-size:14px;}
.board_wrap .new .new_list .inbox .tit { display:block; margin-bottom:10px;}
.board_wrap .new .new_list .inbox .tit .alert { width:70px; line-height:24px; height:24px; margin-right:20px; display:inline-block; text-align:center;}
.board_wrap .new .new_list .inbox .tit .alert.inspection { background:#eee; color:#000;}
.board_wrap .new .new_list .inbox .tit .alert.unreadable { background:#e74457; color:#fff;}
.board_wrap .new .new_list .inbox p { font-size:20px; font-weight:500; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_wrap .new .new_list .inbox .day { font-size:14px;}
.board_wrap .new .new_list p.subtxt { font-size:16px; color:#666; font-weight:500;}
.board_wrap .reporting p.yes { color:#000;}
.system .reporting .realCont ul { flex-wrap:wrap;}
.system .reporting .realCont li { margin-top:0; max-width:300px; width:calc(( 100%/ 2)- 10px); padding:16px 0;}
.system .reporting .realCont li.time { color:#fff; background:#111; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.system .reporting .realCont li.time #time { font-size:24px; font-weight:700;}
.system .detailTable { margin-top:20px;}
.agency { width:60%;}
.agency a { text-decoration:underline;}
.comment_wrap { padding:10px; background:#fff; margin-bottom:20px; border:1px solid #eee;}
.comment_wrap .cmt { display:flex; justify-content:space-between; font-size:14px;}
.comment_wrap .cmt .writer { display:flex; gap:5px; align-items:center;}
.comment_wrap .cmt .writer p { font-size:16px; font-weight:bold;}
.comment_wrap .commentSub_cmt { margin-top:10px; margin-left:20px;}
.svc_assignment li { margin-bottom:10px;}
.svc_assignment li:last-child {margin-bottom:0;}
td.cancel { align-items:center; justify-content:space-between;}
.end_btn {position:relative;}
.end_btn .rightbluebtn { display:flex;}
.end_btn .btnAbso {position:absolute; top:0; right:0;}
.red_wrap { display:flex; flex-direction:column;}
.red_wrap p { margin-left:0 !important;}
.flexBox { display:flex; align-items:center; gap:10px;}.time_box { display:flex; gap:25px; align-items:center;}
.wrap.time { display:flex; gap:20px; align-items:center;}
.wrap.date { display:flex; gap:10px; align-items:center;}
.wrap.date span label { margin-left:5px;}
.btnWrap {display:flex; gap:15px; justify-content:center;}
.btnWrap.end_btn { margin-top:40px;}
.btnWrap.end_pop{margin-top:10px;}
.end_btn button { width:150px; height:50px; justify-content:center; align-items:center;}
button.cancel { background:#bbbbbb;}
.end_pop button { width:100px; height:30px; justify-content:center; align-items:center;}
.we {font-weight:700;}
.empbox { display:flex; justify-content:center; align-items:center; background:#fff; padding:10%; margin-top:10px;}
.file_info { margin:10px 5px;}

/* partner Dashboard */
.dashboard_wrap.content .rightCont {padding-left:0 !important; padding-right:0 !important;}
.dashboard .sub {margin-bottom:50px;}
.dashboard .board_wrap {margin-top:0;}
.dashboard .reporting{width:100%;}
.dashboard .reporting ul {display:flex; gap:30px;}
.dashboard .reporting .realCont li {width:calc((100% - 90px) / 4); background:#fff; border:1px solid #ddd; display:flex; justify-content:space-between; padding:15px 30px; font-size:17px;}
.dashboard .reporting .realCont li strong {font-size:37px; margin-right:5px;}
.dashboard .reporting .realCont li.time {flex-direction:column; justify-content:center; align-content:baseline; align-items:center;}
.dashboard .reporting .realCont li.time #date {font-size:15px;}
.dashboard .reporting .realCont li.time #time {font-size:22px; font-weight:500;}
.dashboard .notice {width:100%;}
.dashboard .notice .desc {font-size:16px; margin:10px 0 0 0; display:inline-block;}

/* new_2025 */
* {box-sizing:border-box;}
.inner {width:1680px; max-width:100%; padding:0 20px; margin:0 auto;}

.ourlinebox {border:#ddd 1px solid; padding:50px 20px 56px;}

.board_list_type {border-top:#154360 2px solid; padding-top:20px; font-size:16px;}
.board_list_type .box {border-bottom:#707070 1px solid; padding:19px 0;}
.board_list_type .box .flex {position:relative; flex-wrap:wrap; align-items:center; gap:10px 60px; border:#ddd 1px solid; padding:15px 170px 15px 45px;}
.board_list_type .box .flex > div {display:flex; align-items:center; gap:4px; flex-wrap:wrap;}
.board_list_type .box .flex > div.vat {align-items:flex-start;}
.board_list_type .box .checkBox {position:absolute; top:20px; left:10px; font-size:0;}
.board_list_type .box .tit,
.board_list_type .box .linktxt,
.board_list_type .box .w100p {width:100%; font-weight:600;}
.board_list_type .box .width100p {width:100%;}
.board_list_type .box .view_adm {position:absolute; bottom:25px; right:50px;}
.board_list_type .box .view_adm span {position:relative; display:block; padding-left:22px;}
.board_list_type .box .view_adm span:before {content:""; position:absolute; top:0; left:0; width:16px; height:100%; background:#535353; mask:url('/images/boffice/icon_complete.png') no-repeat 0 50% / contain; -webkit-mask:url('/images/boffice/icon_complete.png') no-repeat 0 50% / contain;}
.board_list_type .box .view_adm span.redtxt:before {background:#e74457;}
.board_list_type .reply_wrap {position:relative; padding:30px 42px; border-bottom:#e5e5e5 1px solid;}
.board_list_type .reply_wrap:last-child {border-bottom:0;}
.board_list_type .reply_wrap .writer {margin-bottom:10px;}
.board_list_type .reply_wrap .writer span {position:relative;}
.board_list_type .reply_wrap .writer span:before {content:""; position:absolute; top:50%; left:-10px; width:2px; height:14px; transform:translateY(-50%); background:#000;}
.board_list_type .reply_wrap .writer span.redtxt:before {background:#e74457;}
.board_list_type .reply_wrap .txt {font-size:15px; color:#535353; margin-bottom:10px;}
.board_list_type .reply_wrap .view_adm {bottom:30px;}

.board_list_type .box[class*="row"] {padding-bottom:0; border-bottom:0;}
.board_list_type .box[class*="row"] ~ .box {padding-top:0; padding-bottom:0; border-bottom:0;}
.board_list_type .box.row1,
.board_list_type .box[class*="row"] ~ .box.row1 {padding:16px 0; border-bottom:#707070 1px solid;}
.board_list_type .box.row1 + .box {padding-top:16px;}
.board_list_type .box[class*="row"] .flex {border-bottom:0;}
.board_list_type .box[class*="row"] ~ .box .flex {border-bottom:0;} 
.board_list_type .box.row1 .flex,
.board_list_type .box[class*="row"] ~ .box.row1 .flex {border:#ddd 1px solid; padding-top:40px;}
.board_list_type .box.row1 + .box .flex {padding-top:40px; border-top:#ddd 1px solid;}
.board_list_type .box.row2 + .box,
.board_list_type .box.row3 + .box + .box,
.board_list_type .box.row4 + .box + .box + .box,
.board_list_type .box.row5 + .box + .box + .box + .box,
.board_list_type .box.row6 + .box + .box + .box + .box + .box,
.board_list_type .box.row7 + .box + .box + .box + .box + .box + .box,
.board_list_type .box.row8 + .box + .box + .box + .box + .box + .box + .box,
.board_list_type .box.row9 + .box + .box + .box + .box + .box + .box + .box + .box,
.board_list_type .box.row10 + .box + .box + .box + .box + .box + .box + .box + .box + .box {border-bottom:#707070 1px solid; padding-bottom:16px;}
.board_list_type .box.row2 + .box .flex,
.board_list_type .box.row3 + .box + .box .flex,
.board_list_type .box.row4 + .box + .box + .box .flex,
.board_list_type .box.row5 + .box + .box + .box + .box .flex,
.board_list_type .box.row6 + .box + .box + .box + .box + .box .flex,
.board_list_type .box.row7 + .box + .box + .box + .box + .box + .box .flex,
.board_list_type .box.row8 + .box + .box + .box + .box + .box + .box + .box .flex,
.board_list_type .box.row9 + .box + .box + .box + .box + .box + .box + .box + .box .flex,
.board_list_type .box.row10 + .box + .box + .box + .box + .box + .box + .box + .box + .box .flex {border-bottom:#ddd 1px solid;}

.rightTitle.mb {margin-bottom:20px;}
.board_list_type .inflex {display:flex; align-items:center; flex:0 0 auto; gap:4px;}
.board_list_type .inflex select {width:400px;}

.board_list_type .box .viewmanager span {position:relative; padding:0 5px 0 20px; margin-left:-20px; color:#fff; line-height:20px;}
.board_list_type .box .viewmanager .adm {background:#000;}
.board_list_type .box .viewmanager .reporter {background:#e74457;}
.board_list_type .box .viewmanager .reporter:after {content:""; position:absolute; top:0; right:-22px; width:15px; height:100%; background:url('/images/boffice/icon_viewmanager.png') no-repeat 50% 50% / contain;}

.btnWrap.end {margin-top:40px;}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1663px){
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
	.dashboard .reporting ul {flex-wrap:wrap;}
	.dashboard .reporting .realCont li {width:calc(50% - 15px);}
	.content {min-width:100%;}
/*로그인*/
	.loginPage .txtsection {padding:40px;}
/*header*/
	.gnbMenu {position:fixed; top:0; left:0; width:100%; z-index:100;}
	.gnbMenu .btn_menu {position:absolute; top:0; right:0; width:50px; height:50px;}
	.gnbMenu .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; margin-left:-10px; transition:.2s linear;}
	.gnbMenu .btn_menu .t {margin-top:-7px;}
	.gnbMenu .btn_menu .m {margin-top:-1px;}
	.gnbMenu .btn_menu .b {margin-top:5px;}
	.gnbMenu.on .btn_menu p {width:14px; height:4px; border-radius:2px;}
	.gnbMenu.on .btn_menu .t {margin:-1px 0 0 -3px; transform:rotate(135deg);}
	.gnbMenu.on .btn_menu .m {width:0;}
	.gnbMenu.on .btn_menu .b {margin:-1px 0 0 -11px; transform:rotate(-135deg);}
	.gnbMenu .gnbTop {height:50px; padding-right:70px;}
	.gnbMenu .gnbTop .name,
	.gnbMenu .gnbTop ul li {line-height:30px;}
	.gnbMenu .gnbTop ul {margin:0;}
	.gnbMenu .gnbTop .pc_vw {display:none;}
	.gnbMenu .gnb {position:fixed; top:50px; right:-100%; width:100%; height:calc(100vh - 50px); background:#fff; transition:.2s linear;}
	.gnbMenu.on .gnb {right:0;} 
	.gnbMenu .gnb .mo_vw {display:block !important;}
	.gnbMenu .gnb .loginfo {font-size:13px; text-align:right; padding:0 20px; line-height:30px; background:#eee; border-bottom:#ddd 1px solid;}
	.gnbMenu .gnb .loginfo strong {color:#e74457;}
	.gnbMenu .gnb ul {max-height:calc(100vh - 191px); overflow:auto;}
	.gnbMenu .gnb ul.pc_vw {display:none !important;}
	.gnbMenu .gnb ul.mo_vw {display:block !important;}
	.gnbMenu .gnb ul li {border-right:none; border-top:#ddd 1px solid; width:100%; height:auto;}
	.gnbMenu .gnb ul li a {justify-content:flex-start; height:50px;}
	.gnbMenu .gnb ul li a span {position:relative; display:flex; justify-content:flex-start; gap:10px; padding:0 20px; width:100%; text-align:left;}
	.gnbMenu .gnb ul li a span:after {content:""; position:absolute; top:0; right:20px; width:30px; height:100%; background:url('/images/boffice/arrow_mobile.svg') no-repeat 50% 50%; transition:.2s linear;}
	.gnbMenu .gnb ul li.on a span:after {transform:rotate(90deg);}
	.gnbMenu .gnb ul li.open a span:after {transform:rotate(90deg);}
	.gnbMenu .gnb ul li.on.open a span:after {transform:rotate(0deg);}
	.gnbMenu .gnb ul li#mainMenu110 a span:before {content:""; display:block; width:15px; aspect-ratio:1/1; background:#000; mask:url('/images/boffice/icon_home.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/boffice/icon_home.png') no-repeat 50% 50% / contain;}
	.gnbMenu .gnb ul li#mainMenu110 a span:after {display:none;}
	.gnbMenu .gnb ul li.open,
	.gnbMenu .gnb ul li.on {color:#2380d3; font-weight:700; background:#eee;}
	.gnbMenu .gnb ul li.on.open {color:#333; font-weight:400; background:#fff;}
	.gnbMenu .gnb ul li.open::after,
	.gnbMenu .gnb ul li.on::after {content:""; display:block; position:absolute; width:100%; background:#0076d1; height:3px; bottom:auto; top:0;}
	.gnbMenu .gnb ul li.on.open::after {height:0;}
	.gnbMenu .gnb ul li#mainMenu110.on a span:before {background:#2380d3;}
	.gnbMenu .gnb ul ul {max-height:none; overflow:hidden; background:#f1f6f9; border-bottom:0; display:none;}
	.gnbMenu .gnb ul .on ul {display:block;}
	.gnbMenu .gnb ul ul li {font-weight:400;}
	.gnbMenu .gnb ul ul li:after {display:none !important;}
	.gnbMenu .gnb ul ul li a {padding:0 20px;}
	.gnbMenu .gnb ul ul li.on {background:none; font-weight:700;}
	.gnbMenu .gnb .privacy {font-size:14px; color:#000; text-align:center; line-height:30px; padding:40px 20px;} 
/* 대시보드 */
	.content .rightCont {font-size:13px;}
	.dashboard_wrap.content .rightCont {padding:0 20px 130px;}
	.mo_page_tit {display:block !important; font-size:14px; color:#535353; font-weight:500; line-height:30px; padding:0 20px; margin:50px 0 40px; background:#eee;}
	.mo_page_tit.tar {text-align:right; color:#0076d1;}
	.dashboard .notice .desc {font-size:15px;}
/* sub */
	.content .lnb {display:none;}
	.rowTable tbody th {padding:10px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.mo_vw {display:block !important;}
	.pc_vw {display:none !important;}

	input[type="text"],
	select {font-size:13px;}
	i.notice {font-size:12px;}
/*로그인*/
	.loginPage .login {width:100%; height:100%; max-width:100%; top:0; left:0; transform:none; padding:0 20px; background:#f6faff;}
	.loginPage .login_table {display:flex; flex-direction:column; border-radius:0; border:0; background:none;}
	.loginPage .login_table>div.imgsection {display:block; width:100%; background:none; text-align:center; padding:30px 0 20px;}
	.loginPage .imgsection strong {font-size:20px; color:#0076d1;}
	.loginPage .imgsection p {font-size:12px; color:#000;}
	.loginPage .txtsection {display:block; padding:20px; background:#fff; border:#ddd 1px solid; border-radius:5px;}
	.loginPage .redtxt {font-size:12px;}
	.loginPage .login button {font-size:13px; height:40px;}
	.loginPage .login .btn_login {margin-top:10px;}
	.loginPage .login .dotsline {margin:10px 0 5px;}
	.loginPage .login .btn_find_pw {margin-bottom:5px;}
	.loginPage .login .infobox {padding:10px;}
	.popup_inner .emailContIn input[type="text"] {width:calc(50% - 10px);}
	.content .rightCont {padding:0 20px 60px;}
	.mo_page_tit {font-size:12px; line-height:30px; margin-bottom:30px;}
/* 대시보드 */
	.dashboard_wrap.content .rightCont {padding:0 20px 0;}
	.wrap h3,
	.content .rightCont .rightTitle>h3 {font-size:16px; line-height:33px;}
	.content .rightCont .rightTitle {gap:5px;}
	.content .rightCont .rightTitle .colorBtn {padding:6px 15px;} 
	.content .rightCont .rightTitle .mgl40 {margin-left:20px;}
	.dashboard .reporting ul {gap:10px;}
	.dashboard .reporting .realCont li {width:calc(50% - 5px); height:65px; padding:10px; font-size:13px;}
	.dashboard .reporting .realCont li.time #date {font-size:12px;}
	.dashboard .reporting .realCont li.time #time {font-size:18px;}
	.dashboard .reporting .realCont li strong {font-size:24px;}
	.dashboard .reporting .realCont li .count {display:flex; align-items:flex-end;}
	.dashboard .sub {margin-bottom:0;}
	.dashboard .sub.reporting {margin-bottom:50px;}
	.dashboard .notice {position:relative; padding:50px 0; margin:0; z-index:1;}
	.dashboard .notice:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f9f9f9; transform:translateX(-50%); z-index:-1;}
	.dashboard .notice .desc {font-size:12px;}
	.dashboard .notice .commonTable {background:none;}
	.dashboard .notice .commonTable tbody td {border-left:0; color:#000 !important; height:40px; border-bottom-color:#ddd;}
	.notice tr td a {font-size:13px; padding:0 10px;}
	.dashboard .board_wrap .section_wrap {gap:0; flex-direction:column;}
	.dashboard .board_wrap .section_wrap .new {position:relative; width:100%; border:0; padding:50px 0; z-index:1;}
	.dashboard .board_wrap .section_wrap .new:nth-child(2n):before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f9f9f9; transform:translateX(-50%); z-index:-1;}
	.board_wrap .new .new_list .inbox {padding:10px; font-size:12px;}
	.board_wrap .new .new_list .inbox .tit {margin-bottom:5px;}
	.board_wrap .new .new_list .inbox .tit .alert {width:60px;}
	.board_wrap .new .new_list .inbox p {font-size:14px; margin-bottom:0;}
	.board_wrap .new .new_list .inbox .btm {position:absolute; top:10px; right:10px;}
	.board_wrap .new .new_list .inbox .day {font-size:12px;}
	.board_wrap .new.anonymous .new_list .inbox p,
	.board_wrap .new.comment .new_list .inbox p {width:calc(100% - 90px);}
	.board_wrap .new.anonymous .new_list .inbox p.subtxt,
	.board_wrap .new.comment .new_list .inbox p.subtxt {width:100%;}
/* sub */
	.content .lnb {display:none !important;}
	.realCont .topCont {font-size:13px;}
	.commonTable tbody th {font-size:14px;}
	.viewPagenation li span,
	.viewPagenation li a {font-size:13px;}
	input[type="text"], select {height:40px;}
/* 개인정보 수정 */
	.time_box {gap:20px;}
	.time_box,
	.wrap.date {flex-wrap:wrap;} 
	.wrap.date span {width:calc((100% - 30px)/4);}
	.wrap.date span input {margin:0 !important;}
	.time_box + .redtxt {display:block; margin-top:5px;}
/* 쓰기 테이블 */
	.moBreakTable {position:relative; border-top:#00466b 2px solid;}
	.moBreakTable:after {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:1px; background:#ddd; transform:translateX(-50%); z-index:1;}
	.moBreakTable colgroup {display:none;}
	.moBreakTable,
	.moBreakTable tbody,
	.moBreakTable tbody th,
	.moBreakTable tbody td {display:block;}
	.moBreakTable tbody tr {position:relative; display:flex; flex-wrap:wrap; z-index:1;}
	/*.moBreakTable tbody tr:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f9f9f9; z-index:-1; transform:translateX(-50%);}
	.moBreakTable tbody tr:first-child:before {display:none;}*/
	.moBreakTable tbody th,
	.moBreakTable tbody td {position:relative; width:100%; height:auto; border-left:0;}
	.moBreakTable tbody td input[type="text"] {width:100% !important;}
	.moBreakTable tbody td .max_half {width:50% !important; max-width:50% !important;}
	.moBreakTable tbody td .mo_tel_flex {display:flex; gap:5px; align-items:center; margin:0;}
	.moBreakTable tbody td .mo_tel_flex input {width:calc((100% - 36px)/3);}
	.moBreakTable tbody td input {max-width:100%;}
	input[type="text"].chknum {width:calc((100% - 26px)/3) !important;}
	.moBreakTable tbody td select {width:100% !important; margin-top:5px;}
	.moBreakTable tbody td select:first-child {margin-top:0;}
	.moBreakTable tbody td .rightlightgraybtn {width:100%; margin-top:5px; margin-left:0;}
	.moBreakTable tbody td .mo_abso {position:absolute; bottom:10px; right:0; width:70px; padding:6px 10px;}
	.moBreakTable tbody td p {width:100%; font-size:13px;}
	.moBreakTable tbody td .search p {width:calc(100% - 75px);}
	.moBreakTable tbody td .search .colorBtn {padding:5px 10px; width:70px;}
	.writeTable tbody td p.gap5 input[type="text"] {width:calc(100% - 115px) !important;}
	.writeTable tbody td p.gap5 .colorBtn {padding:4px 10px; width:110px; line-height:20px;}
	.moBreakTable tbody td .mo_flex.inbtn input[type="text"] {width:calc(100% - 75px) !important;}
	.moBreakTable tbody td .mo_flex.inbtn .colorBtn {padding:4px 10px; width:70px; line-height:20px;}

	.thBreak,
	.rowTable {padding-top:10px;}
	.thBreak tbody th,
	.thBreak tbody t3,
	.rowTable tbody th,
	.rowTable tbody td {border-bottom:0; padding:15px 0;}
	.rowTable tbody td[style="padding:10px 10px"] {padding-left:0 !important; padding-right:0 !important;}
	.thBreak tbody th,
	.rowTable tbody th {color:#000; font-weight:500; background:none; padding-bottom:10px;}
	.thBreak tbody td,
	.rowTable tbody td {padding-top:0;}
	.thBreak tbody td {padding-left:0;}
	.mo_w100p {width:100% !important;}
	.rowTable tbody td .flex.gap5.twma button {width:calc((100% - 15px)/4);}

	.noBreakTable {display:table;}
	.noBreakTable tbody {display:table-row-group;}
	.noBreakTable tbody tr {display:table-row;}
	.noBreakTable tbody th,
	.noBreakTable tbody td {display:table-cell; width:auto;}

	.mo_rev {flex-direction:column-reverse; align-items:flex-start !important;}

	.total.tar {text-align:right; padding-top:10px; color:#000;}
	.total.tar span {color:#e74457;}
	.btn_btm {display:flex !important; justify-content:center; gap:10px; margin-top:20px;}
	.btn_btm .colorBtn {width:120px; max-width:calc(50% - 5px);}

	.SearchForm {position:relative;}
	.btn_search_opcl {position:absolute; top:20px; right:0; z-index:2; font-size:14px; color:#00466a; line-height:20px; padding-right:20px;}
	.btn_search_opcl.top_type {top:40px;}
	.btn_search_opcl:after {content:""; position:absolute; top:0; right:0; width:12px; height:100%; background:url('/images/boffice/arrow_search.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.on .btn_search_opcl:after {transform:rotate(180deg);}
	.moBreakTable tbody tr.mo_search_hide {display:none;}
	.moBreakTable tbody tr.mo_search_hide td {padding-left:0 !important; padding-right:0 !important;}
	.on .moBreakTable tbody tr.mo_search_hide {display:block;}
/* 게시판 상단 */
	.totalWrap {flex-wrap:wrap; gap:10px 0;}
	.totalWrap .total {margin-left:0;}
	.totalWrap .rightWrap {width:100%;}
	.totalWrap .rightWrap .tit {line-height:33px; width:60px;}
	.totalWrap .rightWrap select {width:160px;}
	.totalWrap .rightWrap .btnWrap {max-width:calc(100% - 210px);}
	/*.totalWrap .rightWrap .btnWrap .colorBtn {width:100%;}*/
	.SearchForm .excel_wrap {position:relative;}
	.excel_wrap .left {display:flex; gap:5px; width:100%;}
	.excel_wrap .left .colorBtn {width:calc((100% - 10px)/3); padding:6px 0;}
	.SearchForm .excel_wrap .bbsShowBtn {position:absolute; top:-43px; right:0; width:calc(100% - 240px); padding:6px 0;}
	.excel_wrap .right {display:none;}
/* new_2025 목록 */
.ourlinebox {border:#ddd 1px solid; padding:50px 20px 56px;}

	.board_list_type {padding-top:10px;}
	.board_list_type .box {position:relative; padding:10px 0; font-size:13px; border-bottom:0;}
	.board_list_type .box:after {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:1px; background:#ddd; transform:translateX(-50%);}
	.board_list_type .box .flex {gap:5px 15px; padding:40px 20px; border:0; padding:10px 0; flex-wrap:wrap;}
	.board_list_type .box .flex > div,
	.board_list_type .box .flex > span {order:10;}
	.board_list_type .box .flex .num {display:none;}
	.board_list_type .box .flex .idnum {order:1;}
	.board_list_type .box .flex .status {order:2;}
	.board_list_type .box .checkBox {top:15px; left:0;}
	.board_list_type .box .checkBox.motop2 {top:40px;}
	.board_list_type .box .tit,
	.board_list_type .box .linktxt,
	.board_list_type .box .w100p {width:auto; flex:1 1 calc(100% - 21px);}
	.board_list_type .box .checkBox + .tit,
	.board_list_type .box .checkBox + .linktxt {padding-left:21px;}
	.board_list_type .box .view_adm {bottom:auto; top:10px; right:0;}
	.board_list_type .box .view_adm span {padding-left:20px;}
	.board_list_type .box .view_adm span:before {width:14px;}
	.board_list_type .reply_wrap {padding:20px 0 20px 10px; border-bottom:0; z-index:1;}
	.board_list_type .reply_wrap:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f9f9f9; transform:translateX(-50%); z-index:-1;}
	.board_list_type .reply_wrap + .reply_wrap {border-top:#e5e5e5 1px solid;}
	.board_list_type .reply_wrap .txt {font-size:13px; color:#000; font-weight:500; margin-bottom:5px;}

	.board_list_type .box[class*="row"] {padding-bottom:5px;}
	.board_list_type .box[class*="row"] ~ .box {padding-top:5px; padding-bottom:5px;}
	.board_list_type .box[class*="row"]:after,
	.board_list_type .box[class*="row"] ~ .box:after {display:none;}
	.board_list_type .box.row1,
	.board_list_type .box[class*="row"] ~ .box.row1 {padding:12px 0;}
	.board_list_type .box.row1 + .box {padding-top:12px;}
	.board_list_type .box.row1 .flex,
	.board_list_type .box[class*="row"] ~ .box.row1 .flex {padding-top:20px; border:0;}
	.board_list_type .box.row1 + .box .flex {padding-top:20px; border-top:0;}
	.board_list_type .box.row2 + .box,
	.board_list_type .box.row3 + .box + .box,
	.board_list_type .box.row4 + .box + .box + .box,
	.board_list_type .box.row5 + .box + .box + .box + .box,
	.board_list_type .box.row6 + .box + .box + .box + .box + .box,
	.board_list_type .box.row7 + .box + .box + .box + .box + .box + .box,
	.board_list_type .box.row8 + .box + .box + .box + .box + .box + .box + .box,
	.board_list_type .box.row9 + .box + .box + .box + .box + .box + .box + .box + .box,
	.board_list_type .box.row10 + .box + .box + .box + .box + .box + .box + .box + .box + .box {padding-bottom:0;}
	
	.board_list_type .box .btn_select {width:100%;}
	.board_list_type .box .tit input[type="text"],
	.board_list_type .box select {width:auto !important; flex:1 1 auto;}
	.articleWrite fieldset table td {padding-left:0; padding-right:0;}
	.commonTable tbody td:last-child {border-right:0;}

	.rightTitle.mb {margin-bottom:15px;}
	.board_list_type .inflex select {width:50%;}

	.pos_r {position:relative;}
	.board_list_type .box .viewmanager span {padding:0 5px 0 10px; margin-left:0;}
	.answerCont {border:0; border-top:#00466b 2px solid; color:#137cd3; margin-bottom:0; padding:20px 10px;}
	.flexbox,
	.mo_flex {display:flex !important;}
	.mo_flex.inbtn {gap:5px;}
	.flexbox {gap:5px; flex-wrap:wrap; align-items:center;}
	.mo_colm {flex-direction:column;}
	.gap5 {gap:5px;}
	.gap50 {gap:5px 0;}
	.order1 {order:1;}
	.order2 {order:2;}
	.order3 {order:3;}
	.flexBtnHalf {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px;}
	.flexBtnHalf button {width:calc(50% - 5px);}

	.btnWrap.end_btn {flex-wrap:wrap;}
	.btnWrap.end {margin-top:20px;}
	.pageNation .btnWrap {left:0;}
	.pageNation .btnWrap .colorBtn {padding:6px 10px;}
	.pageNation a {width:22px; height:30px; line-height:30px; font-size:13px; margin:0;}
	.mb5 {margin-bottom:5px;}
	span.mb5 {display:block;}
/* 상세 */
	.content .rightCont .rightTitle {position:relative; display:flex; flex-wrap:wrap;}
	.content .rightCont .rightTitle .rightbluebtn.mo_vw {position:absolute; top:0; right:0;}
	.content .rightCont .rightTitle .printDiv {display:none;}
	.content .rightCont .rightTitle .printDiv select {font-size:13px;}
	.articleWrite fieldset table td .mem_wrap {gap:5px; padding:10px 0;}
	.articleWrite fieldset table td .mem_wrap p.mem {width:100%; margin:0;}
	.articleWrite fieldset table td .memo_area {flex-direction: column; align-items: flex-end;}
	.articleWrite fieldset table td .memo_area textarea {width:100%; height:90px;}
	.articleWrite fieldset table td .memo_area button {width:70px; padding:6px 10px;}
	.red_wrap {padding-left:0 !important; padding-right:0 !important;}
	.moBreakListTable {border-top-color:#ddd;}
	.moBreakListTable colgroup,
	.moBreakListTable thead {display:none;}
	.moBreakListTable,
	.moBreakListTable tbody,
	.moBreakListTable tbody td {display:block;}
	.moBreakListTable tbody tr {position:relative; display:flex; flex-wrap:wrap; gap:10px; padding:15px 80px 15px 0;}
	.moBreakListTable tbody tr + tr {border-top:#ebebeb 1px solid;}
	.moBreakListTable tbody td {padding:0; border:none;}
	.moBreakListTable tbody .cont {width:100%; font-weight:500;}
	.moBreakListTable tbody .care {position:absolute; bottom:10px; right:0; width:auto;}
	.moBreakListTable tbody .care .btnAbso {width:70px; padding:6px 10px;}
	.end_btn {gap:10px;}
	.end_btn button {width:120px; height:40px; flex:1 1 calc((100% - 30px)/4);}
	.end_btn .btnAbso {position:relative;}

	.breakTdFlex colgroup,
	.breakTdFlex thead,
	.breakTdFlex #headTr {display:none;}
	.breakTdFlex tbody tr {position:relative; border-bottom:#e7e7e7 1px solid; padding:5px 110px 5px 0;}
	.breakTdFlex tbody td {display:flex; align-items:center; border-bottom:0; padding:5px 0;}
	.breakTdFlex tbody td span {width:70px; text-align:left;}
	.breakTdFlex tbody td input[type="text"],
	.breakTdFlex tbody td select {width:calc(100% - 70px) !important;}
	.breakTdFlex tbody .care {position:absolute; top:50%; right:0; transform:translateY(-50%); width:auto; padding:0;}
	.moBreakTable tbody td .in_mt0s select {margin-top:0;}
	.flex.mgb10.vCenter {width:100%; gap:5px;}
	.moBreakTable tbody td .flex.mgb10.vCenter input[type="text"] {width:calc(100% - 215px) !important; max-width:220px;}
	.moBreakTable tbody td .flex.mgb10.vCenter select {width:80px !important;}

	.moBreakTable tbody td .mo_flex input[type="text"] {width:auto !important; flex:1 1 50%;}
}