@charset "utf-8";
/*
 KSODESIGN MULTIPURPOSE XE TEMPLATE
 http://ksodesign.com/
 
 Copyright 2010~2016 KSODESIGN	 
 Contributing author : KSJade (ksjade@ksodesign.com)
--------User Custom CSS---------------------------------*/

/*  메인 메뉴 폰트 스타일링
------------------------------------*/
header #gnb > li > a {
	text-transform:uppercase;
	font-size: 16px;   /* 폰트사이즈 */
	font-weight:600;
	color:#444;  /* 폰트컬러 */
}
header .navbar {border-bottom:1px solid rgba(255,255,255,0.2)} /* 탑 메뉴 하단 라인 */
header .navbar .dropdown-menu {background-color:#292c31} /* 2차 메뉴 배경 */

#kso-header .header-top {background-color: #fff;}
#kso-header .header-top .pull-right {padding-right: 12px;}
#kso-header .header-top a {
	display: inline-block;position: relative;
	padding: 7px 0 0 20px;
	font-size: 12px;color: #999;
}
#kso-header .header-top a:before {display: block;content: '';position: absolute;left: 8px;top: 12px;width: 1px;height: 10px;background-color: #ddd;}
#kso-header .header-top a:first-child:before {display: none;}
.gnbBg {top: 101px;}

