

/* ---------------- 요기까지 ----------------- */
.intro07_contents_text_box {
	
}

.board_write_box {
	text-align: right;
}

button, [type="button"], [type="submit"] {

}

.board_write_box > button[type='submit'].res {
	width: 120px;
	height: 45px;
	line-height: 45px;
	background-color: #66a48d;
	display: inline-block;
	font-size: 17px;
	color: #fff;
	font-family: 'Noto Sans KR';
	font-weight: 400;
	letter-spacing: -0.5px;
	margin-right: 5px;
	transition: background-color 0.3s, color 0.3s;
	box-sizing: border-box;
	padding: 1px;
}

.board_write_box > button[type='submit'].sub {
	width: 120px;
	height: 45px;
	line-height: 45px;
	background-color: #333333;
	display: inline-block;
	font-size: 17px;
	color: #fff;
	font-family: 'Noto Sans KR';
	font-weight: 400;
	letter-spacing: -0.5px;
	transition: background-color 0.3s, color 0.3s;
	box-sizing: border-box;
	padding: 1px;
}

.board_write_box > button[type='submit'].res:hover {
	background-color: #fff;
	border: 1px solid #66a48d;
	color: #66a48d;
	box-sizing: border-box;
	padding: 0;
}

.board_write_box > button[type='submit'].sub:hover {
	background-color: #fff;
	border: 1px solid #333333;
	color: #333333;
	box-sizing: border-box;
	padding: 0;
}

.intro07_info_text {
	font-size: 20px;
	font-family: 'Noto Sans KR';
	color: #333333;
	letter-spacing: -1px;
	text-align: center;
	margin-bottom: 30px;
}

.board_write4-1-2 form > div {
	margin-bottom: 30px;
	text-align: center;
}

.board_write4-1-2 form > div > div > p > input.intro07_subject_height {
	height: 200px;
	width: 100%;
	margin-bottom: 7.5px;
}

.board_write_box {
	margin: 0 auto;
}

.board_write4-1-2 form { /* 10.5수정 */
  /* -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #b3b3b3; */
}
.board_write4-1-2 form > div:nth-of-type(1){ /* 10.5추가 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #b3b3b3;
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form {
    /* border: none; */
  }
}

.board_write4-1-2 form > div > div {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
}

.board_write4-1-2 form > div > div:last-child {
  border-bottom: none;
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div {
    /* margin-bottom: 7.5px;
                padding-bottom: 7.5px; */
  }
}

.board_write4-1-2 form > div > div::after {
  content: '';
  display: block;
  clear: both;
}

.board_write4-1-2 form > div > div > label {
  vertical-align: middle;
  display: table-cell;
  /* display: block;
                float: left; */
  background-color: #f7f7f7;
  width: 200px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #b3b3b3;
  font-weight: 700;
  color: #666;
  font-size: 17px;
  height: 50px;
  line-height: 50px;
}

@media screen and (min-width: 730px) and (max-width: 800px) {
  .board_write4-1-2 form > div > div > label {
    width: 150px;
  }
}
@media screen and (max-width: 800px) {
	.intro07_info_text{
		font-size: 17px;
		letter-spacing: -0.5px;
		word-break: keep-all;
	}
	.board_write_box > button[type='submit'].res {
		width: 90px;
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		letter-spacing: -0.5px;
		margin-right: 4px;

	}

	.board_write_box > button[type='submit'].sub {
		width: 90px;
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		letter-spacing: -0.5px;
	}
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div > label {
    width: 30%;
    /* float: none;
                    width: auto;
                    text-align-last: left;
                    background: none;
                    border-right: none; */
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > label {
    font-size: 14px;
  }
}

.board_write4-1-2 form > div > div > p {
  display: table-cell;
  /* float: left; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  width: calc(100% - 200px);
  height: 50px;
}

.board_write4-1-2 form > div > div > p::after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div > p {
    /* float: none;
                    width: 100%;
                    padding: 0; */
    width: calc(100% - 30%);
    height: auto;
    padding: 0 15px;
  }
}

