.table { width: 100%; display: table; border-top:1px solid #333; }

.row {display: table-row }
.row:hover {background-color:#f7f7f7}

.cell { font-size:1em; padding:15px 12px; display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666; word-break:normal}
.cell a {color:#333; display:inline-block; width:100%}
.row.table_header .cell {background-color:#eee; border-top:1px solid #111; border-bottom:1px solid rgba(0,0,0,.3); color:#333}
.row.table_header:hover {background:none}

.cell.table_tit  {width:80%; text-align:left; font-weight:500; line-height:1.3; }
.cell.table_tit a:hover {text-decoration:underline}
.cell.no {width:100px; }
  
  

@media screen and (max-width:900px) {
	.table { display: block; font-size:1em }
	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
	.row.table_header {display: none;  }
 	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title);  color:#555;}
	.cell { padding:0; padding-right:5px; display: block; border-bottom:none;  }
 	.cell_col {display:inline-block; width:auto; font-size:.9em;  }
	 
	.cell.table_tit  {width:100%; text-align:left;   display:inline-block}
    .cell.no {display:none}
 

}

.write .bg_box {margin-top:70px}
.write .bg_box ul li  {margin-bottom:5px}

.form_box {width:100%;   margin-top:200px; padding:0 5%; box-sizing:border-box}
.write_form {width:100%;  }
.write_form li {width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;  }
.write_form li + li {margin-top:80px}
.write_form li div {width:75%; margin-bottom:15px; margin-left:auto;  display:flex; align-items:center; }
.write_form li label.wirte_label {width:25%; font-size:1.67em; font-weight:700;}
.write_form li label.tt {width:150px; color:#000; font-size:1.22em; flex-shrink:0; display:inline-block }
.write_form li div a {margin-left:auto}
.write_form li div.textarea_div {width:75%; margin-left:auto}

.write_form li div textarea {width:100%; height:200px; border-radius:10px;  border:1px solid #ddd; font-size:16px; padding:20px; box-sizing:border-box}
.write_form li div input[type="text"] {width:100%; height:50px; font-size:16px; border:1px solid #ddd; border-radius:10px; padding-left:20px; box-sizing:border-box }
.write_form li div select {width:100%; position:relative;  border:1px solid #ddd;  height:50px; font-size:16px; border-radius:10px; padding:0 20px; box-sizing:border-box;

 -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none;  /* 화살표 없애기 */
	background:url('/common/img/arrow_down.svg') no-repeat 97% 50%/15px auto;
}

.write_form li div input::placeholder {font-weight:300;  color:#868686}
 
.write_form li div.col-4 { justify-content:space-between;  }
.write_form li div.col-2 {gap:2%}
.write_form li div.col-2  p {width:50%;}
.write_form .check_box p {width:20%; flex-shrink:0; position:relative }

.write_form li div.agree_box {flex-wrap:wrap; width:75%; margin-left:auto}
.write_form li div.border_box { font-size:.89em; width:100%; border-radius:10px; padding:20px}
.write_form li div.border_box input {vertical-align:middle}
.write_form li div.border_box a {color:var(--main_c);}

 .styled-checkbox {
  position: absolute;
  opacity: 0;  
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #ddd;
  border-radius:3px;
  flex-shrink:0
}
 
.styled-checkbox:checked + label:before {
  background: var(--main_c);
}
 
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
   left: 6px; 
    top: 50%;
	margin-top:-6px;
    width: 5px;
     height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

 


span.point {width:8px; height:8px; border-radius:50%;  background-color:var(--main_c); vertical-align:top; display:inline-block; flex-shrink:0}


@media screen and (max-width:900px) {
		.form_box {padding:0; margin-top:70px}
		.write_form li + li {margin-top:30px}
		.write_form li div {width:100%; flex-wrap:wrap; font-size:.9em }
		.write_form li label.wirte_label {width:100%; font-size:1.15em; margin-bottom:15px  }
		.write_form li div.textarea_div {width:100%; }
		.write_form li div.col-2 p {width:100%}
		.write_form li div.col-2 p + p  {margin-top:15px}
		.write_form li label.wirte_label br {display:none}
		.write_form li label.tt {width:100%; font-size:1.1em; margin-bottom:5px}
		.write_form #other_input {  margin-top:10px}
		.write_form li div.border_box {font-size:.90em; padding:15px}
		.write_form li div.border_box a {font-size:14px}
		.styled-checkbox + label:before {margin-right:5px}
		.write_form li div.agree_box {  width:100%; }
		.write_form .check_box {margin-bottom:0}
		.write_form .check_box p {width:33.3333%;   }


}



ul.gall {display:flex; gap:40px 2%; flex-wrap:wrap; margin-top:30px}
ul.gall li {width:32%; }
ul.gall li .img {width:100%; padding-bottom:56%; background-position:center !important; border-radius:20px; overflow:hidden; border:1px solid #999; box-sizing:border-box;  transition: all 0.3s ease-out; }
ul.gall li img {width:100%}
ul.gall li label {margin-top:10px; border:1px solid #999; color:#999; font-weight:300; font-size:.89em;  padding:9px 20px; border-radius:50px; display:inline-block;  transition: all 0.3s ease-out;}
 
ul.gall li  p {margin-top:10px;
		width:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
}
ul.gall li:hover label {border:1px solid var(--main_c); color:var(--main_c)}
ul.gall li:hover .img {border:1px solid var(--main_c)}

@media all and (max-width:900px) {
	  ul.gall {gap:20px 0; /* justify-content:space-between;  */ }
	  ul.gall li {width:100%; }
	  ul.gall li label {font-size:14px}

}

ul.news {display:flex; gap:40px 2%; flex-wrap:wrap; margin-top:30px}
ul.news li {width:32%; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:40px; box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.10); border-radius:20px;  transition: all 0.3s ease-out;}
ul.news li div {width:100%; height:100%; display:inline-block}
ul.news li label {cursor:pointer}
 
ul.news li div h4 {font-size:1.11em; color:#000; margin-top:30px;
	width:1d00%;
		overflow:hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		 
		height:55px; 
		
}
 ul.news li p {margin-top:15px;
		width:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
		 font-size:.89em
}
ul.news li p + p  {color:#666; font-weight:300; letter-spacing:0;  margin-top:50px;}
ul.news li p + p img {width:15px; vertical-align:-2px}
ul.news li img {width:100%}
ul.news li label {border:1px solid #999; font-size:.89em; color:#999; padding:9px 20px; border-radius:50px; display:inline-block;  transition: all 0.3s ease-out;}

ul.news li:hover label {border:1px solid var(--main_c); color:var(--main_c)}
ul.news li:hover   {border:1px solid var(--main_c)}


@media all and (max-width:900px) {
	ul.news {gap:20px 0;  }
	ul.news li {width:100%; padding:20px}
	ul.news li div h4 {height:auto; margin-top:20px}
	ul.news li p + p  {  margin-top:20px;}

}

.list_page {text-align:center;  width:100%; margin-top:60px; display:inline-block; font-size:0; }
.list_page ul { width:100%; text-align:center; display:flex; justify-content:center}
.list_page li { display:inline-block; font-size:15px; font-weight:400; position:relative;  }
.list_page a { color:#999; padding:0 12px  }
.list_page a.ov  {color:#000; font-weight:600;  }
.list_page a.ov:after {position:absolute; bottom:-2px; width:18px; height:2px; background-color:#333; display:inline-block; content:''; left:50%; transform: translate(-50%, 0); }


.angle a {padding:0 5px}
.angle i {color:#999}
 
 @media screen and (max-width:900px) {
		.list_page {  margin-top:50px; }

		.list_page a { width:25px; line-height:25px; height:25px;   }
		.list_page img {width:25px; height:25px; vertical-align:top;  }

}

.view_content h3 {width:100%; font-size:2em; margin-bottom:30px}
.view_content img {max-width:100%}
.view_content iframe {width:1020px; height:574px; margin:0 auto }
.view_content .con {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0; margin:10px 0; word-break:normal}
.view_content .bg_box {width:100%}
.view_content .bg_box dt {color:#000; font-size:1.11em}
.view_content .bg_box dd {color:#2C2C2C; font-size:1.11em}
.view_content .flex .flex.ac a {margin-left:10px}
/*  .view_content .flex .flex.ac a:nth-child(2) {margin-left:5px} */
.view_content .file { font-size:.83em}
.view_content .file a:first-child {margin-top:70px; display:inline-block}
.view_content .file a img { vertical-align:-2px}

.view_content .file a.down_btn {background-color:#333; color:#fff;  border-radius:50px; padding:10px 50px; margin-top:50px; display:inline-block; font-size:1rem; font-weight:500}
.view_content .file a.down_btn img { vertical-align:middle}


.acodian {width:100%}
.acodian +  .acodian {margin-top:15px}
.acodian dt {cursor:pointer; width:100%; display:flex; align-items:center; background-color:#fff;  border:1px solid #D0D0D0; box-sizing:border-box; padding:20px 40px 20px 60px; border-radius:5px;  }
.acodian dt i {margin-left:auto; font-size:23px;  transition: all 0.3s ease-out;}
.acodian.on dt   {border-radius:10px 10px 0 0; color:var(--main_c) }
.acodian.on dt i {transform: rotate(180deg);   }
.acodian dd { height:0; overflow:hidden; opacity:0;  transition: all 0.2s ease-out; background-color:#eee;  width:100%;   box-sizing:border-box;  padding:0 40px 0 60px  }

.acodian.on dd {  height:auto; opacity:1; padding:30px 40px 30px 60px }
.acodian dd div {width:100%}
.acodian dd * { word-break: break-all;}
.acodian dd table td {background-color:#fff }
.acodian dd img {max-width:100%}
.acodian.faq dt {color:var(--main_c)}
.acodian.faq span:first-child {width:50px; flex-shrink:0; color:#000; font-weight:600}

.acodian.type2 dd  {background-color:#fff; border:1px solid #ddd; border-top:none; border-radius: 0 0 10px 10px }


@media screen and (max-width:1021px) {
   .view_content iframe {width:100%; height:45.3vw; }
 
 }
 @media screen and (max-width:900px) {
		.view_content h3 { font-size:1.5em; margin-bottom:20px}
       .view_content iframe { width:100%; height:50vw}


		.acodian dt {  font-size:.95em; padding:15px}
		.acodian.faq span:first-child {width:25px}
		.acodian dt i {  font-size:18px;  }
		.acodian dd {  font-size:.95em; padding:0 15px; }
		.acodian.on dd {   padding:20px 15px; }

}