@charset "UTF-8";

/*정렬*/
.flexBox {
	display:flex;
	align-items:center;
}
.flexEnd {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.flexCenter {
	display:flex;
	justify-content:center;
	align-items:center;
}
.flexBetween {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

/*버튼*/
.btnList {
	width:80px;
	height:35px;
	background:#262626;
	color:#fff;
	font-size:14px;
	line-height:35px;
	text-align:center;
}
.btnOrange {
	width:80px;
	height:35px;
	background:#fb8200;
	color:#fff;
	font-size:14px;
	line-height:35px;
	text-align:center;
}
.btnGray {
	width:80px;
	height:35px;
	background:#767676;
	color:#fff;
	font-size:14px;
	line-height:35px;
	text-align:center;
}

/********** 통합검색 **********/
.btnDefaultSearch {
   width:100px;
   height:40px;
   font-size:16px;
   color:#fff;
   background:#173b6e;
   cursor:pointer;
}
.btnDetailSearch {
   width:100px;
   height:40px;
   font-size:16px;
   color:#173b6e;
   background:none;
   border:1px solid #173b6e;
   cursor:pointer;
}
.btnDelete {
   background:none;
   font-size:12px;
   color:#888;
} 
.btnDelete:hover {
   color:#222;
}
.btnRefresh {
   font-size:14px;
   background:none;
   white-space:nowrap;
}
.btnRefresh:after {
   content:"\27F2";
   display:inline-block;
   font-size:18px;
   font-weight:bold;
   margin-left:5px;
}
/*상세검색*/
.searchOption {
   max-width:1025px;
   width:100%;
   margin:0 auto;
   display:flex;
   justify-content:space-between;
}
.searchOption div {
   display:flex;
   align-items:center;
   width:100%;
}
.searchOption div h5 {
   width:150px;
   font-size:14px;
   margin:0; 
   padding:20px 10px 20px 0;
   background:none;
}
.searchOption div .searchTag {
   display:flex;
   flex-wrap:wrap;
   width:calc(100% - 150px);
}
.searchOption div .searchTag > li {
   display:flex;
   justify-content:space-between;
   width:auto;
   margin:5px 5px 0 0;
   padding:3px 10px;
   border:1px solid #666;
   border-radius:30px;
}
.searchOption div .searchTag > li:last-child {
   margin-right:0;
}
.searchOption div .searchTag > li p {
   font-size:14px;
   font-weight:400;
}
/*올담 내부 rfc 공통*/
.systemCont {
   margin-top:40px;
   padding:0 24px;
   font-family:'NotosansKr', sans-serif;
}
.systemCont > h4 {
   font-size:18px;
   font-weight:bold;
   color:#262626;
   background:transparent !important;
}
.systemCont > h4:before {
   content:"";
   display:inline-block;
   width:3px;
   height:18px;
   margin:0 5px -2px 0;
   background:#262626;
}
.systemCont .searchBox {
   display:flex;
   align-items:center;
   margin:8px 0;
}
.systemCont .searchBox > li:not(:last-child) {
   margin-right:8px;
}
.systemCont .searchBox > li select {
   min-width:140px;
   height:40px;
   padding:0 16px 0 8px;
   border:1px solid #ccc;
   background:url(/images/sp/iconSelect.png) no-repeat 96% center / 9px, #fff;
   appearance:none;
   font-family:'NotosansKr', sans-serif;
}
.systemCont .searchBox > li select::-ms-expand {
	display:none;
}
.systemCont input[type=text] {
   min-width:160px;
   height:40px;
   padding:0 5px;
   border:1px solid #ccc;
   border-radius:0;
   font-family:'NotosansKr', sans-serif;
}
.systemCont input[type=text].find {
   width:200px;
}
.systemCont [class^=btn] {
   font-family:'NotosansKr', sans-serif;
   cursor:pointer;
}
.systemCont .btnSysSearch {
   height:40px;
   padding:0 14px;
   background:#D20010;
   font-weight:bold;
   color:#fff;
}
.systemCont .btnGreen {
   height:40px;
   padding:0 14px;
   background:#008405;
   font-weight:bold;
   color:#fff;
}
.systemCont .tabBox {
   display:flex;
   align-items:center;
   border-bottom:1px solid #dedede;
   margin:16px 0;
}
.systemCont .tabBox > li {
   position:relative;
   width:120px;
   height:40px;
   background:#f8f8f8;
   font-size:14px;
   font-weight:bold;
   color:#676767;
   text-align:center;
   line-height:40px;
   border-right:1px solid transparent;
   border-image:linear-gradient(to bottom, #676767 5px, #dedede 5px, #dedede);
   border-image-slice: 1;
   cursor:pointer;
   z-index:2;
}
.systemCont .tabBox > li:before {
   content:"";
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:4px;
   background:#676767;
}
.systemCont .tabBox > li:first-child {
   border-left:1px solid #dedede;
}
.systemCont .tabBox > li.active {
   background:#fff;
   color:#1066B0;
}
.systemCont .tabBox > li.active:before {
   background:#1066B0;
}
.systemCont .tabBox > li.active:after {
   content:"";
   position:absolute;
   bottom:-1px;
   left:0;
   width:100%;
   height:3px;
   background:#fff;
}
.systemCont .tabCont > div {
   display:none;
}
.systemCont .tabCont > div.active {
   display:block;
}
.systemCont div[class^=flex] {
   display:flex;
   justify-content:space-between;
} 
.systemCont div[class^=flex] > div {
	width:48%;
}
.systemCont div[class^=flex] > div .listTable {
	height:100%;
}
.systemCont div[class^=flex] > div .listTable thead,
.systemCont div[class^=flex] > div .listTable tfoot {
	height:49px;
}
.systemCont .listTable {
   width:100%;
   font-size:14px;
   text-align:center;
   border-top:2px solid #94aec5;
}
.systemCont .listTable thead th {
   background:#EFF7FE;
   color:#195182;
   padding:14px 5px;
   text-align:center;
   vertical-align:middle;
}
.systemCont .listTable tbody tr {
   border-bottom:1px solid #ccc;
}
.systemCont .listTable tbody td {
   padding:14px 10px;
}
.systemCont .listTable tbody tr td:not(:last-child) {
   border-right:1px dashed #ccc;
}
.systemCont .listTable tfoot tr {
   border-bottom:1px solid #ccc;
}
.systemCont .listTable tfoot td {
   padding:14px 10px;
   background:#f5f5f5;
   font-weight:bold;
}
.systemCont .pagination div {
   display:flex;
   justify-content:center;
   align-items:center;
   margin:8px 0;
}
.systemCont .pagination div a {
   width:28px;
   height:28px;
   display:block;
   color:#565656;
   text-align:center;
   line-height:24px;
   border-radius:50%;
   font-size:14px;
   cursor:pointer;
}
.systemCont .pagination div a:not(:last-child) {
   margin-right:2px;
}
.systemCont .pagination div a:not(.btnArrow) {
   border:1px solid #ccc;
}
.systemCont .pagination div a:not(.btnArrow):hover {
   background:#f8f8f8;
}
.systemCont .pagination div a.btnArrow:hover:before {
   background:#f8f8f8;
   color:#262626;
   z-index:-1;
}
.systemCont .pagination div a strong {
   width:100%;
   height:100%;
   display:block;
   background:#1066B0;
   color:#fff;
   border-radius:50%;
}
.systemCont .pagination div a.btnArrow {
   position:relative;
   font-size:16px;
   font-weight:bold;
   line-height:26px;
   transform:scaleX(.5);
}
.systemCont .pagination div a.btnArrow:before {
   content:"";
   display:block;
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%, -50%) scaleX(2);
   width:26px;
   height:26px;
   border:1px solid #ccc;
   border-radius:50%;
}
/*상세검색 팝업*/
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
  z-index: 98; 
}
.detailSearchPop {
   position:fixed;
   top:50%;
   left:50%;
   transform:translate(-50%, -50%);
   max-width:600px;
   width:100%;
   background:#fff;
   box-shadow:0 0 10px rgba(0,0,0,.15);
   z-index:99;
   display:none;
}
.btnCls {
   width:24px;
   height:24px;
   background:#587fb7;
   color:#fff;
   font-size:20px;
   border-radius:50%;
   text-align:center;
   line-height:22px;
}
.btnPermit {
   width:120px;
   height:30px;
   background:#173b6e;
   color:#fff;
   text-align:center;
   line-height:30px;
}
.btnCancel {
   width:120px;
   height:30px;
   background:#888;
   color:#fff;
   text-align:center;
   line-height:30px;
}
.detailSearchPop .popHeader {
   display:flex;
   justify-content:space-between;
   background:#173b6e;
   padding:10px 20px;
}
.detailSearchPop .popHeader h3 {
   color:#fff;
   font-size:16px;
   margin:0 !important;
   padding:0 !important;
}
.detailSearchPop .popHeader h3:after {
   display:none !important;
}
.detailSearchPop .popBody {
   background:#fff;
   padding:20px 15px;
}
.detailSearchPop .popBody p.desc {
   font-size:14px;
   color:#666;
   padding-bottom:30px;
}
.detailSearchPop .popBody .check {
   display:flex;
   align-items:center; 
}
.detailSearchPop .popBody .check label {
   font-size:14px;
}
.detailSearchPop .popBody .check input[type=checkbox] {
   margin-right:5px;
   vertical-align:middle;
}
.detailSearchPop .popBody dl {
   margin:10px 0 20px;
}
.detailSearchPop .popBody dl dt {
   margin-bottom:5px;
}
.detailSearchPop .popBody dl dd input {
   width:100%;
   border-bottom:1px solid #dbdbdb;;
   border-radius:0;
   outline:0;
}
.detailSearchPop .popFoot {
   background:#fff;
   display:flex;
   justify-content:center;
   padding-bottom:20px;
}
.detailSearchPop .popFoot button {
   margin:0 5px;
}
.systemCont .flex55 > table {
   width:48.5%;
}
/*데이터 수집현황*/
.systemCont.dataCollect .flex55 > table:nth-of-type(2) {
   text-align:center;
}
.systemCont.times thead th:nth-child(5) {
   width:45%;
}
.systemCont.surveyResult table thead th:nth-child(1) {
   width:70%;
}
/*설문조사 팝업*/
.purposeSurvey {
   position:fixed;
   top:50%;
   left:50%;
   transform:translate(-50%, -50%);
   max-width:600px;
   width:100%;
   box-shadow:0 0 15px rgba(0,0,0,.15);
   z-index:101;
}
.purposeSurvey .popHeader {
   display:flex;
   align-items:center;
   justify-content:space-between;
   padding:13px 15px;
   background:#173B6E;
}  
.purposeSurvey .popHeader h3 {
   font-size:18px;
   font-weight:bold;
   color:#fff;
   margin:0 !important;
}
.purposeSurvey .popHeader h3:after {
   display:none !important;
}
.purposeSurvey .popHeader .btnCls {
   width:30px;
   height:30px;
   background:#07244D;
   font-family:'NotosansKr', sans-serif;
   font-size:24px;
   font-weight:normal;
   line-height:25px;
   cursor:pointer;
}
.purposeSurvey .popBody {
   background:#fff;
   padding:15px;
}
.purposeSurvey .popBody .surveyCont {
   background:#f5f5f5;
   padding:15px 10px;
}
.purposeSurvey .popBody .surveyCont p {
   font-size:14px;
}
.purposeSurvey .popBody h4.popSbjt {
   margin:15px 0 10px;
   padding:0;
   background:transparent !important;
   font-weight:bold;
   font-size:18px;
}
.purposeSurvey .popBody h4.popSbjt:before {
   content:"";
   display:inline-block;
   margin-right:5px;
   width:15px;
   height:15px;
   background:url(/images/common/h5.png) no-repeat center center / contain;   
}
.purposeSurvey .popBody input[type=radio] {
   appearance:none;
   margin:0;
   padding:0;
   width:14px;
   height:14px;
   background:#fff;
   border:1px solid #ccc;
   border-radius:50%;
   vertical-align:middle;
}
.purposeSurvey .popBody input[type=radio]:checked {
   border:3px solid #0044F4;
   background:#fff;
   vertical-align:middle;
}
.purposeSurvey .popBody .surveyCont ul li {
   padding:5px 0;
   border-bottom:1px dashed #ccc;
}
.purposeSurvey .popBody .surveyCont ul li:last-child {
   border-bottom:none;
}
.purposeSurvey .popBody .surveyCont .ageBox {
   display:flex;
   align-items:center;
}
.purposeSurvey .popBody .surveyCont .ageBox > li {
   width:16.6%;
   text-align:center;
   border-bottom:none;
}
.purposeSurvey .popBody .surveyCont .ageBox > li label input {
   margin-right:5px;
}
.purposeSurvey .popBody .surveyCont .genderBox {
   display:flex;
   align-items:center;
} 
.purposeSurvey .popBody .surveyCont .genderBox > li {
   text-align:left;
   margin-right:25px;
   border-bottom:none;
}
.purposeSurvey .popBody .surveyCont .genderBox > li label input {
   margin-right:5px;
}
.purposeSurvey .popBody .commentt {
   padding:20px 0;
}
.purposeSurvey .popBody .commentt p {
   font-size:14px;
   text-align:center;
}
.purposeSurvey .popBody .popBtnBox {
   display:flex;
   justify-content:center;
}
.purposeSurvey .popBody .popBtnBox button {
   margin:0 5px;
   width:120px;
   height:40px;
   color:#fff;
   font-weight:bold;
   border-radius:5px;
   line-height:40px;
   cursor:pointer;
}
.purposeSurvey .popBody .popBtnBox button.rbtnNavy {
   background:#173B6E;
}
.purposeSurvey .popBody .popBtnBox button.rbtnGray {
   background:#888;
}

/*교육자료 슬라이더*/
.eduMain {
	position:relative;
	min-height:100vh;
	font-family:'NotosansKr', sans-serif;
	background:url(/images/sp/edu/bgGray.jpg) no-repeat center center / cover;
} 
.eduMain .eduList {
	max-width:1300px;
	width:100%;
	position:absolute;
	top:46%;
	left:50%;
	transform:translate(-50%, -50%);
}
.eduMain .eduList p.title {
	font-size:32px;
	font-weight:bold;
	color:#262626;
	padding:1.75rem;
	text-align:center;
}
.eduMain .eduList p.title span {
	font-size:32px;
}
.eduMain .buttonBox {
	display:flex;
	align-items:center;
	margin:0 1rem;
	border-radius:0 40px;
	box-shadow:0 0 15px 0 rgba(0, 0, 0, .15);
	overflow:hidden;
}
.eduMain .buttonBox > button {
	width:calc(100% / 5);
	background:#fff;
	padding:2rem 0.75rem;
	font-size:20px;
	font-weight:bold; 
	cursor:pointer;
}
.eduMain .buttonBox > button:not(:last-child) {
	border-right:1px dashed #dedede;
}
.eduMain .buttonBox > button:hover {
	background:#f8f8f8;
}

.eduSliderWrap {
   max-width:1400px;
   width:100%;
   margin:0 auto;
   font-family:'NotosansKr', sans-serif;
}
.eduSliderWrap .tabBox {
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   margin-top:40px;
}
.eduSliderWrap .tabBox > button {
   position:relative;
   margin-right:8px;
   padding:8px 16px;
   font-size:16px;
   border:1px solid #262626;
   border-radius:30px;
   margin-bottom:0.5rem;
   color:#262626;
   flex-shrink:0;
   cursor:pointer;
}

.eduSliderWrap .tabBox > button.active {
   background:#262626;
   color:#fff;
} 

.eduSliderWrap .slide-container {
   position:relative;
   padding:24px 16px;
}

.eduSliderWrap .slide-container .description {
   max-width:1400px;
   width:100%;
   margin:0 auto;
   font-size:19px;
   color:#fff;
   background:#464646;
   padding:0.75rem 1.75rem;
   height:82px;
}

.eduSliderWrap .slide-container .image-container {
   position:relative;
   max-width:1400px;
   width:100%;
   height:730px; 
   margin:0 auto;
   padding:15px;
   background:#f5f5f5;
   display:flex;
   align-items:center;
   justify-content:center;
}
.eduSliderWrap .slide-container .image-container .bgBox {
   width:100%;
   height:100%;
   background-image:url(/images/sp/edu/1.png);
   background-repeat:no-repeat;
   background-size:contain;
   background-position:center center;
}
.eduSliderWrap .slide-container .image-container img {
   max-width:100%;
   max-height:100%;
   display:block;
   margin:0 auto;
   z-index:1;
   /* object-fit:contain; */
}
.eduSliderWrap .control-button-container {
	position:absolute;
	top:-130px;
	right:0;
    display:flex;
    align-items:center;
    width:140px;
    height:40px;
    background:#d9d9d9;
    border:3px solid #d9d9d9;
    border-radius:50px;
}
.eduSliderWrap .control-button-container input[type=radio] {
    position:absolute;
    left:-9999px;
    width:0;
    font-size:0;
}
.eduSliderWrap .control-button-container input[type=radio] + label {
    width:50%;
    height:100%;
    font-size:16px;
    color:#464646;
    text-align:center;
    line-height:32px;
    cursor:pointer;
}
.eduSliderWrap .control-button-container input[type=radio]:checked + label{
    background:#0D46B5;
    border-radius:50px;
    color:#fff;
} 
.eduSliderWrap .slide-container .number {
   display:block;
   margin:10px auto;
   width:30px;
   height:30px;
   background:#464646;
   color:#fff;
   border-radius:50%;
   text-align:center;
   line-height:30px;
}
.eduSliderWrap .slide-container .button-container .btnPrev {
   position:absolute;
   top:50%;
   left:10px;
   transform:translateY(-50%);
   z-index:2;
}
.eduSliderWrap .slide-container .button-container .btnNext {
   position:absolute;
   top:50%;
   right:10px;
   transform:translateY(-50%);
   z-index:2;
}
.eduSliderWrap .slide-container .button-container .btnPrev span {
   width:100px;
   height:100px;
   background:url(/images/sp/edu/iconLeft.svg) no-repeat center center / contain;
   cursor:pointer;
}
.eduSliderWrap .slide-container .button-container .btnPrev span {
   display:block;
   width:70px;
   height:70px;
   background:url(/images/sp/edu/iconLeft.svg) no-repeat center center / contain;
   opacity:.8;
   cursor:pointer;
}
.eduSliderWrap .slide-container .button-container .btnNext span {
   display:block;
   width:70px;
   height:70px;
   background:url(/images/sp/edu/iconRight.svg) no-repeat center center / contain;
   opacity:.8;
   cursor:pointer;
}
.eduSliderWrap .slide-container .button-container .btnNextChapter {
   position:absolute;
   top:50%;
   right:10px;
   transform:translateY(-50%);
   width:80px;
   height:80px;
   background:#1d6ae1;
   font-family:'NotosansKr', sans-serif;
   font-size:17px; 
   font-weight:bold;
   color:#fff;
   line-height:60px;
   text-align:center;
   border-radius:50%;
   box-shadow:0 0 15px rgba(29,106,225,.3);
   cursor:pointer;
}
.eduSliderWrap .slide-container .button-container .btnPrevChapter {
   position:absolute;
   top:50%;
   left:10px;
   transform:translateY(-50%);
   width:80px;
   height:80px;
   background:#1d6ae1;
   font-family:'NotosansKr', sans-serif;
   font-size:17px; 
   font-weight:bold;
   color:#fff;
   line-height:60px;
   text-align:center;
   border-radius:50%;
   box-shadow:0 0 15px rgba(29,106,225,.3);
   cursor:pointer;
}
.eduSliderWrap .slide-container .button-container .btnPrevChapter {
   position:absolute;
   top:50%;
   left:10px;
   transform:translateY(-50%);
}
.eduSliderWrap .joinList {
	position:absolute;
	bottom:-50px; 
	right:10px;
	display:flex;
	align-items:center;
}
.eduSliderWrap .joinList input[type=text] {
	width:160px;
	height:40px; 
	font-size:16px;
	padding:0 0.5rem;
	border:1px solid #ccc;
	border-radius:5px;
}
.eduSliderWrap .joinList button {
	width:40px;
	height:40px;
	background:#4CAF50;
	color:#fff; 
	border-radius:5px;
	cursor:pointer;
}
.eduSliderWrap .joinList input[type=text]:nth-of-type(2) {
	margin:0 0.25rem;
}
h1.hidden {
	position:absolute;
	left:-9999px;
}
/*데이터 활용사례 공유 게시판*/
.caseShare {
	padding:1rem;
}
.caseShare .searchBox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:1rem;
}
.caseShare .searchBox > input {
	width:calc(100% - 48px);
	height:40px;
	padding:0 0.5rem;
	border:1px solid #c1c1c1;
	border-radius:5px;
}
.caseShare .searchBox > button {
	width:40px;
	height:40px;
	background:url(/images/sp/iconSearchW.svg) no-repeat center center / 24px, #262626;
	border-radius:5px;
	cursor:pointer;
}
.caseShare .listTable {
	width:100%;
	font-size:14px;
}
.caseShare .listTable thead {
	background:#f2f3f5;
	border-top:1px solid #262626;
	border-bottom:1px solid #a1a1a1;
}
.caseShare .listTable thead th {
	padding:0.75rem 0.5rem;
	font-weight:normal;
}
.caseShare .listTable tbody tr {
	border-bottom:1px solid #ccc;
}
.caseShare .listTable tbody td {
	padding:0.75rem 0.5rem;
	text-align:center;
}
.caseShare .listTable th:not(:last-child),
.caseShare .listTable td:not(:last-child) {
	border-right:1px dashed #ccc;
} 
.caseShare .pagination {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
    padding:0.75rem 0;
}  
.caseShare .pagination a {
	position:relative;
	width:30px;
	height:30px;
    background:#fff;
	display:block;
    text-align:center;
	line-height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
} 
.caseShare .pagination a:hover {
	text-decoration:underline;
}
.caseShare .pagination a:first-child {
	border-left:1px solid #ccc;
}
.caseShare .pagination a.current {
	background:#f8f8f8;
}
.caseShare .pagination .first, 
.caseShare .pagination .prev, 
.caseShare .pagination .next, 
.caseShare .pagination .last {
	font-size:0;
	color:transparent;
}
.caseShare .pagination .first:before, 
.caseShare .pagination .prev:before, 
.caseShare .pagination .next:before, 
.caseShare .pagination .last:before {
	content:""; 
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scaleX(0.6);
	font-size:18px;
	color:#222;
}
.caseShare .pagination .first:before {
	content:"\226A";
	font-size:12px; 
}
.caseShare .pagination .prev:before {
	content:"\003C";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.caseShare .pagination .next:before { 
	content:"\003E";
	transform:translate(-50%, -50%) scaleX(0.6);
	color:#666;
}
.caseShare .pagination .last:before {
	content:"\226B";
	font-size:18px;
}
.caseShare .pagination .btnBox {
	display:flex;
	align-items:center;
}
.caseShare .btnBottomBox {
	display:flex;
	width:100%;
	justify-content:space-between;
}
.caseShare .btnBottomBox > button.btnCancle {
	width:30%;
	height:40px;
	background:#f2f3f5;
	font-family:'NotosansKr', sans-serif;;
	color:#767676;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	cursor:pointer;
}
.caseShare .btnBottomBox > button.btnConfirm {
	width:68%;
	height:40px;
	background:#262626;
	font-family:'NotosansKr', sans-serif;;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	cursor:pointer;
}
.flexEnd > a {
	display:block;
	margin-left:0.5rem;
}
td input {
	padding:0 0.5rem;
}
td textarea {
	padding:0.5rem;
	text-align:left;
}
td button.btnSearch {
	width:auto;
	height:40px;
	background:#464646;
	color:#fff;
	text-align:center;
	line-height:38px;
}
td figure {
	display:inline-block;
}
.bbs_write {
	border-color:#262626;
}
.bbs_table th {
	background:#f2f3f5;
}
.bbs_table td > a {
	display:block;
	margin:0.25rem 0;
}
table td input[type=text] {
	text-align:left;
}
.txtBox {
	margin:1.25rem 0;
	padding:2rem 1rem;
	background:#f2f3f5;
	text-align:center;
	line-height:1.4;
}
@media all and (max-width:1200px) {
	.eduMain .buttonBox > button {
		font-size:16px;
	}
}
@media all and (max-width:1024px) {
	.eduMain .eduList {
		max-width:600px;
		width:100%;
	}
	.eduMain .buttonBox { 
		flex-direction:column;
	}
	.eduMain .buttonBox button {
		position:relative;
		width:100%;
		background:#fff; 
		padding-left:1.5rem;
		border-right:none;
		text-align:left;
		border-bottom:1px solid #dedede;
		font-size:20px;
	}
	.eduMain .buttonBox button:before {
		content:"";
		display:inline-block;
		width:8px;
		height:8px;
		background:#bababa;
		border-radius:50%;
		margin:0 8px 3px 0;
	}
	.eduMain .buttonBox button:after {
		content:"";
		position:absolute;
		top:50%;
		right:20px;
		transform:translateY(-50%);
		width:18px;
		height:18px;
		background:url(/images/sp/edu/iconRight.svg) no-repeat center center / contain;
	}
}
@media all and (max-width:768px) {
   .eduSliderWrap .tabBox > button {
      padding:12px 16px;
      font-size:16px;
   }
}
@media all and (max-width:480px) {
   .eduSliderWrap .tabBox > button {
      padding:16px 4px;
      font-size:14px;
   }
   .eduSliderWrap .slide-container .button-container .btnNext {
      right:-10px;
   }
   .eduSliderWrap .slide-container .button-container .btnPrev {
      left:-10px;
   }
}