@charset "utf-8";
/* config */
.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.hidden {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.blind2 {display: none;}
.list {  list-style: none;}
.border-all {  border: 1px solid #e6e6e6;}
.border-top {  border-top: 1px solid #e6e6e6;}
.border-bottom {  border-bottom: 1px solid #e6e6e6;}
.border-left {  border-left: 1px solid #e6e6e6;}
.border-right {  border-right: 1px solid #e6e6e6;}
.input-border {  border: 1px solid #e0e0e0;}

.poR {  position: relative;}
.poA {  position: absolute;}
.poF {  position: fixed;}
.poS {  position: static;}
.pointer {  cursor: pointer;}

.vaM {  vertical-align: middle;}
.vaT {  vertical-align: top;}
.taL {  text-align: left;}
.taC {  text-align: center;}
.taR {  text-align: right;}
.bold {  font-weight: bold;}

.m0auto { margin: 0 auto;}
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mL30 {margin-left:30px;}
.mL40 {margin-left:40px;}
.mL50 {margin-left:50px;}
.mR10 {margin-right:10px;}
.mR20 {margin-right:20px;}
.mR30 {margin-right:30px;}
.mR40 {margin-right:40px;}
.mR50 {margin-right:50px;}
.mB10 {margin-bottom:10px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB40 {margin-bottom:40px;}
.mB50 {margin-bottom:50px;}

.fC_blue {color:#00178A;}
.fC_black {color:black;}
.fC_white {color:white;}
.fC_grayL {color:#BEBEBE;}
.fC_gray {color:#6E6E6E;}
.fC_red {color:#ce0202;}/*  2022.10 : 붉은색 #FF3838에서 수정 */
 
/* 작게 / 보통 / 크게 / 아주크게 / 설명글 */
.fS_s {font-size: 0.6em;}
.fS_n {font-size: 1em;}
.fS_b {font-size: 1.5em;}
.fS_bb {font-size: 2em;}
.fS_in {font-size: 0.9em;}

/* 진행중06A806 / 접수마감FF3838 / 종료8B8B8B */
.status_ing {color:#06A806;}
.status_no {color:#FF3838;}
.status_end {color:#8B8B8B;}

/* 대기8B8B8B / 심사중06A806 / 반려FF3838 / 승인00178A */
.status_await {color:#8B8B8B;}
.status_ing {color:#06A806;}
.status_refer {color:#FF3838;}
.status_ok {color:#00178A;}

/* 캠페인 909EE2 */
.status_cam {color:#909EE2;}

.underline {  text-decoration: underline;}
.clear10 {
  clear: both;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 10px;
}
.clear20 {
  clear: both;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 20px;
}
.clear30 {
  clear: both;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 30px;
}
.clear50 {
  clear: both;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 50px;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button {
  border: 0;
  cursor: pointer;
}
.letter-spacing {
  letter-spacing: -0.34px;
}
.fL {
  float: left;
}
.fR {
  float: right;
}
.vertical-top {
  position: relative;
  top: 0%;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.vertical_mid {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical_bottom {
  position: relative;
  top: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.tdnone {
  text-decoration: none;
}
.oh {
  overflow: hidden;
}
/* Parametic Mixins */
.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.duration {
  transition-duration: 0.5s;
}
/********** 
form style  
***********/

.pop_list {
	display: inline-block;
	position: absolute;
    right: 150px;
    line-height: 2.5rem;
	background-color: #00178A;
	border: 1px solid #00178A;
	padding-right: 15px;
	padding-left: 15px;
    vertical-align: middle;
    text-align: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
	text-decoration: none;
	margin:5px;
}
.pop_list:hover {
	border: 1px solid #909EE2;
	background-color: #909EE2;
}
.pop_list > span {
    font-size: 1.4rem;
	font-weight: 600;
	color: #ffffff;
}
.download {
	display: inline-block;
	position: absolute;
    right: 0;
    line-height: 2.5rem;
	background-color: #fff;
	border: 1px solid #00178A;
	padding-right: 10px;
	padding-left: 15px;
    vertical-align: middle;
    text-align: left;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
	text-decoration: none;
	margin:5px;
}
.download:hover {
	border: 1px solid #909EE2;
	background-color: #e3e8ff;
}
.download > span {
    font-size: 1.4rem;
	font-weight: 600;
	color: #171717;
	padding-right: 30px;
    background-image: url("../images/sub/btn_download_icon.png");
    background-repeat: no-repeat;
    background-position: right center;
}

@media (max-width: 899px) {
	.pop_list {
		right: 128px;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 3rem;
		margin:2px;
		position:initial;
	}
	.pop_list > span {
		font-size: 1.2rem;
	}
	.download {
		padding-right: 5px;
		padding-left: 10px;
		line-height: 3rem;
		margin:2px;
		position:initial;

	}
	.download > span {
		font-size: 1.2rem;
	}
}
button {
  border: 0 !important;
}
button:active {
  border: 0 !important;
}
.input-group {
  width: 100%;
}
.input-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.input-group .ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
}
.input-guide {
  width: 100%;
  font-size: 1.2rem;
  color: #00178A;
  margin-top: 0.5rem;
  line-height: 1.4;
  padding: 0 0 0 15px;
  position: relative;
}
.input-guide:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.input-guide:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background-image: url("../images/common/ui-icons_black_256x240.png");
  background-repeat: no-repeat;
  background-position: -18px -146px;
}
.checkbox-group {
  width: 100%;
}
.checkbox-group ul,
.checkbox-group li {
  list-style: none;
}
.checkbox-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.checkbox-group li {
  float: left;
  margin: 0 2rem 1rem 0;
  position: relative;
}
.checkbox-group label {
  color: #666666;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  border: 1px dotted transparent;
  float: left;
}
.checkbox-group label span {
  width: 20px;
  height: 20px;
  border: 1px solid #cadaee;
  background-color: #fff;
  box-shadow: none;
  border-radius: 2px;
  margin-right: 0.5rem;
  float: left;
  position: relative;
}
.checkbox-group input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.checkbox-group input:checked ~ label span {
  background-color: #00178A;
  border: 1px solid #00178A;
  background-image: url("../images/common/ico_form.png");
  background-repeat: no-repeat;
  background-position: -3px -4px;
}
/* .checkbox-group input:focus ~ label {
  border: 1px dotted #999999;
} */ 
.checkbox-group input:disabled ~ label span {
  background-color: #dfe5ee;
  border: none;
}
.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.checkbox label {
  cursor: pointer;
  padding: 1px;
  border: 1px dotted transparent;
  line-height: 0;
  overflow: hidden;
  display: inline-block;
}
.checkbox label span {
  width: 20px;
  height: 20px;
  border: 1px solid #cadaee;
  background-color: #fff;
  box-shadow: none;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  text-indent: -999px;
}
.checkbox input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.checkbox input:checked ~ label span {
  background-color: #00178A;
  border: 1px solid #00178A;
  background-image: url("../images/common/ico_form.png");
  background-repeat: no-repeat;
  background-position: -3px -4px;
}
/* .checkbox input:focus ~ label {
  border: 1px dotted #999999;
}*/
.checkbox input:disabled ~ label span {
  background-color: #dfe5ee;
  border: none;
}
.checkbox_label {
  display: inline-block;
}
.checkbox_label label {
  cursor: pointer;
  padding: 1px;
  border: 1px dotted transparent;
  display: inline-block;
}
.checkbox_label label span {
  width: 20px;
  height: 20px;
  border: 1px solid #cadaee;
  background-color: #fff;
  box-shadow: none;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  top: 5px;
}
.checkbox_label input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.checkbox_label input:checked ~ label span {
  background-color: #00178A;
  border: 1px solid #00178A;
  background-image: url("../images/common/ico_form.png");
  background-repeat: no-repeat;
  background-position: -3px -4px;
}
/* .checkbox_label input:focus ~ label {
  border: 1px dotted #999999;
}*/
.checkbox_label input:disabled ~ label span {
  background-color: #dfe5ee;
  border: none;
}
.radio_checkbox {
  display: inline-block;
}
.radio_checkbox label {
  cursor: pointer;
  border: 1px dotted transparent;
}
.radio_checkbox label span {
  width: 20px;
  height: 20px;
  border: 1px solid #cadaee;
  background-color: #fff;
  box-shadow: none;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  top: 5px;
}
.radio_checkbox input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.radio_checkbox input:checked ~ label span {
  background-color: #00178A;
  border: 1px solid #00178A;
  background-image: url("../images/common/ico_form.png");
  background-repeat: no-repeat;
  background-position: -3px -4px;
}
/* .radio_checkbox input:focus ~ label {
  border: 1px dotted #999999;
}*/
.radio_checkbox input:disabled ~ label span {
  background-color: #dfe5ee;
  border: none;
}
.radio-group {
  width: 100%;
}
.radio-group ul,
.radio-group li {
  list-style: none;
}
.radio-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.radio-group .ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
}
.radio-group li {
  float: left;
  margin: 0.5rem 2rem 0.5rem 0;
  position: relative;
}
.radio-group label {
  color: #666666;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  border: 1px dotted transparent;
  float: left;
  line-height: 18px;
}
.radio-group label span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  box-shadow: none;
  border: 1px solid #bfbfbf;
  margin: 0 0.5rem 0 0;
  position: relative;
  padding: 0;
}
.radio-group input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px !important;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px !important;
}
.radio-group input:checked ~ label span {
  background-color: white;
  border: 1px solid #00178A;
}
.radio-group input:checked ~ label span:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #00178A;
  border-radius: 50%;
  left: 4px;
  top: 4px;
}
.radio-group input:focus ~ label {
  	outline: 2px solid #000;
	outline-offset: 4px;
}
.input-text {
  width: 100%;
  position: relative;
  margin-bottom: 1rem;
}
.input-text ul,
.input-text li {
  list-style: none;
}
.input-text:last-of-type {
  margin-bottom: 0;
}
.input-text label {
  position: absolute;
  color: #00178A;
  left: 0;
  top: 0;
}
.input-text input[type="text"],
.input-text input[type="tel"],
.input-text input[type="date"],
.input-text input[type="password"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
/* .input-text input[type="text"]:focus,
.input-text input[type="tel"]:focus,
.input-text input[type="date"]:focus,
.input-text input[type="password"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
.input-text.input-name input {
  max-width: 150px;
}
.input-text.input-id input {
  max-width: 300px;
}
.input-text.input-pw input {
  max-width: 300px;
}
.input-text.input-unit input {
  max-width: 100px;
}
.input-t {
  width: 100%;
  position: relative;
}
.input-t lable{margin-right:5px;}

.input-t input[type="text"],
.input-t input[type="tel"],
.input-t input[type="date"],
.input-t input[type="password"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}

.input-t input.readonly {
  border: 1px solid #e0e0e0;
  background-color: #f2f2f2;
}
/* .input-t input.readonly:focus {
  border: 1px solid #e0e0e0 !important;
  -moz-box-shadow: inset 0 0 0 0 black;
  -webkit-box-shadow: inset 0 0 0 0 black;
  box-shadow: inset 0 0 0 0 black;
}*/
.input-t input[type="password"].txt {width:45%;}
.input-t input[type="text"].txt,
.input-t input[type="tel"].tel,
.input-t input[type="tel"].phone {width:70%;}

.input-t input[type="text"].txt50,
.input-t input[type="tel"].txt50 {width:50%;}

/* .input-t input[type="text"]:focus,
.input-t input[type="tel"]:focus,
.input-t input[type="date"]:focus,
.input-t input[type="password"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
@media (min-width: 600px) {
  .input-text {
    padding: 0 0 0 100px;
  }
  .input-text label {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .input-text input[type="text"],
  .input-text input[type="tel"],
  .input-text input[type="date"],
  .input-text input[type="password"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .input-text .bttn {
    display: inline-block;
    margin-left: 0.5rem;
  }
  .input-text .unit {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
    margin-left: 0.5rem;
  }
  .input-t input.in_w_s {width:70%;}/* 주소찾기 부분 */
  .input-t input[type="text"],
  .input-t input[type="tel"],
  .input-t input[type="date"],
  .input-t input[type="password"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
}
@media (max-width: 599px) {
  .input-text {
    padding: 24px 0 0 0;
  }
  .input-text label {
    height: 24px;
    line-height: 24px;
    font-size: 1.3rem;
  }
  .input-text input[type="text"],
  .input-text input[type="tel"],
  .input-text input[type="date"],
  .input-text input[type="password"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
  .input-text .bttn {
    display: block;
    margin-top: 0.5rem;
  }
  .input-text .unit {
    height: 24px;
    line-height: 24px;
    font-size: 1.3rem;
    margin-left: 0.5rem;
  }
  .input-t input.in_w_s {width:80%;}/* 주소찾기 부분 */
  .input-t input[type="text"],
  .input-t input[type="tel"],
  .input-t input[type="date"],
  .input-t input[type="password"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
  .input-t input[type="password"].txt {width:100%;}
	.input-t input[type="text"].txt50,
	.input-t input[type="tel"].txt50 {width:100%;}
}
.input-textarea {
  width: 100%;
  position: relative;
}
.input-textarea ul,
.input-textarea li {
  list-style: none;
}
.input-textarea ul {
  margin: 0;
  padding: 0;
}
.input-textarea label {}
.input-textarea textarea {
  width: 100%;
  border: 1px solid #e0e0e0;
  line-height: 1.4;
  margin: 0;
}
/* .input-textarea textarea:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
@media (min-width: 600px) {
  .input-textarea {
    padding: 0px;
  }
  .input-textarea label {
    line-height: 36px;
    font-size: 1.4rem;
  }
  .input-textarea textarea {
    padding: 10px;
    font-size: 1.5rem;
    height: 80px;
  }
}
@media (max-width: 599px) {
  .input-textarea {
    padding: 0 0 0 0;
  }
  .input-textarea label {
    height: 30px;
    line-height: 24px;
    font-size: 1.3rem;
  }
  .input-textarea textarea {
    padding: 5px;
    font-size: 1.3rem;
  }
}
.select-group {
  width: 100%;
  position: relative;
}
.select-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.select-group label {
  position: absolute;
  color: #00178A;
  left: 0;
  top: 0;
}
.select-group ul,
.select-group li {
  list-style: none;
}
.select {
  position: relative;
  float: left;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover {
  color: #4d4d4d;
  background-color: white;
  border-color: black;
}
.select select:focus {
  outline: 2px solid #000;
  outline-offset: 4px;
}
.select select:hover ~ .select-arrow,
.select select:focus ~ .select-arrow {
  border-top-color: #000;
}
.select .select-arrow {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #7b7b7b transparent transparent transparent;
  padding-right: 1px;
}
.select select:disabled {
  background-color: #e6e6e6;
  color: #808080;
  border: 1px solid #e0e0e0 !important;
  cursor: default;
}
.select select:disabled ~ .select-arrow {
  border-top-color: #7b7b7b !important;
}
@media (min-width: 600px) {
  .select-group {
    padding: 0 0 0 100px;
  }
  .select-group label {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .select select {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
    padding: 0 25px 0 10px;
  }
  .select .select-arrow {
    top: 16px;
    right: 12px;
  }
  .select.t3 {
    max-width: 100px;
  }
  .select.t4 {
    max-width: 150px;
  }
  .select.t5 {
    max-width: 200px;
  }
}
@media (max-width: 599px) {
  .select-group {
    padding: 24px 0 0 0;
  }
  .select-group label {
    height: 24px;
    line-height: 24px;
    font-size: 1.3rem;
  }
  .select select {
    max-width: 100% !important;
    height: 32px;
    line-height: 32px;
    font-size: 1.3rem;
    padding: 0 20px 0 10px;
  }
  .select .select-arrow {
    top: 14px;
    right: 8px;
  }
}
.selects-group {
  width: 100%;
  position: relative;
}
.selects-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.selects-group ul,
.selects-group li {
  list-style: none;
}
@media (min-width: 600px) {
  .selects-group .select {
    margin-right: 1rem;
  }
}
@media (max-width: 599px) {
  .selects-group .select {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 0.5rem;
  }
  .selects-group .select:last-of-type {
    margin-bottom: 0 !important;
  }
}
.tel-group {
  width: 100%;
  position: relative;
}
.tel-group ul,
.tel-group li {
  list-style: none;
}
.tel-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.tel-group input[type="tel"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
/* .tel-group input[type="tel"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
.tel-group ul {
  width: 100%;
}
.tel-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.tel-group ul li {
  position: relative;
  float: left;
}
.tel-group ul li:after {
  content: '-';
  color: #b3b3b3;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.tel-group ul li:last-child:after {
  content: '';
  width: 0 !important;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
@media (min-width: 600px) {

  .tel-group label {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .tel-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .tel-group li {
    width: 100px;
    line-height: 36px;
    font-size: 1.4rem;
    padding-right: 20px;
  }
  .tel-group li:after {
    width: 20px;
    line-height: 36px;
  }
}
@media (max-width: 599px) {
  .tel-group {
    padding: 24px 0 0 0;
  }
  .tel-group label {
    height: 24px;
    line-height: 24px;
    font-size: 1.3rem;
  }
  .tel-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
  .tel-group li {
    width: 80px;
    line-height: 24px;
    font-size: 1.3rem;
    padding-right: 16px;
  }
  .tel-group li:after {
    width: 16px;
    line-height: 32px;
  }
}
.address-group {
  width: 100%;
  position: relative;
}
.address-group ul,
.address-group li {
  list-style: none;
}
.address-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.address-group label {
  position: absolute;
  color: #00178A;
  left: 0;
  top: 0;
}
.address-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
/* .address-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
.address-group input.readonly {
  border: 1px solid #e0e0e0;
  background-color: #f2f2f2;
}
/* .address-group input.readonly:focus {
  border: 1px solid #e0e0e0 !important;
  -moz-box-shadow: inset 0 0 0 0 black;
  -webkit-box-shadow: inset 0 0 0 0 black;
  box-shadow: inset 0 0 0 0 black;
}*/
.address-group ul {
  width: 100%;
}
.address-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.address-group ul li {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
}
.address-group ul li:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 600px) {
  .address-group {
    padding: 0 0 0 100px;
  }
  .address-group label {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .address-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
}
@media (max-width: 599px) {
  .address-group {
    padding: 24px 0 0 0;
  }
  .address-group label {
    height: 24px;
    line-height: 24px;
    font-size: 1.3rem;
  }
  .address-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
}
.email-group {
  width: 100%;
  position: relative;
}
.email-group ul,
.email-group li {
  list-style: none;
}
.email-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.email-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
/* .email-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
.email-group input.readonly {
  border: 1px solid #e0e0e0;
  background-color: #f2f2f2;
}
/* .email-group input.readonly:focus {
  border: 1px solid #e0e0e0 !important;
  -moz-box-shadow: inset 0 0 0 0 black;
  -webkit-box-shadow: inset 0 0 0 0 black;
  box-shadow: inset 0 0 0 0 black;
}*/
.email-group ul {
  width: 100%;
}
.email-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.email-group ul li {
  position: relative;
  width: 100%;
}
.email-group ul li:first-child {
  position: relative;
}
.email-group ul li:first-child:after {
  content: '@';
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  color: #b3b3b3;
}
@media (min-width: 600px) {
  .email-group {
    padding: 0 0 0 100px;
  }
  .email-group label {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .email-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .email-group ul li {
    float: left;
  }
  .email-group ul li:first-child {
    padding-right: 20px;
    width: 150px;
  }
  .email-group ul li:first-child:after {
    width: 20px;
    font-size: 1.4rem;
    line-height: 36px;
  }
  .email-group ul li:nth-child(2) {
    width: 150px;
    padding-right: 1rem;
  }
  .email-group ul li:last-child {
    width: 120px;
  }
}
@media (max-width: 599px) {
  .email-group {
    padding: 24px 0 0 0;
  }
  .email-group label {
    height: 24px;
    line-height: 24px;
    font-size: 1.3rem;
  }
  .email-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
  .email-group ul {
    width: 100%;
  }
  .email-group ul:after {
    content: "";
    height: 0;
    line-height: 0;
    clear: both;
    display: block;
    *zoom: 1;
  }
  .email-group ul li {
    margin-bottom: 0.5rem;
  }
  .email-group ul li:first-child {
    padding-right: 20px;
  }
  .email-group ul li:first-child:after {
    width: 20px;
    font-size: 1.4rem;
    line-height: 32px;
  }
  .email-group ul li:last-child {
    margin-bottom: 0 !important;
  }
}
.search-group {
  width: 100%;
  position: relative;
}
.search-group ul,
.search-group li {
  list-style: none;
}
.search-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.search-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
/* .search-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}*/
.search-group ul {
  width: 100%;
}
.search-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
@media (min-width: 600px) {
  .search-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .search-group ul li {
    float: left;
  }
  .search-group ul li:first-child {
    padding-right: 0.5rem;
    width: 120px;
  }
  .search-group ul li:nth-child(2) {
    width: 200px;
    padding-right: 0.5rem;
  }
  .search-group ul li:nth-child(3) {
    padding-right: 0.5rem;
  }
}
@media (max-width: 599px) {
  .search-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
  .search-group ul li {
    float: left;
  }
  .search-group ul li:first-child {
    padding-right: 0.5rem;
    width: 90px;
  }
  .search-group ul li:nth-child(2) {
    width: 140px;
    padding-right: 0.5rem;
  }
}
.datepicker-group {
  display: inline-block;
  position: relative;
}
.datepicker-group ul,
.datepicker-group li {
  list-style: none;
}
.datepicker-group .input-type {
  width: 100%;
  max-width: 120px;
  border: 1px solid #e0e0e0;
  position: relative;
  background-image: url("../images/common/icon-calendar.png");
  background-repeat: no-repeat;
  display: inline-block;
  color: #4d4d4d;
}
@media (min-width: 600px) {
  .datepicker-group .input-type {
    height: 36px;
    padding: 0 35px 0 10px;
    line-height: 36px;
    background-position: right 3px;
    font-size: 1.4rem;
  }
}
@media (max-width: 599px) {
  .datepicker-group .input-type {
    height: 32px;
    padding: 0 35px 0 5px;
    line-height: 32px;
    background-position: right 1px;
    font-size: 1.3rem;
  }
}
.bttn {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  /* outline: 0; */
  border: 0;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.bttn.bttn-navy {
  background-color: #00178A;
  color: white;
}
.bttn.bttn-navy:hover {
  background-color: #909EE2;
}
.bttn.bttn-navy:focus {
  background-color: #909EE2;
}
.bttn.bttn-white {
  background-color: #ffffff;
  color: #00178A;
  border: 1px solid #00178A;
}
.bttn.bttn-white:hover {
  color: #00178A;
  background-color: #f2f2f2;
  border: 1px solid #909EE2;
}
.bttn.bttn-white:focus {
  background-color: #909EE2;
  outline: normal;
  border: 1px dotted #00178A;
}
.bttn.bttn-blue {
  background-color: #00178A;
  color: white;
}
.bttn.bttn-blue i {
  color: white;
  opacity: 0.3;
  vertical-align: middle;
}
.bttn.bttn-blue:hover {
  background-color: #909EE2;
}
.bttn.bttn-blue:focus {
  background-color: #909EE2;
  outline: normal;
  border: 1px dotted #fff;
}
@media (min-width: 600px) {
  .bttn.bttn-normal {
    font-size: 1.5rem;
    height: 36px;
    line-height: 36px;
    padding: 0 1.5rem;
  }
  .bttn.bttn-normal i {
    font-size: 1.7rem;
  }
}
@media (min-width: 450px) and (max-width: 599px) {
  .bttn.bttn-normal {
    font-size: 1.4rem;
    height: 32px;
    line-height: 32px;
    padding: 0 1rem;
    letter-spacing: -0.5px;
  }
  .bttn.bttn-normal i {
    font-size: 1.5rem;
  }
}
@media (max-width: 449px) {
  .bttn.bttn-normal {
    font-size: 1.3rem;
    height: 32px;
    line-height: 32px;
    padding: 0 1rem;
    letter-spacing: -0.5px;
  }
  .bttn.bttn-normal i {
    display: none;
  }
}
.sbttn {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  outline: 0;
  border: 0;
  text-decoration: none;
  border-radius: 4px;
}
.sbttn:hover {
  text-decoration: none;
}
.sbttn.sbttn-navy {
  background-color: #00178A;
  color: white;
}
.sbttn.sbttn-navy:hover {
  background-color: #061725;
}
.sbttn.sbttn-navy:focus {
  background-color: #061725;
}
.sbttn.sbttn-blue {
  background-color: #00178A;
  color: white;
}
.sbttn.sbttn-blue i {
  color: white;
  opacity: 0.5;
  vertical-align: middle;
}
.sbttn.sbttn-blue:hover {
  background-color: #010d4a;
}
.sbttn.sbttn-blue:focus {
  background-color: #010d4a;
}
.sbttn.sbttn-line {
  background-color: white;
  border: 1px solid #e0e0e0;
  color: #4d4d4d;
}
.sbttn.sbttn-line i {
  color: #4d4d4d;
  vertical-align: middle;
}
.sbttn.sbttn-line:hover {
  background-color: #00178A;
  color: white;
  text-decoration: none;
}
.sbttn.sbttn-line:hover i {
  color: white;
}
.sbttn.sbttn-line:focus {
  background-color: #010d4a;
  color: white;
}
.sbttn.sbttn-line:focus i {
  color: white;
}
@media (min-width: 600px) {
  .sbttn.sbttn-normal {
    font-size: 1.5rem;
    height: 36px;
    line-height: 36px;
    padding: 0 1.5rem;
  }
  .sbttn.sbttn-normal i {
    font-size: 1.6rem;
  }
  .sbttn.sbttn-small {
    font-size: 1.4rem;
    height: 36px;
    line-height: 32px;
    padding: 0 1rem;
    letter-spacing: -0.5px;
  }
  .sbttn.sbttn-small i {
    font-size: 1.5rem;
  }
}
@media (min-width: 450px) and (max-width: 599px) {
  .sbttn.sbttn-normal {
    font-size: 1.4rem;
    height: 32px;
    line-height: 32px;
    padding: 0 1rem;
    letter-spacing: -0.5px;
  }
  .sbttn.sbttn-normal i {
    font-size: 1.5rem;
  }
  .sbttn.sbttn-small {
    font-size: 1.3rem;
    height: 32px;
    line-height: 32px;
    padding: 0 0.8rem;
    letter-spacing: -0.5px;
  }
  .sbttn.sbttn-small i {
    font-size: 1.4rem;
  }
}
@media (max-width: 449px) {
  .sbttn.sbttn-normal {
    font-size: 1.3rem;
    height: 32px;
    line-height: 32px;
    padding: 0 1rem;
    letter-spacing: -0.5px;
  }
  .sbttn.sbttn-normal i {
    display: none;
  }
  .sbttn.sbttn-small {
    font-size: 1.2rem;
    height: 32px;
    line-height: 32px;
    padding: 0 0.6rem;
    letter-spacing: -0.5px;
  }
  .sbttn.sbttn-small i {
    font-size: 1.3em;
  }
}
.bbs-bttns {
  width: 100%;
  margin: 1.5rem 0 1rem 0;
}
.bbs-bttns:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.bbs-bttns .L {
  float: left;
}
.bbs-bttns .L .bttn {
  margin-right: 0.5rem;
}
.bbs-bttns .C {
  text-align: center;
}
.bbs-bttns .C .bttn {
  margin-right: 0.5rem;
}
.bbs-bttns .R {
  float: right;
}
.bbs-bttns .R .bttn {
  margin-left: 1rem;
}
.bbs-bttns .R span {
  font-size: 1.4rem;
  line-height: 36px;
  float: left;
  display: inline-block;
  letter-spacing: -0.2rem;
}
.bbs-bttns .text {
  display: inline-block;
  font-size: 1.4rem;
  color: #666666;
  padding: 0 10px;
}
@media (min-width: 600px) {
  .bbs-top {
    padding-bottom: 1.5rem;
  }
  .bbs-top .bbs-total {
    float: left;
    padding-top: 20px;
  }
}
@media (max-width: 599px) {
  .bbs-top {
    padding-bottom: 1rem;
  }
  .bbs-top .bbs-total {
    width: 100%;
    float: left;
    padding-top: 10px;
  }
}
.modal_bg {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 800px;
  background: rgba(0, 0, 0, 0.7);
}
.popup {
  position: fixed;
  visibility: hidden;
  z-index: 10001;
  left: 50%;
  top: -9999px;
  border-radius: 2px;
  background-color: white;
  overflow: hidden;
  border: 1px solid #e6e6e6;
}
.popup.s260 {
  max-width: 260px;
  width: 100%;
}
.popup.s340 {
  max-width: 340px;
  width: 100%;
}
.popup.s400 {
  max-width: 400px;
  width: 100%;
}
.popup.s490 {
  max-width: 490px;
  width: 100%;
}
.popup.s520 {
  max-width: 520px;
  width: 100%;
}
.popup.s560 {
  max-width: 560px;
  width: 100%;
}
.popup.s620 {
  max-width: 620px;
  width: 100%;
}
.popup.s700 {
  max-width: 700px;
  width: 100%;
}
.popup.s750 {
  max-width: 750px;
  width: 100%;
}
.popup.s760 {
  max-width: 760px;
  width: 100%;
}
.popup.s820 {
  max-width: 820px;
  width: 100%;
}
.popup.s1000 {
  max-width: 1000px;
  width: 100%;
}
.popup .pop_header {
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  font-weight: 600;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  padding: 0 0 0 15px;
  color: #00178A;
}
.popup .pop_container {
  padding: 20px;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
.popup .pop_container .customer_tab:first-child {
  margin-top: 20px;
}
.popup .pop_con_scroll {
  padding-bottom: 0 !important;
  max-height: 500px;
  overflow-y: auto;
}
.popup .pop_con_scroll .foot_btn {
  padding-bottom: 25px;
}
.popup .popup_close {
  width: 44px;
  height: 44px;
  z-index: 3200;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #00178A;
  font-size: 3rem;
  display: block;
}
.popup .popup_close span {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.popup .popup_close:hover {
  color: #03090f;
}
.popup .popup_close i {
  margin: 0;
  padding: 0;
}
.popup .txt_dialog {
  text-align: center;
  padding: 25px 0 25px 0;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
}
.popup .foot_btn {
  font-size: 0;
  line-height: 0;
  padding-top: 20px;
  text-align: center;
}
.popup .btn_n {
  display: inline-block;
  width: 100px;
  height: 38px;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  border-bottom: 2px solid #eee;
  font-size: 14px;
  padding: 0;
}
.popup .sbttn {
  margin: 0 5px;
}
.popup strong {
  color: #00178A;
}

/* input file type */
.input-file {
  width: 100%;
  position: relative;
}
.input-file ul,
.input-file li {
  list-style: none;
}
.input-file ul {
  margin: 0;
  padding: 0;
}
.input-file li {padding-bottom: 5px;}
.input-file li:last-child {padding-bottom: 0px;}

.input-file [type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.input-file .file-name {
  width: 300px;
  background: #f2f2f2;
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
  text-indent: 5px;
  border: 1px solid #e0e0e0;
}

/* 접근성 탭 포커스 스타일 */
.file-focus {
  outline: 2px solid #000;
}
.input-file .custom-file-upload {
  border: 1px solid #e0e0e0;
  display: inline-block;
  cursor: pointer;
  background-color: #f2f2f2;
}
@media (min-width: 600px) {
  .input-file .custom-file-upload {
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
    padding: 0 10px;
  }

}
@media (max-width: 599px) {
  .input-file .custom-file-upload {
    height: 32px;
    line-height: 32px;
    font-size: 1.3rem;
    padding: 0 5px;
  }
  .input-file .file-name {
    height: 32px;
    line-height: 32px;
    font-size: 1.3rem;
    padding: 0 5px;
  }
}
.toggle-button-onoff ul,
.toggle-button-onoff li {
  list-style: none;
}
.toggle-button-onoff ul {
  display: inline-block;
}
.toggle-button-onoff ul li {
  display: inline-block;
}
.toggle-button-onoff .bttn-bg {
  transition: ease 0.3s;
  width: 60px;
  height: 30px;
  border-radius: 100px;
  background-color: #666666;
  cursor: pointer;
  position: relative;
}
.toggle-button-onoff .bttn-bg:after {
  content: 'off';
  line-height: 30px;
  color: black;
  font-size: 1.6rem;
  position: absolute;
  left: 70px;
  top: 0;
  color: #666666;
}
.toggle-button-onoff .bttn-bg .toggle-indicator {
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: ease 0.3s;
  border-radius: 50%;
  background-color: white;
}
.toggle-button-onoff .bttn-bg.active {
  transition: ease 0.3s;
  background-color: #00178A;
}
.toggle-button-onoff .bttn-bg.active:after {
  content: 'on';
  line-height: 30px;
  color: #00178A;
  font-size: 1.6rem;
  position: absolute;
  left: 70px;
  top: 0;
}
.toggle-button-onoff .bttn-bg.active .toggle-indicator {
  transition: ease 0.3s;
  top: 2px;
  left: 32px;
}
/***** 
게시판
******/
.bbs-w {
  width: 100%;
  margin-bottom: 5rem;
}
.bbs-w:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.bbs-w .pagination-wrap {
  margin-top: 1rem;
}
.bbs-w caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.bbs-w th,
.bbs-w td {
  word-break: break-all;
}
.critical,
.bbs-w th span.critical {
  color: #f02121;
}
.bbs-w .intt {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: left;
  margin: 0 0 10px 0 !important;
}
.bbs-w .intt:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #2f5fba;
  margin-right: 15px;
  vertical-align: middle;
}
.bbs-w .bbs-infolist {
  margin-bottom: 20px;
  background: #f6f6f6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
	border: 1px dotted #ddd;
}
.bbs-w .bbs-infolist li {
  font-size: 1.5rem;
  color: #333;
  text-align: left;
  line-height: 20px;
}
.bbs-w .bbs-infolist li:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #555;
  margin-right: 8px;
  vertical-align: middle;
	border-radius: 4px;
}
.bbs-top {
  width: 100%;
}
.bbs-top:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.bbs-top ul,
.bbs-top li,
.bbs-top dl,
.bbs-top dt,
.bbs-top dd,
.bbs-top ol {
  list-style: none;
}
.bbs-top .bbs-total {
  font-size: 1.6rem;
  color: #666666;
  text-align: left;
}
.bbs-top .bbs-total strong {
  color: #00178A;
  font-weight: 500;
}
.bbs-top .bbs-searchEdu {
  text-align: center;
	border:1px dotted #666666;
}
.bbs-top .bbs-search {
  float: right;
}
.bbs-guide {
  width: 100%;
}
.bbs-guide ul,
.bbs-guide li {
  list-style: none;
}
.bbs-guide ul {
  width: 100%;
}
.bbs-guide ul li {
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  color: #666666;
  line-height: 1.6em;
  padding-left: 10px;
  position: relative;
}
.bbs-guide ul li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  color: #DA291C;
  font-size: 1.4rem;
}
.bbs-guide ul strong {
  color: #DA291C !important;
  font-weight: 400;
}
.bbs-list i.new {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/new.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.bbs-list i.lock {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/ico_secret.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.bbs-list i.reply {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/reply.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.bbs-list table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 2px solid #171717;
  border-bottom: 1px solid #BFBFBF;
}
.bbs-list table th,
.bbs-list table td {
  text-align: center;
  font-size: 1.5rem;
}
.bbs-list table th a,
.bbs-list table td a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.bbs-list table td span.new {
	position: absolute;
    display: inline-block;
 	width:20px;
	height:20px;
	margin: 2px 3px;
}
.bbs-list table td span.new img {
	width:100%;height:100%;
}
.bbs-list table th {
  background-color: #f1f1f1;
  color: #171717;
  padding: 10px;
  line-height: 1.7;
  font-weight: 500;
  border-bottom: 1px solid #BFBFBF;
}
.bbs-list table td {
  background-color: white;
  color: #666666;
  padding: 10px;
  line-height: 1.7;
  border-bottom: 1px solid #BFBFBF;
}
.bbs-list table a {
  font-size: 1.5rem;
  line-height: 1.5;
  vertical-align: middle;
  color: #666666;
  text-decoration: none;
}
.bbs-list table a:hover {
  text-decoration: underline;
  color: #333333;
}
.bbs-list .checkbox {
  vertical-align: top;
}
.bbs-list i.file {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/ico_file.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
@media (min-width: 700px) {
  .bbs-list span.label {
    display: none;
  }
}
@media (max-width: 699px) {
  .bbs-list thead {
    display: none;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999;
  }
  .bbs-list thead th {
    display: none;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999;
  }
  .bbs-list span.label {
    font-size: 1.3rem;
    padding-right: 5px;
    color: #00178A;
  }
}
@media (max-width: 799px) {
  /* 조회결과없을때 중앙정렬 */
  .bbs-list td.nodata {
    font-size: 1.4rem !important;
    position: relative;
    padding: 10px 10px 10px 10px !important;
    float: none !important;
    display: block;
  }
}

.bbs-edu td.col_city {
  font-size: 1.5rem;
}
.bbs-edu td.col_ttl {
  text-align: left !important;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bbs-edu td.col_where {
  font-size: 1.5rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bbs-edu td.col_edudate {
  font-size: 1.5rem;
}
@media (min-width: 700px) {
  .bbs-edu td {
    border-bottom: 1px dotted #cccccc;
  }
  .bbs-edu th.col_city {
    width: 100px !important;
  }
  .bbs-edu th.col_where {
    width: 220px !important;
  }
  .bbs-edu th.col_edudate {
    width: 220px !important;
  }
}
@media (max-width: 699px) {
  .bbs-edu tr {border-bottom: 1px dotted #cccccc;}
  .bbs-edu tr:nth-child(odd) {background-color: #f5f5f5;}
  .bbs-edu td {background-color:transparent !important;}
  .bbs-edu td.col_city {
    float: left;
    display: block;
    width: 18%;
  }
  .bbs-edu td.col_ttl {
    float: left;
    display: block;
    width: 82%;    
  }
  .bbs-edu td.col_city,
  .bbs-edu td.col_ttl {border-bottom: 0px;padding-bottom:5px;}
  .bbs-edu td.col_where,
  .bbs-edu td.col_edudate {border-bottom: 0px;padding-top:0px;font-size: 1.2rem;
    margin-left: 18%;
    width: 82%;}
	  
  .bbs-edu td.col_where {
    float: left;
    display: block;
    height: 30px;
    text-align: left;
  }
  .bbs-edu td.col_edudate {
    float: left;
    display: block;
    height: 20px;
    text-align: left;
  }
}

/* 담당자교육 */
.bbs-manager span.label {	
    font-size: 1.2rem;
    color: #fff;
    background-color: #6a6a6a;
    border-radius: 20px;
}
.bbs-manager td.col_num {
  font-size: 1.5rem;
}
.bbs-manager td.col_ttl {
  text-align: left !important;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bbs-manager td.col_date {
  font-size: 1.5rem;
}
.bbs-manager td.col_per {
  font-size: 1.5rem;
}
.bbs-manager td.col_con {
  font-size: 1.5rem;
}
.bbs-manager td.col_res {
  font-size: 1.5rem;
}
/* 신청현황 */
.bbs-manager td.col_div {
  font-size: 1.5rem;
}
.bbs-manager td.col_day {
  font-size: 1.5rem;
}
.bbs-manager td.col_name {
  font-size: 1.5rem;
}
.bbs-manager td.col_step {
  font-size: 1.5rem;
}
/* 시설현황 */

.bbs-manager td.col_tit {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bbs-manager td.col_city,
.bbs-manager td.col_gu,
.bbs-manager td.col_tit,
.bbs-manager td.col_add,
.bbs-manager td.col_div2,
.bbs-manager td.col_step2 {
  font-size: 1.5rem;
}

.bbs-manager td.col_con a,
.bbs-manager td.col_res a {font-size: 1.3rem;text-decoration: none;display: block;}
.bbs-manager td a.confirm_btn {color:#06A806;border:1px solid #06A806;background:#fff;}
.bbs-manager td a.confirm_btn:hover {color:#fff;background:#06A806;}
.bbs-manager td a.research_btn {color:#00178A;border:1px solid #00178A;background:#fff;}
.bbs-manager td a.research_btn:hover {color:#fff;background:#00178A;}
.bbs-manager td a.disabled_btn {color:#8f8f8f;border:1px solid #c2c2c2;background:#f5f5f5;}

@media (min-width: 700px) {
  .bbs-manager td {
    border-bottom: 1px dotted #cccccc;
  }
  .bbs-manager th.col_num {
    width: 80px !important;
  }
  .bbs-manager th.col_date {
    width: 200px !important;
  }
  .bbs-manager th.col_per,
  .bbs-manager th.col_con {
    width: 80px !important;
  }
  .bbs-manager th.col_res {
    width: 100px !important;
  }
	
  .bbs-manager th.col_div {
    width: 80px !important;
  }
  .bbs-manager th.col_day {
    width: 130px !important;
  }
  .bbs-manager th.col_name,
  .bbs-manager th.col_step {
    width: 90px !important;
  }
  .bbs-manager th.col_city,
  .bbs-manager th.col_gu {
    width: 100px !important;
  }
  .bbs-manager th.col_add {
    width: 250px !important;
  }
  .bbs-manager th.col_div2,
  .bbs-manager th.col_step2 {
    width: 130px !important;
  }
}
@media (max-width: 699px) {
  .bbs-manager tr {border-bottom: 1px dotted #cccccc;}
  .bbs-manager tr:nth-child(odd) {background-color: #f5f5f5;}
  .bbs-manager td {background-color:transparent !important;}
  .bbs-manager td.col_num {
    display: none;
  }
  .bbs-manager td.col_ttl {
    display: inline-block;
    width: 100%;    
  }
  .bbs-manager td.col_ttl {border-bottom: 0px;padding-bottom:5px;}
  .bbs-manager td.col_date {
	float: left;
	display: block;
	border-bottom: 0px;padding-top:0px;font-size: 1.2rem;
    text-align: left;
    width: 50%;
    padding-bottom: 0px;
	}
	  
  .bbs-manager td.col_per,
  .bbs-manager td.col_con,
  .bbs-manager td.col_res {
	float: left;
	display: block;
	border-bottom: 0px;padding-top:0px;font-size: 1.2rem;
    width: auto;
    margin-right: 10px;
  }
	.bbs-manager td a {padding:0 10px;}

  .bbs-manager td.col_div,
  .bbs-manager td.col_day,
  .bbs-manager td.col_name,
  .bbs-manager td.col_step {
	float: left;
	display: block;
	border-bottom: 0px;padding-top:0px;font-size: 1.2rem;
    width: auto;
    margin-right: 10px;
  }	
  .bbs-manager td.col_div span,
  .bbs-manager td.col_date span,
  .bbs-manager td.col_per span,
  .bbs-manager td.col_day span,
  .bbs-manager td.col_name span,
  .bbs-manager td.col_step span {
    padding: 0 6px;
    margin-right: 5px;
  }
	
  .bbs-manager td.col_city,
  .bbs-manager td.col_gu {display: none;}
  .bbs-manager td.col_tit {
	text-align: left !important;
    display: inline-block;
    width: 100%;  
	border-bottom: 0px;
  }
	
  .bbs-manager td.col_add,
  .bbs-manager td.col_div2,
  .bbs-manager td.col_step2 {
	float: left;
	display: block;
	border-bottom: 0px;padding-top:0px;font-size: 1.2rem;
    width: auto;
    margin-right: 10px;
  }
	
  .bbs-manager td.col_add span,
  .bbs-manager td.col_div2 span,
  .bbs-manager td.col_step2 span {
    padding: 0 6px;
    margin-right: 5px;
  }
}

.bbs-notice td.col_num {
  font-size: 1.5rem;
}
.bbs-notice .num_txt {
  font-size: 1.3rem;
	padding: 3px 7px;
	color:#ffffff;
	background-color:#FF3838;
	border-radius: 20px;
}
.bbs-notice td.col_ttl {
  text-align: left !important;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bbs-notice td.col_date {
  font-size: 1.5rem;
}
.bbs-notice td.col_view {
  font-size: 1.5rem;
}
.bbs-notice td.col_file {
  font-size: 1.5rem;
}
@media (min-width: 700px) {
  .bbs-notice th.col_num {
    width: 80px !important;
  }
  .bbs-notice th.col_num {
    width: 100px !important;
  }
  .bbs-notice th.col_date {
    width: 130px !important;
  }
  .bbs-notice th.col_view {
    width: 70px !important;
  }
  .bbs-notice th.col_file {
    width: 60px !important;
  }
}
@media (max-width: 699px) {
  .bbs-notice tr {border-bottom: 1px dotted #cccccc;}
  .bbs-notice tr:nth-child(odd) {background-color: #f5f5f5;}
  .bbs-notice td {background-color:transparent !important;}
  .bbs-notice td.col_num {
    display: none;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999;
  }
  .bbs-notice td.col_ttl {
    display: inline-block;
    width: 100%;
    border-bottom: 0px dotted #cccccc;
    background-color: #f5f5f5;
  }
  .bbs-notice td.col_date {
    float: left;
    display: block;
    width: 50%;
    height: 30px;
    text-align: left;
  }
  .bbs-notice td.col_view {
    float: left;
    display: block;
    width: 40%;
    height: 30px;
    text-align: left;
  }
  .bbs-notice td.col_file {
    float: left;
    display: block;
    width: 10%;
    height: 30px;
    text-align: left;
  }
  .bbs-notice td.col_ttl {border-bottom: 0px;padding-bottom:5px;}
  .bbs-notice td.col_date,
  .bbs-notice td.col_view,
  .bbs-notice td.col_file {border-bottom: 0px;padding-top:0px;font-size: 1.2rem;}
}

.bbs-view {
  width: 100%;
}

.bbs-view i.new {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/new.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.bbs-view i.lock {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/ico_secret.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.bbs-view i.reply {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/reply.png");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}
.bbs-view i.file {
  width: 16px;
  height: 16px;
  background-image: url("../images/board/ico_file.gif");
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
}

.bbs-view ul.head {
  width: 100%;
  border-top: 1px solid #171717;
}
.bbs-view ul.head li {
  padding: 15px 10px;
  line-height: 1.7;
  text-align: left;
  font-size: 1.6rem;
  background-color: white;
  word-break: break-word;
  border-bottom: 1px solid #BFBFBF;
}
.bbs-view ul.head li span {display: inline-block;}
.bbs-view ul.head li .txt_tit {color:#171717;font-weight: 600;text-align: center;}
.bbs-view ul.head li .txt_body {color:#8B8B8B;text-align-last: left;}
.bbs-view ul.head li .file_tit {color:#171717;font-weight: 600;text-align: center;vertical-align: top;}
.bbs-view ul.head li .file ul,
.bbs-view ul.head li .file li {list-style: none;border-bottom: 0px solid #BFBFBF;}
.bbs-view ul.head li .file ul {margin: 0;padding: 0;}
.bbs-view ul.head li .file a {color: #8B8B8B;font-size: 1.4rem;text-decoration: none;}
.bbs-view ul.head li .file a:hover {text-decoration: underline;}
.bbs-view ul.head li .file li {
  padding: 0 0 2px 19px;
  background-image: url("../images/board/ico_file.gif");
  background-repeat: no-repeat;
  background-size: 7px auto;
  background-position: 3px 8px;
}
.bbs-view ul.head li.con {
  width: 100%;
  min-height: 250px;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #4d4d4d;
}
.bbs-view ul.head li p a img {width:100%;}
.bbs-view ul.head li.refer {background-color: #f1f1f1;}
.bbs-view ul.head li.refer span.url {margin-left:10px;}
.bbs-view ul.head li.refer span.name {margin-right:10px;font-size: 1.3rem;}
.bbs-view ul.head li.refer span.name:after {display: inline-block; content:'';width:1px;height:8px;background-color: #171717;margin-left:10px;}
.bbs-view ul.head li.refer span a {color: #00178A;text-decoration: none;font-size: 1.15rem;}
.bbs-view ul.head li.refer span a:hover {color: #00178A;text-decoration: underline;}
@media (min-width: 700px) {
	.bbs-view ul.head li .col2_tit {width:100px;}
	.bbs-view ul.head li .col2_body {width: calc(100% - 125px);margin-left: 15px;}
	.bbs-view ul.head li.con {padding: 15px 30px;}
}
@media (max-width: 699px) {
	.bbs-view ul.head li {padding: 7px;font-size: 1.4rem;}
	.bbs-view ul.head li .col2_tit {width:auto;text-align-last: left;}
	.bbs-view ul.head li .col2_body {width: calc(100% - 80px);margin-left: 10px;}
	.bbs-view ul.head li .file li {background-position: 3px 6px;}
	.bbs-view ul.head li.refer span.url {margin-left: 5px;}
	.bbs-view ul.head li.refer span.url {margin-top: 10px;line-height: 1;}
	.bbs-view ul.head li.refer span.name {display: none;}	
	.bbs-view ul.head li.refer span.br {display: block;}
}

.bbs-q ul.q {
  width: 100%;
  border-top: 1px solid #171717;
	margin-top: 30px;
}
.bbs-q ul.q li {
  padding: 15px 10px;
  line-height: 1.7;
  text-align: left;
  font-size: 1.6rem;
  background-color: white;
  word-break: break-word;
  
}
.bbs-q ul.q li span {display: inline-block;}
.bbs-q ul.q li.txt_tit {color:#171717;font-weight: 600;background-color: #f1f1f1;}
.bbs-q ul.q li.txt_tit1 {color:#171717;font-weight: 600;}
.bbs-q ul.q li.txt_body {color:#8B8B8B;text-align-last: left;}
.bbs-q ul.q ul.bt_line {border-bottom: 1px solid #BFBFBF;}

.bbs-q ul.q li.con {
  width: 100%;
  min-height: 250px;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #4d4d4d;
}
.radio-group2 {
  width: 100%;
}
.radio-group2 ul,
.radio-group2 li {
  list-style: none;
}
.radio-group2:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.radio-group2 .ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
}
.radio-group2 li {
  margin: 0 2rem 1rem 0;
  position: relative;
}
.radio-group2 label {
  color: #666666;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  border: 1px dotted transparent;
  float: left;
  line-height: 18px;
}
.radio-group2 label span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  box-shadow: none;
  border: 1px solid #bfbfbf;
  margin: 0 0.5rem 0 0;
  position: relative;
  padding: 0;
}
.radio-group2 input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px !important;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px !important;
}
.radio-group2 input:checked ~ label span {
  background-color: white;
  border: 1px solid #00178A;
}
.radio-group2 input:checked ~ label span:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #00178A;
  border-radius: 50%;
  left: 4px;
  top: 4px;
}
.radio-group2 input:focus ~ label {
  border: 1px dotted #999999;
}
@media (min-width: 700px) {
	.bbs-q ul.q li.txt_tit1 {width:200px;}
}
@media (max-width: 699px) {
	.bbs-q ul.q li.txt_tit1 {width:100%;}

}


.bbs-file {
  width: 100%;
  padding: 1.5rem;
  border-bottom: 1px solid #d9d9d9;
}
.bbs-file ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.bbs-file ul,
.bbs-file ul li {
  list-style: none;
}
.bbs-file ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.bbs-file ul li {
  float: left;
  padding: 0 1.5rem 1rem 0;
}
.bbs-file ul li a {
  font-size: 1.3rem;
  padding: 0 15px;
  line-height: 30px;
  color: #00178A;
  background-color: #f2f2f2;
  border: 1px solid #e0e0e0;
  display: block;
  border-radius: 4px;
  text-decoration: none;
}
.bbs-file ul li a:hover {
  color: white;
  background-color: #00178A;
  border: 1px solid #00178A;
}
@media (min-width: 800px) {
  .bbs-con-news {
    font-size: 1.5rem;
  }
}
@media (max-width: 799px) {
  .bbs-con-news {
    font-size: 1.4rem;
  }
}
.bbs-reply-add {
  width: 100%;
  padding: 1.5rem;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fafafa;
  position: relative;
  text-align: left;
}
.bbs-reply-add label {
  position: relative;
  color: #00178A;
  font-weight: 700;
}
.bbs-reply-add textarea {
  width: 100%;
  border: 1px solid #e0e0e0;
  line-height: 1.4;
  margin: 0;
}
.bbs-reply-add textarea:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
@media (min-width: 800px) {
  .bbs-con-qna {
    font-size: 1.6rem;
  }
  .bbs-reply-add {
    padding: 5px 15px 15px 15px;
  }
  .bbs-reply-add label {
    font-size: 1.6rem;
    line-height: 40px;
  }
  .bbs-reply-add textarea {
    padding: 10px;
    font-size: 1.4rem;
  }
}
@media (max-width: 799px) {
  .bbs-con-qna {
    font-size: 1.4rem;
  }
  .bbs-reply-add {
    padding: 10px 10px 10px 80px;
  }
  .bbs-reply-add label {
    left: 10px;
    font-size: 1.4rem;
    line-height: 40px;
  }
  .bbs-reply-add textarea {
    padding: 5px;
    font-size: 1.3rem;
  }
}
.bbs-reply-list {
  position: relative;
  width: 100%;
  margin-top: 30px;
  text-align: left;
}
.bbs-reply-list .title {
  display: inline-block;
  font-size: 1.6rem;
  text-decoration: none!important;
  padding: 10px 0;
}
.bbs-reply-list .title b {
  color: #00178A;
}
.bbs-reply-list ul {
  position: relative;
  text-align: left;
  border-top: 1px solid #dddddd;
  padding: 0;
}
.bbs-reply-list li {
  list-style: none;
  display: inline-block;
  font-size: 1.5rem;
}
.bbs-reply-list .reply_info {
  width: 100%;
  padding: 10px 0;
}
.bbs-reply-list .reply_info span {
  display: inline-block;
}
.bbs-reply-list .reply_info .name {
  font-size: 1.4rem;
  margin-right: 5px;
}
.bbs-reply-list .reply_info .date {
  font-size: 1.3rem;
  color: #808080;
}
.bbs-reply-list .reply_cont {
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
}
.bbs-reply-list .reply_btn {
  width: 100%;
}
.bbs-reply-list .reply-add {
  position: relative;
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #dddddd;
}
.bbs-reply-list .reply-add label {
  display: block;
  width: 100%;
  font-size: 1.5rem;
  line-height: 20px;
  margin-bottom: 5px;
}
.bbs-reply-list .reply-add textarea {
  width: 100%;
  border: 1px solid #e0e0e0;
  line-height: 1.4;
  margin: 0;
  padding: 10px 80px 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bbs-reply-list .reply-add .replyAdd_bttn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 102px;
  background-color: #00178A;
  border: 0;
  outline: 0;
  cursor: pointer;
  color: white;
}
.bbs-reply-list .two_reply {
  border: none!important;
  margin-top: 10px;
}
.bbs-reply-list .two_reply .reply_info {
  width: auto;
}
.bbs-reply-list .two_reply .reply_cont {
  width: 100%;
  background-color: white;
}
.bbs-reply-list .two_reply .reply_cont p {
  margin: 0;
}
.bbs-reply-list .two_reply .reply_cont .reply_bttn {
  float: right;
  margin-top: 10px;
}
.bbs-reply-list .two_reply .reply_cont .reply_bttn a {
  text-decoration: none;
}
.bbs-reply-list .two_reply .reply_cont .reply_bttn a:hover {
  background-color: #e6e6e6;
}
@media (min-width: 800px) {
  .bbs-reply-list .reply_cont {
    padding: 15px;
  }
  .bbs-reply-list .two_reply {
    padding-left: 30px;
  }
  .bbs-reply-list .two_reply .reply_mark {
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url("../images/board/reply.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}
@media (max-width: 799px) {
  .bbs-reply-list .reply_cont {
    padding: 10px;
  }
  .bbs-reply-list .two_reply .reply_mark {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999;
  }
  .bbs-reply-list .two_reply .reply_bttn {
    font-size: 1.3rem;
  }
}
/* 버튼 - small */
.bttn-line {
  padding: 2px 10px;
  border: 1px solid #e6e6e6;
}
.bbs-add {
  position: relative;
  width: 100%;
  border-top: 1px solid #171717;
}
.bbs-add ul,
.bbs-add li {
  list-style: none;
}
.bbs-add ul {
  margin: 0;
  padding: 0;
}
.bbs-add .blind {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.bbs-add table {
  width: 100%;
  border-bottom: 1px solid #BFBFBF;
  border-collapse: collapse;
  border-spacing: 0;
}
.bbs-add table caption {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.bbs-add table tr {
  border-bottom: 1px solid #BFBFBF;
}
.bbs-add table tr th {
  color: #171717;
  padding: 8px 5px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}
.bbs-add table tr td {
  color: #4d4d4d;
  padding: 8px 5px;
  line-height: 1.5;
  text-align: left;
  background-color: white;
}
.bbs-add table .checkbox-group {
  float: left;
  width: auto;
}
.bbs-add table .checkbox-group li {
  margin-bottom: 0;
}
.bbs-add table .inp-chk {
  float: left;
  width: auto;
  height: 33px;
  line-height: 33px;
}
.bbs-add table .inp-chk i {
  color: #DA291C;
  font-size: 1.4rem;
}
.bbs-add .td_contents {
  width: 100%;
  padding: 1.5rem;
  border-bottom: 1px solid #BFBFBF;
}

.bbs-add input[type="file"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
.bbs-add input[type="file"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}


@media (min-width: 600px) {
  .bbs-add th {
    width: 150px !important;
    background-color: #F1F1F1;
    font-size: 1.5rem;
  }
  .bbs-add th.th_add span.br{display: block;}
  .bbs-add td {
    font-size: 1.5rem;
  }
  .bbs-add td.td_office .select {
    width: 250px;
  }
  .bbs-add td.td_ttl .input-t {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .bbs-add tr {
    border: none !important;
  }
  .bbs-add th {
    width: 100% !important;
    font-size: 1.5rem;
    display: block;
    text-align: left !important;
    padding: 8px 5px 0 5px !important;
  }
  .bbs-add td {
    width: 100%;
    font-size: 1.3rem;
    display: block;
    text-align: left !important;
    border-bottom: 0px solid #BFBFBF;
  }
  .bbs-add td:after {
    content: "";
    height: 0;
    line-height: 0;
    clear: both;
    display: block;
    *zoom: 1;
  }
  .bbs-add td.td_office .select {
    width: 100%;
    max-width: 250px;
  }
  .bbs-add td.td_ttl .input-t {
    width: 100%;
  }
}
.bbs-error-add {
  position: relative;
  width: 100%;
  border-top: 2px solid #00178A;
}
.bbs-error-add ul,
.bbs-error-add li {
  list-style: none;
}
.bbs-error-add ul {
  margin: 0;
  padding: 0;
}
.bbs-error-add .blind {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.bbs-error-add table {
  width: 100%;
  border-bottom: 2px solid #00178A;
  border-collapse: collapse;
  border-spacing: 0;
}
.bbs-error-add table caption {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.bbs-error-add table tr {
  border-bottom: 1px solid #e6e6e6;
}
.bbs-error-add table tr th {
  color: #00178A;
  padding: 8px 5px;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
}
.bbs-error-add table tr td {
  color: #4d4d4d;
  padding: 8px 5px;
  line-height: 1.5;
  text-align: left;
  background-color: white;
}
.bbs-error-add table .checkbox-group {
  float: left;
  width: auto;
}
.bbs-error-add table .checkbox-group li {
  margin-bottom: 0;
}
.bbs-error-add table .inp-chk {
  float: left;
  width: auto;
  height: 33px;
  line-height: 33px;
}
.bbs-error-add table .inp-chk i {
  color: #DA291C;
  font-size: 1.4rem;
}
.bbs-error-add .td_contents {
  width: 100%;
  padding: 1.5rem;
  border-bottom: 2px solid #e0e0e0;
}
@media (min-width: 500px) {
  .bbs-error-add th {
    width: 150px !important;
    background-color: #eef4fc;
    font-size: 1.5rem;
  }
  .bbs-error-add td {
    font-size: 1.5rem;
  }
  .bbs-error-add td.td_office .select {
    width: 250px;
  }
  .bbs-error-add td.td_ttl .input-t {
    width: 100%;
  }
}
@media (max-width: 499px) {
  .bbs-error-add tr {
    border: none !important;
  }
  .bbs-error-add th {
    width: 100% !important;
    font-size: 1.4rem;
    display: block;
    text-align: left !important;
    padding: 8px 5px 0 5px !important;
  }
  .bbs-error-add td {
    width: 100%;
    font-size: 1.3rem;
    display: block;
    text-align: left !important;
    border-bottom: 1px solid #e6e6e6;
  }
  .bbs-error-add td:after {
    content: "";
    height: 0;
    line-height: 0;
    clear: both;
    display: block;
    *zoom: 1;
  }
  .bbs-error-add td.td_office .select {
    width: 100%;
    max-width: 250px;
  }
  .bbs-error-add td.td_ttl .input-t {
    width: 100%;
  }
}
.nc_popup .bbs-searchSch-popup td {
  font-size: 1.5rem;
}
@media (min-width: 600px) {
  .bbs-searchSch-popup th.col_name {
    width: 40% !important;
  }
  .bbs-searchSch-popup th.col_address {
    width: 60% !important;
  }
  .bbs-searchSch-popup td.nodata {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .bbs-searchSch-popup th.col_name {
    width: 100%;
    float: left;
    height: 40px;
    text-align: left;
    font-size: 1.2rem;
  }
  .bbs-searchSch-popup th.col_address {
    width: 100%;
    float: left;
    height: 40px;
    text-align: left;
    font-size: 1.2rem;
  }
  .bbs-searchSch-popup td {
    font-size: 1.2rem;
  }
  .bbs-searchSch-popup td.col_name {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
    background-color: #f5f5f5;
  }
  .bbs-searchSch-popup td.col_address {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
  }
  .bbs-searchSch-popup td.nodata {
    width: 100%;
  }
}
.bbs-write {
  width: 100%;
}
.bbs-write table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 1px solid #171717;
  border-bottom: 1px solid #BFBFBF;
}
.bbs-write table tr {
  border-bottom: 1px solid #BFBFBF;
}
.bbs-write table tr th {
  color: #00178A;
  padding: 8px 5px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  font-size: 1.4rem;
}
.bbs-write table tr td {
  color: #4d4d4d;
  padding: 8px 5px;
  line-height: 1.5;
  text-align: left;
  font-size: 1.4rem;
  background-color: white;
}
.bbs-write table .radio-group li {
  margin: 0 1rem 0 0 !important;
}
.bbs-write table .input-aaa {
  max-width: 120px;
}
.bbs-write table .input-bbb {
  max-width: 150px;
}
.bbs-write table .input-ccc {
  max-width: 500px;
}
.bbs-write ul,
.bbs-write li {
  list-style: none;
}
.bbs-write .blind {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.bbs-write .td_contents {
  width: 100%;
  padding: 1.5rem;
  border-bottom: 2px solid #BFBFBF;
}
.bbs-write .inp_file {
  margin-bottom: 5px;
}
@media (min-width: 600px) {
  .bbs-write th {
    width: 160px !important;
    background-color: #f5f5f5;
  }
  .bbs-write td.td_date {
    font-size: 1.5rem;
  }
  .bbs-write td.td_view {
    font-size: 1.5rem;
  }
}
@media (max-width: 599px) {
  .bbs-write tr {
    border: none !important;
  }
  .bbs-write th {
    width: 100% !important;
    font-size: 1.2rem;
    display: block;
    text-align: left !important;
    padding: 8px 5px 0 5px !important;
  }
  .bbs-write td {
    width: 100%;
    font-size: 1.2rem;
    display: block;
    text-align: left !important;
    border-bottom: 1px solid #BFBFBF;
  }
}

/*본인확인*/
.bbs-name {
  width: 100%;
}
.bbs-name table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 1px solid #171717;
  border-bottom: 1px solid #BFBFBF;
}
.bbs-name table tr {
  border-bottom: 1px solid #BFBFBF;
}
.bbs-name table tr td {
  color: #4d4d4d;
  padding: 8px 5px;
  line-height: 1.5;
  text-align: left;
  font-size: 1.4rem;
  background-color: white;
}
.bbs-name td.td_name {
    font-size: 1.5rem;
	padding-left:10px;
	color:#171717;
	  background-color: #F1F1F1;
  }
.bbs-name td.td_txt {
    font-size: 1.5rem;
  }
.bbs-name input[type="text"],
.bbs-name input[type="password"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.5rem;	
    border: 1px solid #e0e0e0;
}

.pagination-wrap {
  text-align: center;
}
.pagination-wrap ul,
.pagination-wrap li {
  list-style: none;
}
.pagination-wrap a {
  float: left;
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 40px;
  border: 0px solid #e0e0e0;
  line-height: 37px;
  font-size: 1.5rem;
  margin: 0 0 0 -1px !important;
  padding: 0 !important;
  text-align: center;
  color: #666666;
  text-decoration: none;
  vertical-align: middle;
  background-color: white;
}
.pagination-wrap a:hover {
  color: black;
  font-weight: bold;
	text-decoration: underline;
}
.pagination-wrap a.pg_arr {
  background-image: url("../images/board/board_btn.png");
  background-repeat: no-repeat;
}
.pagination-wrap a.pg_arr:hover {
  background-image: url("../images/board/board_btn_over.png");
  background-repeat: no-repeat;
}
.pagination-wrap a.pg_arr span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.pagination-wrap a.pg_first {
  background-position: 0 -2px;
}
.pagination-wrap a.pg_prev {
  background-position: -40px -2px;
}
.pagination-wrap a.pg_next {
  background-position: -80px -2px;
}
.pagination-wrap a.pg_last {
  background-position: -120px -2px;
}
.pagination-wrap .pagination-desktop {
  display: inline-block;
  margin: 0 auto;
  padding-left: 1px;
  margin: 1rem;
}
.pagination-wrap .pagination-desktop a.pg_active {
  background-color: #fff;
  color: #3247ae;
  border: 0px solid #00178A;
	text-decoration: underline;
  font-weight: bold;
}
.pagination-wrap .pagination-mobile {
  display: inline-block;
  margin: 0 auto;
  padding-left: 1px;
  margin: 1rem;
}
.pagination-wrap .pagination-mobile .pg_now {
  display: inline-block;
  overflow: hidden;
  width: 80px;
  height: 40px;
  border: 0px solid #e0e0e0;
  line-height: 37px;
  font-size: 1.5rem;
  margin: 0 0 0 -1px !important;
  padding: 0 !important;
  text-align: center;
  color: #666666;
  text-decoration: none;
  vertical-align: middle;
}
@media (min-width: 700px) {
  .pagination-wrap .pagination-mobile {
    display: none !important;
  }
}
@media (max-width: 699px) {
  .pagination-wrap .pagination-desktop {
    display: none !important;
  }
}
.faq-search {
  width: 100%;
  border: 1px solid #e6e6e6;
  text-align: center;
  background-color: #f7f7f7;
}
.faq-search .faq-search-group {
  width: 100%;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: inline-block;
}
.faq-search .faq-search-group ul,
.faq-search .faq-search-group li {
  list-style: none;
}
.faq-search .faq-search-group ul {
  margin: 0;
  padding: 0;
}
.faq-search .faq-search-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.faq-search .faq-search-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
.faq-search .faq-search-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
.faq-search .faq-search-group ul {
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
}
.faq-search .faq-search-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.faq-search .faq-search-group ul li {
  float: left;
}
@media (min-width: 600px) {
  .faq-search {
    padding: 3rem 1rem;
    margin-bottom: 3rem;
  }
  .faq-search .faq-search-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.6rem;
  }
  .faq-search .faq-search-group ul li:first-child {
    padding-right: 0.5rem;
    width: 120px;
  }
  .faq-search .faq-search-group ul li:nth-child(2) {
    width: 250px;
    padding-right: 0.5rem;
  }
}
@media (max-width: 599px) {
  .faq-search {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
  }
  .faq-search .faq-search-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.4rem;
  }
  .faq-search .faq-search-group ul li:first-child {
    padding-right: 0.5rem;
    width: 90px;
  }
  .faq-search .faq-search-group ul li:nth-child(2) {
    width: 140px;
    padding-right: 0.5rem;
  }
}
.faq-list ul,
.faq-list li {
  list-style: none;
}
.faq-list ul {
  margin: 0;
  padding: 0;
}
.faq-list ul.faqLists {
  width: 100%;
}
.faq-list ul.faqLists:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.faq-list ul.faqLists li {
  width: 100%;
}
.faq-list ul.faqLists li:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.faq-list ul.faqLists li:first-child {border-top: 1px solid #CBCEE1;}
.faq-list ul.faqLists li a {
  width: 100%;
  display: block;
  border-bottom: 1px solid #CBCEE1;
  color: #191919;
  position: relative;
  padding: 2rem 60px;
  text-align: left;
  text-decoration: none;
  line-height: 1.4;
}
.faq-list ul.faqLists li a:hover {background-color: #eef1ff;}
.faq-list ul.faqLists li a i.Q {
  position: absolute;
	font-size: 3rem;
    font-weight: 500;
    left: 20px;
    top: 6px;
  text-align: center;
  color: #00178A;
}
.faq-list ul.faqLists li a i.arw {
  position: absolute;
  right: 20px;
  top: 10px;
  text-align: center;
  color: #b3b3b3;
}
.faq-list ul.faqLists li a.active {
  border: 1px solid #00178A;
  background-color: #00178A;
  color: white;
}
.faq-list ul.faqLists li a.active i {
  color: white;
}
.faq-list ul.faqLists li .faq_answer {
  display: none;
  text-align: left;
  color: #4d4d4d;
  position: relative;
	background-color: #F8F8F8;
  	border-bottom: 1px solid #CBCEE1;
  	
}
.faq-list ul.faqLists li .faq_answer i.A {
  position: absolute;
  left: 20px;
	font-size: 3rem;
    font-weight: 500;
  text-align: center;
  color: #000;
}
@media (min-width: 800px) {
  .faq-list ul.faqLists li a {
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .faq-list ul.faqLists li .faq_answer {
    font-size: 1.6rem;
    line-height: 1.7;
    padding: 2rem 3.2rem 2rem 60px;
    background:#fff;
  }
}
@media (max-width: 799px) {
  .faq-list ul.faqLists li a {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .faq-list ul.faqLists li .faq_answer {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 1.5rem 1.5rem 1.5rem 60px;
  }
}
.search-cnt {
  width: 100%;
  border: 2px solid #e1e3f1;
  text-align: center;
  background-color: #f1f2fa;
}
.search-cnt ul,
.search-cnt li {
  list-style: none;
}
.search-cnt ul {
  margin: 0;
  padding: 0;
}
.search-cnt .search-cnt-group {
  width: 100%;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  display: inline-block;
}
.search-cnt .search-cnt-group ul,
.search-cnt .search-cnt-group li {
  list-style: none;
}
.search-cnt .search-cnt-group ul {
  margin: 0;
  padding: 0;
}
.search-cnt .search-cnt-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.search-cnt .search-cnt-group .label {
  float: left;
}
.search-cnt .search-cnt-group .select {
  float: left;
}
.search-cnt .search-cnt-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
.search-cnt .search-cnt-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
.search-cnt .search-cnt-group ul {
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
}
.search-cnt .search-cnt-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.search-cnt .search-cnt-group ul li {
  float: left;
}
.bbs-none {
  width: 100%;
  text-align: center;
  padding: 3rem;
  margin: 5rem 0;
}
.bbs-none:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.bbs-none p {
  margin: 0 auto;
  font-size: 2rem;
  color: #666666;
}
.bbs-none p i {
  color: #cccccc;
  vertical-align: middle;
  margin-right: 10px;
}
.scrolltable_w {
  width: 100%;
  overflow: auto;
}
.scrolltable table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 3px solid #00178A;
  border-bottom: 3px solid #00178A;
}
.scrolltable table th,
.scrolltable table td {
  text-align: center;
  font-size: 1.5rem;
  border: 1px solid #d9d9d9;
}
.scrolltable table th a,
.scrolltable table td a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.scrolltable table th {
  background-color: #f5f5f5;
  color: #00178A;
  padding: 7px;
  line-height: 1.7;
  font-weight: 500;
}
.scrolltable table td {
  background-color: white;
  color: #4d4d4d;
  padding: 7px;
  line-height: 1.7;
}
.scrolltable table a {
  text-decoration: underline;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: middle;
  color: #4d4d4d;
}
.scrolltable table a:hover {
  text-decoration: underline;
  color: #191919;
}
.scrolltable table .line {
  border-top: 3px solid #d9d9d9 !important;
}
.scrolltable .checkbox {
  vertical-align: top;
}
.scrolltable .left {
  text-align: left;
}
@media (min-width: 1160px) {
  .scrolltable_w {
    overflow-x: hidden;
  }
  .scrolltable_w.wide {
    overflow: auto !important;
  }
}
/********** 
scrollable tab(ver.190804)  
***********/
.user-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scroll_tab_wrap {
  width: 100%;
}
.scroll_tab_wrap ul,
.scroll_tab_wrap li {
  list-style: none;
}
.scroll_tabs_container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  margin-bottom: 10px;
}
.scroll_tabs_container .scroll_tab_inner span {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  background-color: #f2f2f2;
  color: #666666;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.scroll_tabs_container .scroll_tab_inner span a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.scroll_tabs_container .scroll_tab_inner li {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  background-color: #f2f2f2;
  color: #666666;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.scroll_tabs_container .scroll_tab_inner li a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.scroll_tabs_container .scroll_tab_inner li:hover {
  background-color: white;
}
.scroll_tabs_container .scroll_tab_inner .scroll_tab_over {
  background-color: white;
}
.scroll_tabs_container .scroll_tab_inner .active {
  background-color: white;
  box-shadow: inset 0 3px 0 0 #00178A;
}
.scroll_tabs_container .scroll_tab_inner .scroll_tab_last {
  border-right: 1px solid #e1e1e1;
}
.scroll_tabs_container .scroll_tab_left_button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  border: 1px solid #e1e1e1;
  color: #4d4d4d;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.scroll_tabs_container .scroll_tab_left_button:before {
  content: "\25C0";
}
.scroll_tabs_container .scroll_tab_left_button_over {
  background-color: #f2f2f2;
}
.scroll_tabs_container .scroll_tab_left_button_disabled {
  color: #cccccc;
  background-color: #f2f2f2;
  border-right: none !important;
}
.scroll_tabs_container .scroll_tab_right_button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  border: 1px solid #e1e1e1;
  color: #4d4d4d;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.scroll_tabs_container .scroll_tab_right_button:before {
  content: "\25B6";
}
.scroll_tabs_container .scroll_tab_right_button_over {
  background-color: #f2f2f2;
}
.scroll_tabs_container .scroll_tab_right_button_disabled {
  color: #cccccc;
  background-color: #f2f2f2;
  border-left: none !important;
}
.scroll_tabs_container .tab_selected {
  background-color: #DA291C;
  color: white;
}
@media (min-width: 800px) {
  .scroll_tabs_container {
    height: 70px;
  }
  .scroll_tabs_container .scroll_tab_inner {
    height: 52px;
  }
  .scroll_tabs_container .scroll_tab_inner span {
    font-size: 1.8rem;
    line-height: 50px;
  }
  .scroll_tabs_container .scroll_tab_inner li {
    font-size: 1.8rem;
    line-height: 50px;
  }
  .scroll_tabs_container .scroll_tab_left_button {
    height: 52px;
    text-align: center;
  }
  .scroll_tabs_container .scroll_tab_left_button:before {
    line-height: 50px;
    margin: 0 auto;
  }
  .scroll_tabs_container .scroll_tab_right_button {
    height: 52px;
  }
  .scroll_tabs_container .scroll_tab_right_button:before {
    line-height: 50px;
    margin: 0 auto;
  }
  .scroll_tabs_container.tabs_2 li {
    width: 50%;
  }
  .scroll_tabs_container.tabs_3 li {
    width: 33.33333%;
  }
  .scroll_tabs_container.tabs_4 li {
    width: 25%;
  }
  .scroll_tabs_container.tabs_5 li {
    width: 20%;
  }
  .scroll_tabs_container.tabs_6 li {
    width: 16.66666%;
  }
}
@media (max-width: 799px) {
  .scroll_tabs_container {
    height: 60px;
  }
  .scroll_tabs_container .scroll_tab_inner {
    height: 42px;
  }
  .scroll_tabs_container .scroll_tab_inner span {
    font-size: 1.4rem;
    line-height: 40px;
  }
  .scroll_tabs_container .scroll_tab_inner li {
    font-size: 1.4rem;
    line-height: 40px;
  }
  .scroll_tabs_container .scroll_tab_left_button {
    height: 42px;
    text-align: center;
  }
  .scroll_tabs_container .scroll_tab_left_button:before {
    line-height: 40px;
    margin: 0 auto;
  }
  .scroll_tabs_container .scroll_tab_right_button {
    height: 42px;
    text-align: center;
  }
  .scroll_tabs_container .scroll_tab_right_button:before {
    line-height: 40px;
    margin: 0 auto;
  }
}
.tab-content {
  display: none;
}
/*** 비밀번호 확인 체크박스 추가  ***/
@media (min-width: 600px) {
  .bbs-w td.td_pw .input-t {
    display: inline-block;
  }
  .bbs-w td.td_pw .pw_oktxt {
    font-size: 1.3rem;
    color: #666666;
    margin-left: 5px;
    vertical-align: middle;
    letter-spacing: -0.1rem;
  }
  .bbs-w td.td_pw_again .input-t {
    display: inline-block;
  }
  .bbs-w td.td_pw_again .pw_oktxt {
    font-size: 1.3rem;
    color: #666666;
    margin-left: 5px;
    vertical-align: middle;
    letter-spacing: -0.1rem;
  }
}
@media (max-width: 599px) {
  .bbs-w td.td_pw .pw_oktxt {
    font-size: 1.3rem;
    color: #666666;
    margin-left: 5px;
    vertical-align: middle;
    letter-spacing: -0.1rem;
  }
  .bbs-w td.td_pw_again .pw_oktxt {
    font-size: 1.3rem;
    color: #666666;
    margin-left: 5px;
    vertical-align: middle;
    letter-spacing: -0.1rem;
  }
}
.bbs-ncinfo td.col_region {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_sum {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_elementary {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_medium {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_high {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_special {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_listview {
  font-size: 1.5rem;
}
.bbs-ncinfo td.col_listview a {
  background: #eef4fc;
  color: #00178A;
  width: 80px;
  text-align: center;
  font-size: 1.5rem;
  padding: 5px;
}
.nc_popup .search_box input[type="text"] {
  width: 150px;
  height: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #e0e0e0;
  vertical-align: middle;
}
.nc_popup .search_box span.infotext {
  float: right;
  color: #333;
  font-size: 1.5rem;
  display: inline-block;
  line-height: 35px;
}
.nc_popup .bbs-ncinfo-popup td {
  font-size: 1.5rem;
}
@media (max-width: 700px) {
  .nc_popup .search_box input[type="text"] {
    height: 33px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #e0e0e0;
  }
  .nc_popup .search_box span.infotext {
    float: none;
    text-align: left;
    font-size: 1.3rem;
    line-height: 15px;
    padding-top: 10px;
  }
}
@media (min-width: 600px) {
  .bbs-ncinfo th.col_region {
    width: 100px !important;
  }
  .bbs-ncinfo th.col_listview {
    width: 158px !important;
  }
  .bbs-ncinfo-popup th.col_name {
    width: 110px !important;
  }
  .bbs-ncinfo-popup th.col_opendate {
    width: 110px !important;
  }
  .bbs-ncinfo-popup th.col_refion_edu {
    width: 110px !important;
  }
  .bbs-ncinfo-popup th.col_class {
    width: 60px !important;
  }
}
@media (max-width: 599px) {
  .bbs-ncinfo td {
    font-size: 1.2rem;
  }
  .bbs-ncinfo td.col_region {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
    background-color: #f5f5f5;
  }
  .bbs-ncinfo td.col_sum {
    float: left;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #cccccc;
    text-align: left;
  }
  .bbs-ncinfo td.col_elementary {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo td.col_medium {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo td.col_high {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo td.col_special {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo td.col_listview {
    display: block;
    width: 100%;
    border-bottom: 1px dotted #cccccc;
    text-align: left;
    clear: both;
  }
  .bbs-ncinfo td.col_listview a {
    font-size: 1.3rem;
    width: 80px;
    padding: 5px 10px;
  }
  .bbs-ncinfo-popup th.col_edu_office {
    width: 50%;
    float: left;
    height: 40px;
    text-align: left;
    font-size: 1.3rem;
  }
  .bbs-ncinfo-popup th.newcount {
    width: 50%;
    float: left;
    height: 40px;
    text-align: left;
    font-size: 1.2rem;
  }
  .bbs-ncinfo-popup td {
    font-size: 1.2rem;
  }
  .bbs-ncinfo-popup td.rigion_name {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo-popup td.newcount_num {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo-popup td.col_name {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
    background-color: #f5f5f5;
  }
  .bbs-ncinfo-popup td.col_opendate {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
    background-color: #f5f5f5;
  }
  .bbs-ncinfo-popup td.col_refion_edu {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo-popup td.col_class {
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: left;
  }
  .bbs-ncinfo-popup td.col_address {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
  }
}
.bbs-indicator table {
  table-layout: auto !important;
}
.bbs-indicator .sh_data > td {
  padding-top: 30px;
}
.bbs-indicator thead tr:first-child th {
  background-color: #d8e6f9 !important;
}
.bbs-indicator td.col_schoolname {
  font-size: 1.5rem;
}
.bbs-indicator td.col_type {
  font-size: 1.5rem;
}
.bbs-indicator td.col_viewdata {
  font-size: 1.5rem;
}
.bbs-indicator td.col_viewdata .selects-group:after {
  content: '';
  display: none;
  height: 0;
}
.bbs-indicator td.col_viewdata .selects-group .select {
  height: 33px;
}
.bbs-indicator td.col_viewdata a {
  background: #2f5fba;
  color: #fff;
  width: auto;
  text-align: center;
  font-size: 1.5rem;
  padding: 5px 10px;
}
.bbs-indicator td.col_download {
  font-size: 1.5rem;
}
.bbs-indicator td.col_download .selects-group {
  width: 70%;
}
.bbs-indicator td.col_download .selects-group:after {
  content: '';
  display: none;
  height: 0;
}
.bbs-indicator td.col_download .selects-group .select {
  height: 33px;
}
.bbs-indicator td.col_download a {
  background: #2f5fba;
  color: #fff;
  width: auto;
  text-align: center;
  font-size: 1.5rem;
  padding: 5px 10px;
}
.bbs-indicator td a {
  width: auto !important;
}
@media (min-width: 600px) {
  .bbs-indicator th.col_type {
    width: 15% !important;
  }
  .bbs-indicator th.col_viewdata {
    width: 25% !important;
  }
  .bbs-indicator th.col_download {
    width: 350px !important;
  }
  .bbs-indicator th.col_download a {
    margin-left: 5px;
    height: 33px;
  }
}
@media (max-width: 850px) {
  .bbs-indicator thead {
    display: none;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999;
  }
  .bbs-indicator thead th {
    display: none;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999;
  }
  .bbs-indicator span.label {
    font-size: 1.2rem;
    padding-right: 5px;
    color: #00178A;
  }
  .bbs-indicator .sh_data > td {
    float: left;
    width: 100%;
    clear: both;
  }
  .bbs-indicator td {
    font-size: 1.2rem;
  }
  .bbs-indicator td.col_schoolname {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    background-color: #f5f5f5;
  }
  .bbs-indicator td.col_type {
    float: left;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #cccccc;
    text-align: left;
  }
  .bbs-indicator td.col_time {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
  }
  .bbs-indicator td.col_viewdata {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
  }
  .bbs-indicator td.col_viewdata a {
    font-size: 1.3rem;
    width: 100px !important;
    padding: 5px 10px;
  }
  .bbs-indicator td.col_download {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
  }
  .bbs-indicator td.col_download .selects-group {
    width: 65%;
  }
  .bbs-indicator td.col_download .selects-group .select {
    margin-right: 0 !important;
  }
  .bbs-indicator td.col_download .selects-group .select select {
    margin: 0 !important;
  }
  .bbs-indicator td.col_download a {
    font-size: 1.3rem;
    width: 100px !important;
    padding: 0px 10px;
    height: 33px;
    line-height: 33px;
    margin-left: 5px;
  }
}
.bbs-top .fav_noti {
  font-size: 1.4rem;
  color: #666666;
  text-align: left;
  float: left;
}
.bbs-top .fav_noti span {
  color: #fe6439;
}
.bbs-top .btn_add {
  float: right;
}
.bbs-favourite td.col_class {
  font-size: 1.5rem;
}
.bbs-favourite td.col_sname {
  font-size: 1.5rem;
}
.bbs-favourite td.col_region {
  font-size: 1.5rem;
}
.bbs-favourite td.col_type {
  font-size: 1.5rem;
}
.bbs-favourite td.col_allinfo {
  font-size: 1.5rem;
}
.bbs-favourite td.col_del {
  font-size: 1.5rem;
}
.bbs-favourite td .list_nodata {
  width: 100%;
  position: relative;
  padding: 150px 0 50px 0;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
@media (min-width: 700px) {
  .bbs-favourite th.col_num {
    width: 60px !important;
  }
  .bbs-favourite th.col_class {
    width: 15% !important;
  }
  .bbs-favourite th.col_sname {
    text-align: center;
  }
  .bbs-favourite th.col_region {
    width: 20% !important;
  }
  .bbs-favourite th.col_type {
    width: 12% !important;
  }
  .bbs-favourite th.col_allinfo {
    width: 120px !important;
  }
  .bbs-favourite th.col_del {
    width: 100px !important;
  }
}
@media (max-width: 699px) {
  .bbs-favourite td.col_num {
    float: left;
    display: block;
    width: 10%;
    background-color: #f5f5f5;
  }
  .bbs-favourite td.col_class {
    float: left;
    font-size: 1.3rem;
    color: #00178A;
    display: block;
    width: 25%;
    text-align: center;
    background-color: #f5f5f5;
    height: 47px;
  }
  .bbs-favourite td.col_sname {
    float: left;
    display: block;
    width: 65%;
    background-color: #f5f5f5;
    text-align: left;
    height: 47px;
    line-height: 20px;
  }
  .bbs-favourite td.col_region {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
  }
  .bbs-favourite td.col_type {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
  }
  .bbs-favourite td.col_allinfo {
    float: left;
    display: block;
    width: 50%;
  }
  .bbs-favourite td.col_allinfo a {
    font-size: 1.3rem;
    height: 35px;
    padding: 0px 10px  10px 10px;
  }
  .bbs-favourite td.col_del {
    float: left;
    display: block;
    width: 50%;
  }
  .bbs-favourite td.col_del a {
    font-size: 1.3rem;
    height: 35px;
    padding: 0px 10px  10px 10px;
  }
  .bbs-favourite tr {
    border-bottom: 1px solid #8da3d8;
  }
}
.bttn-big {
  font-size: 1.7rem;
  height: 50px;
  line-height: 50px;
  padding: 0 5.5rem;
}
.schooladd_w {
  position: relative;
  padding: 10px;
  margin: 0 !important;
}
.sadd-search-group {
  width: 100%;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: inline-block;
  padding-bottom: 15px;
}
.sadd-search-group ul,
.sadd-search-group li {
  list-style: none;
}
.sadd-search-group ul {
  margin: 0;
  padding: 0;
}
.sadd-search-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.sadd-search-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
.sadd-search-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
.sadd-search-group ul {
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
}
.sadd-search-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.sadd-search-group ul li {
  float: left;
}
@media (min-width: 800px) {
  .sadd-search-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.6rem;
  }
  .sadd-search-group ul li {
    padding-right: 0.5rem;
    width: 140px;
  }
  .sadd-search-group ul li:first-child {
    width: 100px;
  }
  .sadd-search-group ul li:nth-child(4) {
    width: 250px;
    padding-right: 0.5rem;
  }
}
@media (max-width: 799px) {
  .sadd-search-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.4rem;
  }
  .sadd-search-group ul li {
    padding-right: 0.5rem;
    width: 32%;
    padding-bottom: 0.5rem;
  }
  .sadd-search-group ul li:nth-child(4) {
    width: 80%;
    padding-right: 0.5rem;
    float: left;
    display: inline-block;
  }
  .sadd-search-group ul li:nth-child(5) {
    width: 20%;
    padding-right: 0.5rem;
    float: left;
    display: inline-block;
  }
  .sadd-search-group ul li .bttn-normal {
    height: 32px;
    line-height: 32px;
    font-size: 1.4rem;
  }
}
@media (max-width: 499px) {
  .sadd-search-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.4rem;
  }
  .sadd-search-group ul li {
    padding-right: 0.5rem;
    width: 100%;
    padding-bottom: 0.5rem;
  }
}
.bbs-schooladd td {
  padding: 5px !important;
}
.bbs-schooladd td.col_class {
  font-size: 1.5rem;
}
.bbs-schooladd td.col_sname {
  font-size: 1.5rem;
}
.bbs-schooladd td.col_region {
  font-size: 1.5rem;
}
.bbs-schooladd td.col_add {
  font-size: 1.5rem;
}
.bbs-schooladd td.col_add a {
  max-width: 150px;
}
.bbs-schooladd td.col_add a i {
  vertical-align: top;
}
@media (min-width: 700px) {
  .bbs-schooladd th.col_class {
    width: 170px !important;
  }
  .bbs-schooladd th.col_sname {
    text-align: center;
  }
  .bbs-schooladd th.col_region {
    width: 30% !important;
  }
  .bbs-schooladd th.col_add {
    width: 180px !important;
  }
}
@media (max-width: 699px) {
  .bbs-schooladd td {
    padding: 5px 5px 5px 10px !important;
  }
  .bbs-schooladd td.col_class {
    float: left;
    font-size: 1.4rem;
    color: #00178A;
    display: block;
    width: 25%;
    text-align: left;
    background-color: #f5f5f5;
    height: 40px;
  }
  .bbs-schooladd td.col_class .label {
    display: none;
  }
  .bbs-schooladd td.col_sname {
    float: left;
    display: block;
    width: 75%;
    background-color: #f5f5f5;
    text-align: left;
    height: 40px;
    line-height: 20px;
  }
  .bbs-schooladd td.col_region {
    float: left;
    display: block;
    width: 60%;
    text-align: left;
    border: none;
    padding-left: 10px;
  }
  .bbs-schooladd td.col_add {
    float: left;
    display: block;
    width: 40%;
    padding: 5px;
    border: none;
  }
  .bbs-schooladd td.col_add a {
    font-size: 1.3rem;
    height: 35px;
    padding: 0px 10px  10px 10px;
    max-width: 120px;
  }
  .bbs-schooladd tr {
    border-bottom: 1px solid #8da3d8;
  }
}
.Dataapi_w {
  position: relative;
  padding-top: 40px;
  width: 100%;
}
.Dataapi_w .select-group {
  position: absolute !important;
  top: 0;
  right: 0 !important;
  padding: 0;
}
.Dataapi_w .select-group .blind {
  display: none;
}
.Dataapi_w .Dataapi_tab {
  background-color: #f8f8f8 !important;
}
.Dataapi_w .Dataapi_tab.pd0 {
  padding: 0 !important;
}
.Dataapi_w .Dataapi_tab .opentab {
  display: inline-block;
  width: 100%;
  padding: 0 0 10px 10px;
  vertical-align: top;
}
.Dataapi_w .Dataapi_tab .opentab h5 {

  padding: 15px 0 0 75px;
  width: 110%;
  margin-left: -10px;
  height: 53px;
  font-size: 2rem;
  border-bottom: 1px solid #00178A;
}
.Dataapi_w .Dataapi_tab .opentab ul {
  vertical-align: top;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 10px;
}
.Dataapi_w .Dataapi_tab .opentab.t01 {
  width: 35%;
}
.Dataapi_w .Dataapi_tab .opentab.t01 h5 {
  background-position: 5px 8px;
}
.Dataapi_w .Dataapi_tab .opentab.t01 li {
  width: 50%;
  display: inline-block;
  padding: 0 5px 0 0px !important;
}
.Dataapi_w .Dataapi_tab .opentab.t02 {
  width: 25%;
}
.Dataapi_w .Dataapi_tab .opentab.t02 h5 {
  background-position: 5px -53px;
}
.Dataapi_w .Dataapi_tab .opentab.t02 li {
  width: 100%;
  white-space: pre-wrap !important;
  padding: 0 5px 0 0px !important;
}
.Dataapi_w .Dataapi_tab .opentab.t03 {
  width: 38%;
}
.Dataapi_w .Dataapi_tab .opentab.t03 h5 {
  background-position: 5px -116px;
}
.Dataapi_w .Dataapi_tab .opentab.t03 li {
  display: inline-block;
  height: 100%;
  padding: 0 5px 0 0px !important;
}
.Dataapi_w .Dataapi_tab .opentab.t03 li:nth-child(odd) {
  width: 48%;
}
.Dataapi_w .Dataapi_tab .opentab.t03 li:nth-child(even) {
  width: 52%;
}
.Dataapi_w .Dataapi_tab .opentab a {
  letter-spacing: -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 5px;
}
.tabtt_wrap {
  width: 100%;
  position: relative;
}
.tabtt_wrap .tabtt {
  float: left;
}
.tabtt_wrap .fR li {
  display: inline-block;
  vertical-align: top;
}
.tabtt_wrap .fR li .select-group {
  padding: 0 0 0 60px;
}
.tabtt_wrap .fR li .select-group label {
  line-height: 20px;
}
.wrap_box.boxin1 {
  display: block;
  clear: both;
}
.table_wrap {
  margin-top: 55px !important;
}
.table_wrap .schoolinfo_table table {
  max-width: 100% !important;
}
@media (min-width: 850px) {
  .Dataapi_w .select-group {
    width: 150px;
  }
  .tabtt_wrap .fR {
    float: right;
  }
}
@media (max-width: 849px) {
  .Dataapi_w {
    padding-top: 0;
  }
  .Dataapi_w .select-group {
    width: 100%;
  }
  .Dataapi_w .select-group .select.t4 {
    max-width: 100%;
  }
  .tabtt_wrap .tabtt {
    display: block;
    width: 100%;
  }
  .tabtt_wrap .fR {
    position: relative;
    display: block;
    float: none;
    width: 100%;
  }
  .tabtt_wrap .fR .select-group {
    padding: 0 !important;
  }
}
.bbs-pc {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.bbs-pc .tscrollwrap {
  width: 100%;
}
.bbs-pc .tscrollwrap table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 700px;
  width: 100%;
  border: 1px solid #ededed;
  border-top: 2px solid #00178A !important;
  border-bottom: 2px solid #00178A !important;
}
.bbs-pc .tscrollwrap table tr.Even td {
  background: #f7f8fb;
}
.bbs-pc .tscrollwrap table tr th {
  background-color: #eef4fc;
  color: #00178A;
  padding: 10px;
  line-height: 1.7;
  font-weight: 500;
  border-bottom: 1px solid #d8e5f7;
}
.bbs-pc .tscrollwrap table tr td {
  text-align: left;
  background-color: white;
  color: #666666;
  padding: 10px;
  line-height: 1.7;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
.bbs-pc .tscrollwrap table tr td span.Num {
  color: #2f5fba;
}
.bbs-pc .tscrollwrap table tr td.Center {
  text-align: center;
}
.bbs-pc .tscrollwrap table th,
.bbs-pc .tscrollwrap table td {
  text-align: center;
  font-size: 1.5rem;
}
.bbs-pc .tscrollwrap table th a,
.bbs-pc .tscrollwrap table td a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.bbs-pc .tscrollwrap table a {
  font-size: 1.5rem;
  line-height: 1.5;
  vertical-align: middle;
  color: #666666;
  text-decoration: none;
}
.bbs-pc .tscrollwrap table a:hover {
  text-decoration: underline;
  color: #333333;
}
.bbs-pc .ServiceGuide {
  margin-top: 20px;
}
.bbs-pc .ServiceGuide p {
  font-size: 1.5rem;
  padding-left: 20px;
  position: relative;
}
.bbs-pc .ServiceGuide p:after {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0;
}
.bbs-pc .ServiceGuide p:first-child:after {
  content: '①';
}
.bbs-pc .ServiceGuide p:nth-child(2):after {
  content: '②';
}
.bbs-pc .ServiceGuide p:nth-child(3):after {
  content: '③';
}
.bbs-pc .ServiceGuide p.noti:after {
  content: '-';
  left: 5px;
}
.bbs-pc .ServiceGuide p span {
  color: #2f5fba;
}
.link_list {
  position: relative;
  width: 100%;
  display: inline-block;
  border: 1px solid #efefef;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.link_list li {
  width: 24.5%;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;

  padding-bottom: 5px;
}
.link_list li a {
  text-decoration: none;
}
.link_list li a:hover {
  text-decoration: underline;
}
@media (min-width: 860px) {
  .link_list li {
    width: 24.5%;
  }
}
@media (max-width: 859px) {
  .link_list li {
    width: 32.5%;
  }
}
@media (max-width: 690px) {
  .link_list li {
    width: 49.5%;
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  .link_list li {
    width: 100%;
    font-size: 15px;
  }
}
.other_noti {
  display: block;
  text-align: left;
  font-size: 1.4rem;
  color: #555;
  padding: 4px 10px 0 20px;
  background-image: url("../images/common/tooltip.png");
  background-repeat: no-repeat;
  background-position: left 6px;
  width: 100%;
  position: relative;
}
.other_noti span {
  color: #eb080c;
}
.other_noti.mobile {
  margin: -10px 0 10px 5px;
  float: left;
}
@media (max-width: 900px) {
  .other_noti.pc {
    display: none;
  }
}
caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}

.hidden2 {
	font-size:0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

/* 홍보자료 */
.bbs-w .post_wrap .post_box {
    position: relative;
    text-decoration: none;
    float: left;
    width: 24%;
    margin-right: 1%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    border: 1px solid #D2D2D2;
    margin-bottom: 15px;
}
.bbs-w .post_wrap .post_box .post_img {height:230px;
    overflow: hidden;background-color:#F8F8F8;background-repeat:no-repeat;background-image:url(../images/sub/no_img.png);background-position:50% 50%;
}

.bbs-w .post_wrap .post_box .post_img a{
	margin: 5px;
	height: 95%;
	display: block;
}
.bbs-w .post_wrap .post_box .post_img img {width:100%;height:100%;}

.bbs-w .post_wrap .post_box .post_bottom {
    padding: 15px 23px;
    border-top: 1px dotted #BBB;
    font-size: 1.3rem;
}
.bbs-w .post_wrap .post_box .post_bottom .category {
    font-size: 1.4rem;
    color: #8B8B8B;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px;
}
.bbs-w .post_wrap .post_box .post_bottom .post_title {
    font-size: 1.6rem;
    line-height: 19px;
    color: #171717;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 36px;
    font-weight: 500;
    padding: 10px 6px;
}
.bbs-w .post_wrap .post_box .post_bottom .post_title a {
    text-decoration: none;
	color: #171717;
}
.bbs-w .post_wrap .post_box .post_bottom .post_title a:hover {
    text-decoration: underline;
}
.bbs-w .post_wrap .post_box .post_bottom .post_date {
    font-size: 1.4rem;
    color: #8B8B8B;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-top: 20px;
    height: 22px;
}

@media (max-width: 499px){
	.bbs-w .post_wrap .post_box {
		position: relative;
		width: 98%;
		margin: 0 1% 10px 1%;
		height: 100%;
	}	
	
}

@media (min-width: 500px) and (max-width: 800px) {
	.bbs-w .post_wrap .post_box {
		position: relative;
		float: left;
		width: 48%;
		margin: 0 1% 10px 1%;
		height: 100%;
	}	
	.bbs-w .post_wrap .post_box .post_bottom .category {
    font-size: 1.3rem;
    height: 20px;
	}
	.bbs-w .post_wrap .post_box .post_bottom .post_title {
    font-size: 1.4rem;
    height: 22px;
	}
	.bbs-w .post_wrap .post_box .post_bottom {
    padding: 10px 5px;
    margin-bottom: 0;
    font-size: 1.2rem;
	}
}

/* 교육일정 검색 */
.bbs-search-edu {padding: 8px;background-repeat: repeat;background-image: url(../images/sub/box_pattern.png);background-position: left top;}
.bbs-search-edu-box { overflow:hidden; padding:13px;background-color: #fff;}
.bbs-search-edu .search-group {width: 520px;margin: 0 auto;position: relative;}
.bbs-search-edu .search-group ul,
.bbs-search-edu .search-group li {list-style: none;}
.bbs-search-edu .search-group:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
.bbs-search-edu .search-group input[type="text"] {
  width: 100%;
  border: 1px solid #e0e0e0;
}
.bbs-search-edu .search-group input[type="text"]:hover,
.bbs-search-edu .search-group input[type="text"]:focus {
  border: 1px solid black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -webkit-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
}
.bbs-search-edu .search-group ul {
  width: 100%;
}
.bbs-search-edu .search-group ul:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
  *zoom: 1;
}
@media (min-width: 900px) {
  .bbs-search-edu .search-group input[type="text"] {
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.4rem;
  }
  .bbs-search-edu .search-group ul li {
    float: left;
  }
  .bbs-search-edu .search-group ul li:first-child {
    padding-right: 0.5rem;
    width: 120px;
  }
  .bbs-search-edu .search-group ul li:nth-child(2) {
    padding-right: 0.5rem;
    width: 120px;
  }
  .bbs-search-edu .search-group ul li:nth-child(3) {
    width: 200px;
    padding-right: 0.5rem;
  }
  .bbs-search-edu .search-group ul li:nth-child(4) {
    padding-right: 0.5rem;
  }
}
@media (max-width: 899px) {
	.bbs-search-edu .search-group {width: 420px;}
  .bbs-search-edu .search-group input[type="text"] {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    font-size: 1.3rem;
  }
  .bbs-search-edu .search-group ul li {
    float: left;
  }
  .bbs-search-edu .search-group ul li:first-child {
    padding-right: 0.5rem;
    width: 50%;
  }
  .bbs-search-edu .search-group ul li:nth-child(2) {
    padding-right: 0.5rem;
    width: 45%;
  }
  .bbs-search-edu .search-group ul li:nth-child(3) {
    width: 340px;
    padding-right: 0.5rem;
	  margin-top:5px;
  }
  .bbs-search-edu .search-group ul li:nth-child(4) {
	  margin-top:5px;
  }
}