/*뷰페이지*/

.board_view_wrap { max-width: 900px; margin: 0 auto; padding: 60px 20px; }

/* 제목 */
.view_title h3 { font-size: 28px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px solid #222; }

/* 정보 */
.view_info { display: flex; gap: 20px; padding: 15px 0; font-size:.9em; color: #666; border-bottom: 1px solid #ddd; background-color:#fff; }
.view_info a {color:#111}
.view_info a:hover {text-decoration:underline}
.view_info b { color: #222; margin-right: 6px; }

/* 첨부파일 */
.view_file { padding: 15px 0; border-bottom: 1px solid #ddd; font-size:.9em; background-color:#fff; }
.view_file a { margin-left: 10px; color: #005bac; text-decoration: underline; }

/* 내용 */
.view_content { padding: 40px 0; font-size: 16px; line-height: 1.8; color: #333; background-color:#fff; }
.view_content * {  all: revert; font-family: "Inter",  'Pretendard', 'sans-serif'; }
.view_content ol, .view_content ul {margin:0.3em 0}
.view_content strong, .view_content b {font-weight:600}
 
/* 이전/다음글 */
.view_nav { margin-top: 30px; border-top: 1px solid #222; background-color:#fff; }

.view_nav dl { display: flex; padding: 12px 0; border-bottom: 1px solid #ddd; font-size:.9em; color:#333 }
.view_nav dt { width: 80px; font-weight: 600; color: #222; }
.view_nav dl a { color: #333; }
.view_nav dd a:hover { text-decoration: underline; }
.view_nav dl a:hover {text-decoration:underline}

/* 버튼 */

.view_btns { margin-top: 40px; text-align: center; }

.btn_list {display: inline-block; padding: 12px 40px; border: 1px solid #222; color: #222; font-weight: 600; }
.btn_list:hover { background: #222; color: #fff; }
 
.btn_wrap {width:100%; display:inline-block }
 a.list_btn { text-align: center; line-height: 31px; padding: 0 20px; font-weight: 400; font-size: 0.90em; float: right; margin-top: 15px; margin-left: 5px; background-color: #fff; border:1px solid #ddd; border-radius: 3px; color: #444; }



 
.page {text-align:center;   width:100%; margin-top:30px; display:inline-block; font-size:0}
.page ul { width:100%; text-align:center; }
.page li { display:inline-block; font-size:14px; font-weight:300;  }
 

.page a { display:inline-block; text-decoration:none; vertical-align:middle; border:1px solid #d1d1d1; background-color:#fff;  width:29px; line-height:29px; height:29px;  margin-left:-1px; color:#999; text-align:Center; }
.page img {width:29px; height:29px; vertical-align:top;  }
 .page a.ov  {border:1px solid #555; background-color:#555; color:#fff;}

 
 
 @media screen and (max-width:800px) {

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

}

   
 

/*search*/
 						
.search {margin-top:30px; height:40px;  width:100%; display:flex;  justify-content:flex-end; font-size:15px}
.search input  {width:30%;  border:1px solid #ddd; margin-left:-1px;  padding-left:10px; font-size:1em;   color:#333;  }
.search select  { font-size:1em;  color:#333; border:1px solid #ddd;  vertical-align:middle; width:100px; padding-left:5px  }
.search a {background-color:#333;   color:#fff; line-height:40px; font-size:1em;  padding:0 20px; display:inline-block; vertical-align:middle;}
									   
 


.gall ul.flex {width:100%; flex-wrap:wrap; gap:30px 20px; }
.gall ul.flex li {width:calc(25% - 15px); position:relative }
.gall ul.flex li img {width:100%; }
.gall ul.flex li .img {position:relative; margin-bottom:20px;  width:100%; padding-bottom:100%}
.gall ul.flex li:hover .img {opacity:.5}
.gall ul.flex li .text { box-sizing:border-box; }
.gall ul.flex li h5 {font-size:1.25em; font-weight:700; margin-bottom:5px; color:#333}
.gall ul.flex li p {font-size:.95em; color:#333;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden;
 }
.gall ul.flex li span { position:absolute; left:20px; top:20px; color:#fff; border-radius:5px; padding:7px 20px; display:inline-block; font-size:16.5px; background: rgba(0, 0, 0, .1); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }

  

@media all and (max-width:800px) {
		.gall ul.flex {gap:20px 0; justify-content:space-between }
		.gall ul.flex li  {width:48%}
		.gall ul.flex li .img  {margin-bottom:15px}
		.gall ul.flex li h5 {font-size:1.1em}
		.gall ul.flex li span {font-size:14px; padding:5px 15px; left:10px; top:10px}

}



.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:15px 30px 15px 30px; border-radius:10px; font-size:1.07em;  color:#000; font-weight:600 }
.acodian dt i {margin-left:auto; font-size:23px;  transition: all 0.3s ease-out;}
.acodian.on dt {border-radius:10px 10px 0 0;  }
.acodian.on dt i {transform: rotate(180deg);   }
.acodian dd { height:0; overflow:hidden; opacity:0;  transition: all 0.2s ease-out; background-color:#fff;  border:1px solid #ddd; border-top:none;  width:100%;   box-sizing:border-box;  padding:0 40px 0 30px; color:#333;  font-weight:300}
.acodian dd div {width:100%}
.acodian dd * { word-break: break-all;}
.acodian dd img {max-width:100%}
.acodian span.label {width:40px; flex-shrink:0; background-color:var(--main_c); border-radius:50%; height:40px; margin-right:20px; display:flex;align-items:center; justify-content:center; font-size:20px; font-weight:400; color:#fff}

.acodian.on dd {  height:auto; opacity:1; padding:20px 40px 20px 30px; background-color:#f1f1f1; border:none }


@media all and (max-width:800px) {
		.acodian dt {padding:15px 15px }
		.acodian span.label  {display:none}
		.acodian dd {padding:0 20px;  }
		.acodian.on dd  {padding:15px 15px; }
		.acodian dd .flex {flex-wrap:nowrap}
		.acodian dt i {font-size:18px}

}

.application {max-width:750px !important; }
.application p.r {margin-top:40px; color:#666; font-size:.98em; font-weight:300}
.application ul {width:100%; background-color:#fff; border:1px solid #ddd;  padding:30px;  box-sizing:border-box; display:flex; flex-wrap:wrap;  margin:0 auto;  margin-top:50px; border-radius:10px}
.application ul li {width:100%; display:flex; align-items:center; margin-bottom:15px; box-sizing:border-box; color:#333; line-height:1.5}
  
.application ul li h3 {font-size:1.05em; margin-bottom:5px; font-weight:600; color:#000; width:150px; flex-shrink:0; line-height:1.1; }

.application ul li > div {width:100%; display:flex; align-items:Center}
.application ul li > div.flex_none {display:inline-block}
.application ul li > div > div {width:100%}

.application ul li input {vertical-align:middle; padding-left:10px; box-sizing:border-box}
.application ul li input + a.s_btn { margin-left:5px; line-height:35px}
.application ul li select {height:37px; font-size:.95em; padding:0 5px; box-sizing:border-box; color:#333; border:1px solid #ddd;  }

.application ul li  input[type="file"] { font-size:.95em; padding-left:0; margin-top:5px}
.application ul li  input[type="checkbox"] { margin-right:5px; }
.application ul li  input[type="text"] { height: 40px; font-size: .95em; width:100%; border:none; border:1px solid #ddd;  box-sizing:border-box; }
 
.application ul li textarea { height: 150px; width:100%; font-size: .95em; padding:10px;  border:1px solid #ddd; box-sizing:border-box; }
 
.application ul li div.check_div  {flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.application ul li div.check_div p {width:50%; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; box-sizing:border-box; padding:10px; }
.application ul li div.check_div p b {font-weight:500; margin-right:15px}
 
.application ul li div.email input[type="text"]:nth-child(1)  {width:40%; margin-right:10px}
.application ul li div.email input[type="text"]:nth-child(2) {width:60%; margin-left:10px}

.application p.info_txt {color:#444; font-size:.97em}
.application .radio_div {display:flex}
.application .radio_div p  {margin-right:20px}

textarea.privacy_text {width:100%; height:145px;   font-size:.95em; font-weight:300; line-height:1.5;  color:#333; box-sizing:border-box; padding:0}
.privacy_text {width:100%; background-color:#f9f9f9; box-sizing:border-box; padding:15px;  font-size:.95em; font-weight:300; line-height:1.5;  color:#333; }
.privacy_check {margin-top:10px; }
.privacy_check b {color:#000; font-weight:600; text-decoration:underline}

.application h4.tit {font-size:1.3em}


.info_pre {width:100%; border:1px solid #999;  box-sizing:border-box; padding:15px; margin-top:10px; font-size:.97em; line-height:1.4; color:#444;  }
.info_pre + div {text-align:right; margin-top:10px; box-sizing:border-box; color:#444}

@media screen and (max-width:900px) {
		.application ul {padding:0; border:none}
		.application ul li {flex-wrap:wrap; padding:13px 0; margin-bottom:0}
		.application ul li.col-2 {width:100%; padding-right:0}
		.application ul li.col-2:nth-child(2n) {padding-right:0; padding-left:0}

		.application ul li h3 {width:100%; margin-bottom:5px }

		.application ul li >  div {width:100%; }
		.application  .flex.gap10 {gap:5px; margin-top:10px}.application  .flex.gap10 p {width:100%; }

 


}