.board_write4-1-2 form > div > div > p > input,
.board_write4-1-2 form > div > div > p > select {
  margin-top: 7.5px;
  height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #b3b3b3;
  padding-left: 15px;
  width: 100%;
  font-size: 15px;
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
  .board_write4-1-2 form > div > div > p > input,
  .board_write4-1-2 form > div > div > p > select {
    width: 176px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .board_write4-1-2 form > div > div > p > input,
  .board_write4-1-2 form > div > div > p > select {
    width: 160px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
  .board_write4-1-2 form > div > div > p > input,
  .board_write4-1-2 form > div > div > p > select {

  }
}

@media screen and (min-width: 730px) and (max-width: 900px) {
  .board_write4-1-2 form > div > div > p > input,
  .board_write4-1-2 form > div > div > p > select {

  }
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div > p > input,
  .board_write4-1-2 form > div > div > p > select {
    width: 30%;
    /* margin: 7.5px 0; */
    height: 30px;
    margin: 5px 0;
    width: 100%;
    padding-left: 10px; /* 10.5추가 */
  }
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > p > input,
  .board_write4-1-2 form > div > div > p > select {
    font-size: 14px;
    padding-left: 5px; /* 10.5추가 */
  }
}

.board_write4-1-2 form > div > div > p > input::-webkit-input-placeholder,
.board_write4-1-2 form > div > div > p > select::-webkit-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > input:-ms-input-placeholder,
.board_write4-1-2 form > div > div > p > select:-ms-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > input::-ms-input-placeholder,
.board_write4-1-2 form > div > div > p > select::-ms-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > input::placeholder,
.board_write4-1-2 form > div > div > p > select::placeholder {
  font-size: 15px;
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > p > input::-webkit-input-placeholder,
  .board_write4-1-2 form > div > div > p > select::-webkit-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > input:-ms-input-placeholder,
  .board_write4-1-2 form > div > div > p > select:-ms-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > input::-ms-input-placeholder,
  .board_write4-1-2 form > div > div > p > select::-ms-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > input::placeholder,
  .board_write4-1-2 form > div > div > p > select::placeholder {
    font-size: 13px;
  }
}

.board_write4-1-2 form > div > div > p > b {
  position: relative;
  width: 240px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #b3b3b3;
  margin-top: 7px;
}

.board_write4-1-2 form > div > div > p > b::after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
  .board_write4-1-2 form > div > div > p > b {
    width: 176px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .board_write4-1-2 form > div > div > p > b {
    width: 160px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
  .board_write4-1-2 form > div > div > p > b {
    width: 176px;
  }
}

@media screen and (min-width: 730px) and (max-width: 900px) {
  .board_write4-1-2 form > div > div > p > b {
    width: 160px;
  }
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div > p > b {
    margin-top: 5px;
    /* margin: 7px 0;
                        width: calc(50% - 20px); */
  }
}

.board_write4-1-2 form > div > div > p > b:first-child {
  margin-right: 10px;
}

.board_write4-1-2 form > div > div > p > b > input {
  z-index: 1;
  position: relative;
  width: 240px;
  height: 35px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px;
  background: transparent;
  cursor: pointer;
}
@media screen and (max-width:730px){ /* 10.5추가 */
    .board_write4-1-2 form > div > div > p > b > input{
        padding: 0 10px;
    }
}
@media screen and (max-width:500px){ /* 10.5추가 */
    .board_write4-1-2 form > div > div > p > b > input{
        padding: 0 5px;
    }
}

.board_write4-1-2 form > div > div > p > b > input::-webkit-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > b > input:-ms-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > b > input::-ms-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > b > input::placeholder {
  font-size: 15px;
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > p > b > input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > b > input:-ms-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > b > input::-ms-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > b > input::placeholder {
    font-size: 13px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1350px) {
  .board_write4-1-2 form > div > div > p > b > input {
    width: 176px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .board_write4-1-2 form > div > div > p > b > input {
    width: 143px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
  .board_write4-1-2 form > div > div > p > b > input {
    width: 176px;
  }
}

@media screen and (min-width: 730px) and (max-width: 900px) {
  .board_write4-1-2 form > div > div > p > b > input {
    width: 143px;
  }
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div > p > b > input {
    /* width: 70%; */
    height: 30px;
    line-height: 30px;
    font-size: 15px;
  }
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > p > b > input {
    font-size: 14px;
  }
}

.board_write4-1-2 form > div > div > p > b i {
  position: absolute;
  display: block;
  right: 5px;
  top: 5px;
  font-size: 20px;
  height: 20px;
}

.board_write4-1-2 form > div > div > p > textarea {
  margin-top: 7.5px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  height: 150px;
}

.board_write4-1-2 form > div > div > p > textarea::-webkit-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > textarea:-ms-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > textarea::-ms-input-placeholder {
  font-size: 15px;
}

.board_write4-1-2 form > div > div > p > textarea::placeholder {
  font-size: 15px;
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > p > textarea::-webkit-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > textarea:-ms-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > textarea::-ms-input-placeholder {
    font-size: 13px;
  }
  .board_write4-1-2 form > div > div > p > textarea::placeholder {
    font-size: 13px;
  }
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div > p > textarea {
    /* margin: 7.5px 0; */
    margin: 5px 0;
    font-size: 15px;
  }
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 form > div > div > p > textarea {
    font-size: 14px;
  }
}

.board_write4-1-2 form > div > div:nth-of-type(2) > p > b:first-child {
  margin-right: 3.5px;
}

.board_write4-1-2 form > div > div:nth-of-type(2) > p > b:last-child {
  margin-left: 3.5px;
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div:nth-of-type(2) > p > b {
    margin-top: 4px;
    width: calc(50% - 12px);
  }
  .board_write4-1-2 form > div > div:nth-of-type(2) > p > b > input {
    width: 100%;
  }
}
@media screen and (min-width:730px){
    .board_write4-1-2 form > div > div:nth-of-type(6) p select:nth-of-type(2){margin-left: 18px;}
}
@media screen and (max-width:730px){
    .board_write4-1-2 form > div > div:nth-of-type(6) p select:nth-of-type(2){margin-top: 0;}
}
.board_write4-1-2 form > div > div:nth-of-type(7) > p > select:first-child {
  margin-right: 3.5px;
}

.board_write4-1-2 form > div > div:nth-of-type(7) > p > select:last-child {
  margin-left: 3.5px;
}

@media screen and (max-width: 730px) {
  .board_write4-1-2 form > div > div:nth-of-type(7) > p > select {
    margin: 5px 0;
    width: calc(50% - 12px);
  }
}

.board_write4-1-2 form > div > div:nth-of-type(12) > p > input, .board_write4-1-2 form > div > div:nth-of-type(13) > p > input, .board_write4-1-2 form > div > div:nth-of-type(14) > p > input, .board_write4-1-2 form > div > div:nth-of-type(15) > p > input {
  width: 100%;
}

.board_write4-1-2 form > div > div:last-child > p {
  height: auto;
}

.board_write4-1-2 form > div > div:last-child > p > textarea {
  margin-bottom: 7.5px;
}

.board_write4-1-2 > .write_box {
  text-align: right;
}

.board_write4-1-2 > .write_box > button {
  display: inline-block;
  width: 120px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 14px;
}

.board_write4-1-2 > .write_box > button:nth-child(1) {
  margin-right: 5px;
  color: #717171;
  border: 1px solid #717171;
}

.board_write4-1-2 > .write_box > button:nth-child(1):hover {
  color: #FFF;
  background-color: #717171;
}

.board_write4-1-2 > .write_box > button:nth-child(2) {
  background-color: #0080c6;
  border: 1px solid #0080c6;
  color: #FFF;
}

.board_write4-1-2 > .write_box > button:nth-child(2):hover {
  color: #0080c6;
  background-color: #FFF;
}

.board_write4-1-2 > .write_box > button:nth-child(2):hover i {
  color: #0080c6;
}

@media screen and (max-width: 500px) {
  .board_write4-1-2 > .write_box > button {
    width: 80px;
    height: 45px;
    line-height: 45px;
  }
  .board_write4-1-2 > .write_box > button i {
    margin-right: 3px !important;
  }
}

.board_write4-1-2 > .write_box > button i {
  color: #FFF;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-right: 10px;
}
/*# sourceMappingURL=sub4-1write2.css.map */