@charset "euc-kr";
/* CSS Document */

input, textarea, select {
	padding:.5em 0; 
	border:1px solid #CCCCCC;
	margin:5px 0 5px 0;
	box-sizing:border-box;
}
 

/* ¼­ºêÄÜÅÙÃ÷ - °Ô½ÃÆÇÆäÀÌÁö */
 .board_detail_m {position:relative;  display:none;}

/*************¼­ºê°Ô½ÃÆÇ*************/
.board_list{ border-top:1px solid #ccc;}

/***°Ô½ÃÆÇ ¸®½ºÆ®***/
.board_list .b_list_form{ width:100%; min-height:50px; margin:0 auto; border-bottom:1px solid #ccc; padding:12px 0 12px 0; background:url(../img/cust/btn_next.png) 96% center no-repeat; 
line-height:1.2;}
.b_list_form  table{ width:100%; margin:0 auto; cursor:pointer;}
.b_list_form  table span{ font-size:90%; }
.b_list_form .b_title a{  font-size:;  font-weight:300; }
.b_list_form .b_who{color:#666; background:url(../img/cust/icon_who.jpg) left center no-repeat; word-break:keep-all; }
.b_list_form .b_date{color:#666; margin-right:20px;}
.b_list_form .b_date span{margin-left:0; color:#666; }

/***°Ô½ÃÆÇ »ó¼¼ÆäÀÌÁö***/
.board_list .b_detail_form{ width:100%; min-height:50px; margin:0 auto; border-bottom:0px solid #ccc; padding:0px 0 20px 0;  }
.b_detail_form .b_tit_wrap {border-bottom:1px solid #ccc; padding:15px 0 15px 0; background:#f9f9f9; }
.b_detail_form .b_tit_wrap  table{ width:100%; margin:0 auto;}
.b_detail_form .b_tit_wrap02 {border-bottom:1px solid #ccc; padding:15px 0 15px 0;}
.b_detail_form .b_tit_wrap02  table{ width:100%; margin:0 auto;}
.b_detail_form .b_title{ font-size:18px; height:0; }
.b_detail_form .b_who{color:#444; background:url(../img/cust/icon_who.jpg) left center no-repeat; word-break:keep-all;}
.b_detail_form .b_date{font-weight:300; color:#666; margin-right:20px;  font-size:90%;}
.b_detail_form .b_date span{ color:#666; font-size:90%; }

.b_con img{ width:100%;}
.b_con{ width:100%; margin:0 auto; padding:50px 0 50px 0;}

.b_detail_form .b_btn_wrap {border-top:1px solid #ccc; padding:15px 0 0px 0; text-align:right;}

.b_btn_list {display:inline-block; width:; height:;  padding:1em; color:#fff; text-align:center; cursor:pointer; vertical-align:middle; background:#0042a2;}
.b_btn_list a{color:#fff;}
.b_btn_list a:hover{color:#fff;}





 





/*³»°¡ Ãß°¡ÇÑ ¾ç½Ä ¼Ó¼º*/

.input1{
	padding: 0 1%; 
	border:0px solid #CCCCCC;
	min-height:36px;
	width:98%;
	background:#fff;
	font-size:16px;
}
.input2{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:30%;
	background:#fff;
	font-size:16px;
}
.input3 {
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:98%;
	background:#fff;
	font-size:16px;
}
.textarea1 {
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	height:70px;
	width:98%;
	background:#fff;
	font-size:16px;
}
.select1{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:99%;
	margin-bottom:0px;
	background:#fff;
	font-size:16px;
}
.select2{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:30%;
	background:#fff;
	font-size:16px;
}
.select3{
	padding:0 1%;
	border:0px solid #CCCCCC;
	min-height:36px;
	width:16%;
	background:#fff;
	font-size:16px;
}
 
.checkbox2, .radio2{
	min-height:18px;
	min-width:18px;
	width:18px;
	height:18px;
	border:1px solid #bbb;
	background:#fff;
	font-size:16px;
}


/******************* tablet max-width:768px *******************/
@media screen and (max-width:768px){
	
/* ¼­ºêÄÜÅÙÃ÷ - °Ô½ÃÆÇÆäÀÌÁö */
.subcontainer .board_detail {}
.b_list_form  table{font-size:13px;   text-align:left;}
.b_list_form .b_title a{font-size:14px; width:100%;  display:block; text-align:left;}
.b_list_form .b_who{ display:block; width:100%; text-align:left;}
.b_list_form .b_date{color:#666; width:100%;  display:block;  text-align:left;}
.b_detail_form  table{font-size:13px;  text-align:left;}
.b_detail_form .b_title a{ font-size:14px; width:100%;  display:block;  text-align:left;}
.b_detail_form .b_who{ display:block; width:100%;  text-align:left;}
.b_detail_form .b_date{color:#666; width:100%;  display:block;  text-align:left;}
.b_con img{ width:100%; }

}

 

 





/* 2023 07 10 °Ô½ÃÆÇ ¸®½ºÆ® cssÃß°¡ */

.b_list_form { position:relative; border-bottom:1px solid #999; padding:25px 0 ; 
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;}
a:hover .b_list_form,
.b_list_form:hover   { border-bottom:1px solid #0057e8}
.b_list_form .b_who h6 {  margin:0; display:inline-block;  text-transform:uppercase; }
.b_list_form .b_title h6{ position:relative; margin:0 0 5px 0; 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;   }
.b_list_form .b_title span {color:#666; font-weight:300;  }
.b_list_form .b_date { margin-right:0;}
 		  

@media screen and (max-width:768px){
	.b_list_form {  padding:20px 0 ;  }
	.b_list_form .b_who h6 { font-size:1.1rem; letter-spacing:0.5px} 
	.b_list_form .b_title span { font-size:.9rem}
}
  


.b_list_form .btn_more {
  position: relative; display:block !important;
  width:40px; height:40px; text-align:right; margin-right:0; margin-left:auto;} 
.b_list_form .btn_more button { background:transparent; border:0; } 
.b_list_form .btn_more .btn-plus { width:40px; height:40px; position:relative; text-align:left; background:transparent; border: 2px solid #222; text-align:center; line-height:1;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;}
.b_list_form:hover .btn_more .btn-plus,
.b_list_form .btn_more:hover .btn-plus,
.b_list_form .btn_more .btn-plus:hover { background:#0057e8;  border: 2px solid #0057e8; color:#fff; }
.b_list_form .btn_more .btn-plus  span{  }
.b_list_form .btn_more .btn-plus .plus-w,
.b_list_form .btn_more .btn-plus .plus-b { width:23px; height:auto;  margin:auto; line-height:1}
.b_list_form .btn_more .btn-plus .plus-w { display:block; }
.b_list_form .btn_more .btn-plus .plus-b { display:none; }

.b_list_form:hover .btn_more .btn-plus .plus-w,
.b_list_form .btn_more:hover .btn-plus .plus-w,
.b_list_form .btn_more .btn-plus:hover .plus-w { display:none; }

.b_list_form:hover .btn_more .btn-plus .plus-b,
.b_list_form .btn_more:hover .btn-plus .plus-b,
.b_list_form .btn_more .btn-plus:hover .plus-b  { display:block; }

@media screen and (max-width:992px){
	.b_list_form .btn_more {
	  position:absolute; display:block !important;
	  width:40px; height:40px; text-align:right; margin-right:0; margin-left:auto; right:0; bottom:0;} 
	.b_list_form .btn_more .btn-plus { width:40px; height:40px; }
	.b_list_form .btn_more .btn-plus .plus-w,
	.b_list_form .btn_more .btn-plus .plus-b { width:40%; }
}		  

@media screen and (max-width:768px){
	.b_list_form .btn_more .btn-plus { width:40px; height:40px; } 
}		  

@media screen and (max-width:576px){
	.b_list_form .btn_more .btn-plus { width:30px; height:30px; } 
}	












/* ³»°¡ Ãß°¡ÇÑ ¾ç½Ä ¼Ó¼º -  */

.form-control {
	display:block;
	width:100%;
	height:calc(2.76rem + 2px);
	padding:.63rem 1rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.4;
	color:#333;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #bbb;
	border-radius:.125rem;
	transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
	width:100%;
}
}
.form-control::-ms-expand {
	background-color:transparent;
	border:0
}
.form-control:focus {
	color:#333;
	background-color:#fff;
	border-color:#ccc;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(38, 93, 241, .25)
}
.form-control::-webkit-input-placeholder {
	color:#8b8e9f;
	opacity:1
}
.form-control::-moz-placeholder {
	color:#8b8e9f;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#8b8e9f;
	opacity:1
}
.form-control::-ms-input-placeholder {
	color:#8b8e9f;
	opacity:1
}
.form-control::placeholder {
	color:#8b8e9f;
	opacity:1
}
.form-control:disabled, .form-control[readonly] {
	background-color:#bbb;

	opacity:1
}
select.form-control:focus::-ms-value {
	color:#333;

	background-color:#fff
}
.form-control-file, .form-control-range {
	display:block;
	width:100%
}
.form-control-sm {
	height:calc(1.4em + .76rem + 2px);
	padding:.38rem .75rem;
	font-size:.875rem
}
.form-control-lg, .form-control-sm {
	line-height:1.4;
	border-radius:.125rem
}
.form-control-lg {
	height:calc(1.4em + 1.5rem + 2px);
	padding:.75rem 1.5rem;
	font-size:1.25rem
}
select.form-control[multiple], select.form-control[size], textarea.form-control {
	height:auto
}







/************************************ 2023.07.27 ³»°¡ Ãß°¡ÇÑ ¾ç½Ä ¼Ó¼º ************************************/
.board-border {border-top:0px solid #ccc; padding-top:0px; margin-top:20px;} 

.photo { position:relative; margin-bottom:30px;}
.photo .photo-wrap { position:relative; }



.photo .photo-w { position:relative; }
.photo .photo-w .board-border {margin-top:0;}
.photo .photow-item { position:relative; border-top:1px solid #ccc; padding-top:20px; margin-top:40px; padding:5px !important; font-size:inherit; }
.photo-w .photow_con { position:relative; margin: 20px 0; padding: 30px 0; } 
.photo-w p { margin-bottom:0; font-size:1.1rem;  } 
.photo-w .photo_info { margin:20px 0; 
	display: -webkit-box;
	display: flex;  
	align-items: start;
    justify-content:  space-between;
    justify-content:  flex-end;
	border-top:1px solid #eee; 			 } 
.photo-w .photo_info .photo_date { position:relative; color:#888; margin: 10px 0; font-size:90%;  } 
.photo-w .photo_info .photo_who { position:relative; color:#444; margin: 10px; font-size:90%; 		display: none; } 

@media (max-width: 1240px) {
	.photo-w .photo_tit  {
        font-size: calc(1rem + 0.35vw);
    }
	.photo-w .photo_text p  {
        font-size: calc(.9rem + 0.15vw);
    }
	.photo_info .photo_who  {
        font-size: calc(.85rem + 0vw);
    }
	.photo_info .photo_date  {
        font-size: calc(.85rem + 0vw);
    }
}




.photo .photo-l { position:relative; margin-bottom:40px;}
.photo-l .phoimg { position:relative; margin-bottom:20px; width:100%; overflow:hidden; display:block;  height:210px; 
	display: -webkit-box;
	display: flex;  
	align-items: center; 
    justify-content:  flex-center;
	background-color:#f8f9fa}
.photo-l .phoimg img { width:110%; height:110% !important; display:block; position:absolute;  left:0; right:0; top:0; bottom:0; margin:auto;  }
.photo-l .photo_tit { position:relative; margin:0 0 10px 0; 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;  
   font-weight:400; 
 } 
.photo-l .photo_con { position:relative; margin: 0px 0; } 
.photo-l .photo_text { position:relative; margin: 0 0 20px 0; 
	text-overflow: ellipsis; overflow: hidden;
   white-space: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical; color:#888; 
 } 
.photo-l .photo_text p { margin-bottom:0; font-size:1.1rem;  } 
.photo-l .photo_info { margin-bottom:20px; 
	display: -webkit-box;
	display: flex;  
	align-items: start;
    justify-content:  space-between;
	border-top:0px solid #eee; } 
.photo-l .photo_info .photo_date { position:relative; color:#888; margin: 10px 0; font-size:90%; 		display: none; } 
.photo-l .photo_info .photo_who { position:relative; color:#888; margin: 10px 0; font-size:90%; 		display: none; } 

@media (max-width: 1240px) {
	.photo-l .photo_tit  {
        font-size: calc(1rem + 0.35vw);
    }
	.photo-l .photo_text p  {
        font-size: calc(.9rem + 0.15vw);
    }
	.photo-l .photo_info .photo_who  {
        font-size: calc(.85rem + 0vw);
    }
	.photo-l .photo_info .photo_date  {
        font-size: calc(.85rem + 0vw);
    }
	.photo-l .phoimg {  height:200px; } 
}


@media (max-width: 992px) {
	.photo-l .phoimg {  height:240px; } 
}



@media (max-width: 768px) {
	.photo-l .phoimg {  height:160px;  }
   .photo-l .photo_text {     display: none;    } 
   .photo-l .photo_tit {   } 
}



 
 
 
 
 
 
 
/************************************ 2023.07.27 ³»°¡ Ãß°¡ÇÑ ¾ç½Ä ¼Ó¼º ************************************/
 
/* 
---------------------------------------------
  btn-holder 
--------------------------------------------- 
*/  
 
.btn-holder *:active, 
.btn-holder *:hover, 
.btn-holder *:focus {
  outline: 0!important;
  outline-offset: 0;
}
.btn-holder *::before,
.btn-holder *::after {
  position: absolute;
  content: "";
}
.btn-holder {
  display: flex;
  flex-wrap: wrap;  
  margin: 10px auto 35px;
}
.btn-holder.center { 
  justify-content: center; 
}
.btn-holder.start { 
  justify-content: start; 
}
.btn-holder.end { 
  justify-content: end; 
}

.btn-bar {
  position: relative;
  display: inline-block;
  width: auto; height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer; 
  min-width: 150px;
}

.btn-bar span,
.btn-bar span a,
.btn-bar a span {         
    position: relative;
    display: inline-block;
    font-size: .9rem; 
	font-weight:500;
	line-height:1 !important;
    letter-spacing:  1px;
    text-transform: uppercase;
    top: 0; left: 0;
    width: 100%;
    padding: 15px 20px;
    transition: 0.3s; 
}

.btn-holder.btn-sm {  } 
.btn-lg {  
  padding:0;
}
.btn-lg .btn-bar { 
  min-width: 200px;
}
.btn-lg .btn-bar span,
.btn-lg .btn-bar span a,
.btn-lg .btn-bar a span { 
    font-size: 1.05rem;  
    padding: 18px 30px;
  }
.btn-sm .btn-bar { 
  min-width: 60px;
}
.btn-sm .btn-bar span,
.btn-sm .btn-bar span a,
.btn-sm .btn-bar a span { 
    font-size: .9rem;         
    padding: 5px 5px;
  }
@media screen and (max-width: 992px)  {
	.btn-bar { 
	  min-width: 120px;
	}
	.btn-bar span,
	.btn-bar span a,
	.btn-bar a span {          
		padding: 12px 15px; 
	  }
	 
	.btn-lg .btn-bar { 
	  min-width: 160px;
	}
	.btn-lg .btn-bar span,
	.btn-lg .btn-bar span a,
	.btn-lg .btn-bar a span { 
		font-size: 1rem;  
		padding: 15px 20px;
	  }
	.btn-sm .btn-bar { 
	  min-width: 50px;
	}
	.btn-sm .btn-bar span,
	.btn-sm .btn-bar span a,
	.btn-sm .btn-bar a span { 
		font-size: .9rem;   
	  }
}
@media screen and (max-width: 768px)  {
	.btn-bar span,
	.btn-bar span a,
	.btn-bar a span {          
		font-size: .85rem; 
	  }
	.btn-lg .btn-bar span,
	.btn-lg .btn-bar span a,
	.btn-lg .btn-bar a span { 
		font-size: .9rem;
  	} 
	.btn-sm .btn-bar span,
	.btn-sm .btn-bar span a,
	.btn-sm .btn-bar a span { 
		font-size: .85rem;
  	}
}
@media screen and (max-width: 576px) {
}
  