.kso-footer-menu .family-site .btn {padding:4px 12px!important;height:30px!important;
font-size:14px;color:#2e2e2e;background-image:none;border-radius:0;border-color:#2e2e2e;}
.kso-footer-menu .family-site .btn:hover{background:#2e2e2e;color:#fff;}
.kso-footer-menu .family-site .btn > span{color:#2e2e2e;}
.kso-footer-menu .family-site .btn:hover > span{color:#fff;}
.kso-footer-menu .family-site .dropup .caret {border-top: 0;border-bottom: 4px solid;content: "";display: inline-block;
margin:0!important;padding:0!important;width: 0;height: 0;margin-left: 2px;vertical-align: middle;
border-right: 4px solid transparent;border-left: 4px solid transparent}
.kso-footer-menu .family-site .dropdown-menu {margin-bottom:-1px;border:1px solid #2e2e2e;border-radius:0;box-shadow:none;
padding:0;left:-12px;}
.kso-footer-menu .family-site .dropdown-menu > li {display: block;}
.kso-footer-menu .family-site .dropdown-menu > li > a{padding:5px 10px; font-size:14px;
text-align:left;color:#2e2e2e;}
.kso-footer-menu .family-site .dropdown-menu > li > a:hover{background:#2e2e2e;color:#fff !important;}


/* 우측 판넬 */
ul.float-menu,ul.float-menu .member-title span {background-color: #2d3545} /* 판넬 배경 */
ul.float-menu .btn-signup {background-color:#44607b}

.kso-promotion {background-color: #f2f2f2} /* 프로모션 배경 컬러 */

/* 섹션 상하 여백
------------------------------------*/
.kso-section {padding-top:30px;padding-bottom:0;margin-bottom: 30px} /* 각 섹션 기본 */
.kso-quick {padding-top: 30px;padding-bottom: 0px} /* 1) 퀵메뉴 섹션 */
.kso-latest {padding-top:30px;padding-bottom: 0px} /* 2) 최신글 섹션 */
.kso-slogan {padding-top:30px;padding-bottom: 20px} /* 3) 슬로건 섹션 */
.kso-posting {padding-top:30px;padding-bottom:0px} /* 4) 포스팅 섹션 */
.kso-info {padding-top:30px;padding-bottom: 0px}  /* 5) 인포&소셜 섹션 */
.kso-footer-info {padding-top:50px;padding-bottom:50px} /* 6) 하단 섹션 */

/* 
------------------------------------*/
.kso-slogan {background-color: #f8f8f8;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2} /* 슬러건 섹션 스타일 */

/* 서브
------------------------------------*/
.kso-subtop .sub-header .sub-caption {color: #fff} /* 서브 탑 폰트 컬러 */
.kso-subtop .sub-header .sub-caption h2 {font-size:22px;color:#fff} /* 서브 탑 타이틀 폰트 */
.aside-full .second-menu a {color: #3ca3da !important;}
/* 하단
------------------------------------*/
.kso-footer {background-color:#2e2e2e;} /* 푸터 배경 컬러 */
.kso-footer .h4 {font-size:17px;color:#e2e0e0} /* 타이틀 폰트 */
.kso-footer p {font-size:13px;color:#7e8082} /* 내용 폰트 */

/* 박스스킨 알보드 대응 */
.fixed-content .kso-contents #responBoard .row {margin-left:-15px;margin-right:-15px}
.fixed-content .kso-contents #responBoard div[class^="col-"] {padding-left:15px;padding-right:15px}


.clear{clear:both;}
.intro{}
.intro .inlogo{text-align:center;}
.inphoto{margin:20px 0;}
.inphoto .borderbox{margin-bottom:20px;}
.inphoto img{width:100%;border:3px solid #eee;}
.intro p{padding:0 15px;text-align:center;font-size:18px;color:#9e9e9e}
.intro .introimg img{width:100%;}

@media (max-width:767px){
.intro p{font-size:16px;}
}


.bgfix{padding-top:50px;padding-bottom:0;margin-bottom: 50px;margin-top:50px;
background:url(../img/20250604.jpg); background-position:center;background-size:cover;
background-attachment:fixed;}
.bgfixin{text-align:center;padding:50px 0 100px;}
.bgfixin .mfixboard{background:rgba(0,0,0,.8);padding:60px 0;}
.bgfixin .mfixboard h4{font-size:22px; margin:0 0 20px;color:#cf000d;}
.bgfixin .mfixboard .txt-more{font-size:20px;font-weight:bold;position:absolute;right:15px;color:#cf000d;}
.bgfixin .mfixboard .kso_rwdTable td{padding:10px 0;}
.bgfixin .mfixboard .kso_rwdTable td.title a.list-title{background:none;position:relative;color:#fff}
/*.bgfixin .mfixboard .kso_rwdTable td.title a.list-title:after{clear:both;content:"";
position:absolute;height:1px;width:96%;background:rgba(255,255,255,.5);left:2%;bottom:-4px;}*/
.bgfixin .mfixboard .kso_rwdTable td.title a{padding:0 15px;}



.popup-wrap{
  background-color:rgba(0,0,0,.3); 
  justify-content:center; 
  align-items:center;     
  position:fixed;         
  top:0;
  left:0;
  right:0;
  bottom:0;              
  display:flex; 
  padding:15px; 
z-index:50;
}
.popup{
  width:100%;             
  max-width:800px;         
  border-radius:10px;      
  overflow:hidden;         
  background-color:#ffe1ab; 
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); 
}
.popup-head{
  color:#333;
  width:100%;
  height:50px; 
  display:flex;
  align-items:center;
  justify-content:center;
}
.popup-body{               
  width:100%;
  background-color:#ffffff; 
}
.body-content{              
  width:100%;
  padding:30px;   
  height:200px;
  background:url(../img/sul.jpg) no-repeat center / cover;
}
.body-titlebox{             
  text-align:center;        
  width:100%;
  height:40px;
  margin-bottom:10px;       
}
.body-contentbox{           
  word-break:break-word;    
  overflow-y:auto;          
  min-height:100px;        
  max-height:200px;        
}
.popup-foot{                   
  width:100%;
  height:50px;
}
.popup-foot span:nth-child(1){border-right:1px solid #e5d79a;}
.pop-btn{ 
  display:inline-flex;            
  width:50%;                     
  height:100%;                   
  justify-content:center;        
  align-items:center;             
  float:left;                   
  color:#333; 
 font-weight:bold;
  cursor:pointer;                
}



@media (max-width:960px){

.bgfixin .mfixboard{padding:50px 15px;}
.bgfixin .mfixboard .txt-more{right:30px;}
}