@charset "utf-8"; 
/* 
	Websiting Contents Management System Skin
	copyright(c) WEBsiting.co.kr 
*/
@media all and (min-width:981px)
{
	#sideBar{display:none !important;}	

}
#ctWrap,
#container {width:100% !important; max-width:100% !important; padding:0px !important; background:none; text-align:center;}
.contentTitle,
.subTopLocNav,
#page_title{display:none !important;}

#WCMSSlistWr{width:100%; text-align:center;}
.WCMSSlist{position:relative;}
.upNdoClass{display:block;position:absolute;top:-100px;}

.WCMSSwr{width:100%; max-width:1200px; margin:0 auto; padding:10px;  text-align:left; position:relative; background:#;}
.WCMSSwr:after{content:'';display:block; clear:both;}
.leftMenuUseFlase .WCMSSwr{padding:0px;}
.leftMenuUseFlase .bNBar{ display:none !important;}

.WCMSStit{font-weight:400px; font-size:30px; padding:0 15px; border-left:5px solid #000; line-height:1.2em; overflow:hidden;}
.WCMSScontent{font-size:14px; line-height:1.4em; padding:20px 0 0; color:#666; word-break:keep-all;}
.WCMSScontent:after{content:'';display:block ;clear:both;}

.WCMSSwrCenter{text-align:center;}
.WCMSSwrCenter .WCMSStit{border-left:0px;}

.WCMSSwrRight{text-align:right;}
.WCMSSwrRight .WCMSStit{border-left:0px; border-right:5px solid #000;}

/* 컨텐츠 관리 */
.taWCMSS{padding:0px 0; margin-top:-1px; font-family:'Malgun Gothic', dotum, sans-serif; text-align:left;}
.taWCMSS:after{content:'';display:block;clear:both;}
.taWCMSS > label{display:block;padding-bottom:5px;font-size:12px; color:#666;}
.taWCMSS p{ position:relative; background:#fff; height:42px; padding:0 0 0 40px;border:1px solid #d6dce2;}
.taWCMSS p:after{content:'';display:block;clear:both;}
.taWCMSS p:hover{border:1px dashed #000;}
.taWCMSS p > i{display:block; width:40px; height:42px; line-height:40px; text-align:center; position:absolute; left:-1px; top:-1px; background:#47b9c0; color:#fff; font-size:16px; font-style:normal;}
.taWCMSS p > u{display:block; width:auto; height:30px; line-height:30px; text-align:center; position:absolute; right:5px; top:5px; z-index:3; background:#000; color:#fff; font-size:12px; padding:0 10px; text-decoration:none;}
.taWCMSS p input[type='text'], .taWCMSS p input.numberOnlyTxt{width:100%;display:block; padding-left:8px; border:0px !important;height:40px; line-height:40px; font-weight:normal; color:#000;}
.taWCMSS p input[type='file']{width:80%;display:block; margin:8px 0 8px 8px; border:0px !important; color:#000; font-size:12px;}

.taWCMSS p > b{display:block; }
.taWCMSS p > b input[type='checkbox']{display:block; width:30px; height:30px; position:absolute; left:5px; top:5px;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.taWCMSS p > b label{display:block;width:100%;height:40px; padding:0px; text-align:left;  position:relative; cursor:pointer;}
.taWCMSS p > b label:after{content:'';display:block; clear:both;}
.taWCMSS p > b label i{display:block;position:absolute; width:40px; height:41px; line-height:40px; text-align:center; right:10px; top:0px; font-size:30px; color:#0381bd;vertical-align:middle;}
.taWCMSS p > b label u{display:block;position:absolute; width:40px; height:41px; line-height:40px; text-align:center; left:-41px; top:0px; font-size:30px; color:#fff;vertical-align:middle; text-decoration:none;}
.taWCMSS p > b label strong u{left:-39px;}
.taWCMSS p > b label span i{color:#ddd;transform: rotate(180deg);}
.taWCMSS p > b label strong{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.taWCMSS p > b label span{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.taWCMSS p > b label strong,
.taWCMSS p > b label span{position:absolute; width:100%; padding:10px;display:block;-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.taWCMSS p > b input[type="checkbox"]:checked + label strong{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.taWCMSS p > b input[type="checkbox"]:checked + label span{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}

.taWCMSS .fileDel:before{content:'';display:block;width:10px; height:10px;background:#47b9c0; position:absolute; left:15px; top:-6px; transform: rotate(45deg);}
.taWCMSS .fileDel{display:block; position:relative; background:#fff; padding:3px;margin-top:-1px;border:1px solid #47b9c0; margin-bottom:0px;z-index:1;}
.taWCMSS .fileDel:after{content:'';display:block; clear:both;}
.taWCMSS .fileDel:hover{background:#dde5ec;}
.taWCMSS .fileDel .view_image{display:inline-block; vertical-align:middle; margin-right:10px; overflow:hidden; width:80px; height:30px; line-height:30px;}
.taWCMSS .fileDel .view_image img{display:inline-block ;width:100%; height:auto; vertical-align:middle;}
.taWCMSS .fileDel label{display:inline-block; padding-right:30px; font-size:11px;}
.taWCMSS .fileDel label i{display:block; width:20px; height:20px; line-height:20px; text-align:center; color:#999; font-size:18px; position:Absolute; right:5px; top:3px;}
.taWCMSS .fileDel:hover label i{color:#000;}
.taWCMSS .fileDel input[type="checkbox"]:checked + label ,
.taWCMSS .fileDel input[type="checkbox"]:checked + label i{color:#ae1f3a; text-decoration:line-through;}

.taWCMSS input:focus{border:0px;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border:none;}
.taWCMSS .minicolors-theme-default{position:relative; width:100% !important;}
.taWCMSS .themeColorIpt{width:100% !important;display:block; background:transparent;position:relative; z-index:2; padding:0 0 0 15px !important; border:0px !important;height:38px !important; line-height:38px !important; font-weight:normal; color:#fff !important;}
.taWCMSS .minicolors-swatch{display:block;position:absolute;width:30px !important; z-index:1; height:40px !important;left:0 !important;top:0 !important; right:0px; bottom:0px;}
.taWCMSS .minicolors-swatch-color{display:block;position:absolute;width:500px !important; z-index:1; height:40px !important;left:-1px !important;top:-1px !important; right:0px; bottom:0px;}

.ui-tooltip {color:#fff;background:#202d59;padding: 8px;position: absolute;z-index: 99;max-width: 200px; border-radius:3px;}
body .ui-tooltip {border-width: 2px;}

.WCMSSadm{display:none;position:absolute; right:0px; top:0px; padding:0px; z-index:2; box-shadow: RGBA(0,0,0,.2) 0px 0px 10px;box-shadow: RGBA(0,0,0,0.2) 0px 0px 10px 10px;}
.WCMSSadm:after{content:'';clear:both; display:block;}
.WCMSSadm a,.WCMSSadm button{cursor:pointer; display:block; float:left; padding:0 12px; height:32px; line-height:30px; background:#fff; color:#000; margin:0 0 0 -1px; border:1px solid #ddd; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.WCMSSadm a:hover,.WCMSSadm button:hover{background:#007bc3; color:#fff;}
.WCMSSadm a.WCMSSadmBtnDel{ color:#666; font-size:20px;}
.WCMSSadm a:hover.WCMSSadmBtnDel{color:#fff;}
.WCMSSadm .WCMSSadmForm{display:block; position:static; float:left;height:32px; overflow:hidden;}
.WCMSSadm .WCMSSadmForm input{display:none;}

.upNdoOk{display:block; position:absolute; z-index:3; right:0px; top:0px; height:32px; line-height:30px; padding:0 17px; background:RGBA(0,0,0,0.8); color:#fff;}
.upNdoOk i{display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:10px; background:URL(../../../themeAdmin/img/saving.png) no-repeat center center; background-size:100% auto;}

.themeAdminLoading{display:block;background:#ecf1f5; position:fixed;left:0px; top:0px; right:0px; bottom:0px; z-index:99999999999999999999999999999999; width:100%;}

.WCMSSpageMode{display:block; z-index:100; padding:0px; text-align:center; overflow:hidden; font-size:bold; border:1px solid rgba(0,0,0,0.5) !important; background:#005195; 
	border-radius:10px; font-size:13px; position:fixed; right:10px ;bottom:83px;  
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.WCMSSpageMode > i{display:block; width:60px; height:60px; line-height:60px;float:left; background:RGBA(0,0,0,0.2)}
.WCMSSpageMode > i i{color:#fff; font-size:30px; vertical-align:middle;;}
.WCMSSpageMode.off > i i{color:rgba(255,255,255,0.3);}
.WCMSSpageMode span{display:block; float:left; padding:5px 10px; text-align:left; color:#fff;}
.WCMSSpageMode span b{display:block; font-size:16px; color:#fefb00;}
.WCMSSpageMode.off span b{display:block; font-size:16px; color:#47aaff;}
a:hover.WCMSSpageMode{background:#0089fe}
.scDown .WCMSSpageMode{margin-bottom:60px;}

@media all and (max-width:980px)
{
	.WCMSSpageMode{width:100%; bottom:0px; right:0px; bottom:60px; border-radius:0px;padding:0px;}
	.scDown .WCMSSpageMode{bottom:60px;margin-bottom:0px;}
}

.WCMSSmodWrFrame{width:100%; max-width:1200px; margin:0 auto; display:none;margin-top:40px; height:1px; clear:both;background:none;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.WCMSSmodWrFrame:after{content:'';display:block; clear:both;}
.WCMSSmodWrFrame.active{display:block;height:auto;background:#ecf1f5; z-index:9999999999;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;
	box-shadow: RGBA(0,0,0,.2) 0px 0px 10px;box-shadow: RGBA(0,0,0,0.2) 0px 0px 10px 10px; position:relative; clear:both;}
.WCMSSmodWrFrame p{width:100%; height:auto; overflow:hidden; position:relative;z-index:9;background:#354052;}
.WCMSSmodWrFrame p iframe{border:0px !important; width:100%; height:auto;z-index:9;}
.WCMSSmodWrFrame.active iframe{z-index:9;}
iframe.frameHeightAutoWCMCC{border:0px; width:100%; height:auto; }

.WCMSSmodWrFrame > h3{display:block;text-align:left; height:40px; line-height:40px; position:absolute; left:0px; top:-40px; color:#fff; font-size:14px;z-index:9;}
.WCMSSmodWrFrame .WCMSSmodWrFrameOff{display:none;}
.WCMSSmodWrFrame.active .WCMSSmodWrFrameOff{display:block; position:absolute;right:0; top:-40px; background:#354052; color:#fff;  font-size:14px; padding:0; width:40px; text-align:Center; font-size:24px; z-index:10; height:40px; line-height:38px;}
.WCMSSmodWrFrameBack{display:none;}
.WCMSSmodWrFrameBack.active{content:'';display:block; width:100%; height:100%; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:RGBA(0,0,0,0.5); z-index:1; cursor:pointer;}

.WCMSSmodWr{background:#ecf1f5;}
/*.WCMSSmodWr:before{content:'';display:block; width:20px; height:20px; background:#47b9c0;position:absolute; left:-10px; top:-10px; border-radius:50%;}*/

.WCMSSmod{margin:1% 0.5%; overflow:hidden; background:none;border:1px solid #ecf1f5;border-left:3px solid #ecf1f5; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
div:hover.WCMSSmod{border:1px solid #47b9c0;border-left:3px solid #354052; box-shadow:0px 0px 10px rgba(0,0,0,0.1),0px 0px 14px rgba(0,0,0,0.1),0px 0px 10px rgba(0,0,0,0.1);}

.WCMSSmodSetcontCol2 .WCMSSmod{width:49%; float:left;}
.WCMSSmodSetcontCol3 .WCMSSmod{width:32%; float:left;}
.WCMSSmodSetcontCol4 .WCMSSmod{width:24%; float:left;}

.WCMSSmodSli{width:49% !important; float:left;}
.WCMSSmodSli3{clear:both;}

.WCMSSmod .WCMSStit{padding:0px;}
.WCMSSmod .WCMSSmodCont{padding:1px 0 0 !important;margin-top:-1px; position:relative;}
.WCMSSmod .WCMSSmodCont .WCMSSform > input[type='text'],
.WCMSSmod .WCMSSmodCont .WCMSSform > input[type='number'],
.WCMSSmod .WCMSSmodCont .WCMSSform > input.numberOnlyTxt{border:1px solid #d6dce2; padding:10px 5px; width:100%; font-weight:normal; font-size:12px;}

.WCMSSmodInfo{padding:5px 10px 0px 10px; color:#666;}

.WCMSSmodSet{text-align:left;overflow:hidden;display:block;}
.WCMSSmodSet label{display:block; float:left; overflow:hidden;background:#fff;padding:0 13px; text-align:Center; height:40px; line-height:38px; cursor:pointer; border:1px solid #fff;}
.WCMSSmodSet label i{display:inline-block; vertical-align:middle; font-size:20px; color:#999;margin:0 2px;}
.WCMSSmodSet label:hover{border:1px solid #ddd;}
.WCMSSmodSet label:hover i{color:#000;}
.WCMSSmodSet input:checked + label{border:1px solid #007bc3; background:#007bc3; color:#fff;}
.WCMSSmodSet input:checked + label i{color:#fff;}
.WCMSSmodSet label.WCMSSkind{border:1px solid #38598e; background:#38598e; color:#fff;}

.WCMSSmodSet .WCMSSwideBtn{float:right;}
.WCMSSmodSet .WCMSSwideBtn i{ transform: rotate(180deg);}
.WCMSSmodSet label.WCMSSwideBtn {background:none; border:0px; color:#666;}
.WCMSSmodSet input:checked + label.WCMSSwideBtn { border:0px; background:none; color:#007bc3;}
.WCMSSmodSet input:checked + label.WCMSSwideBtn i{ transform: rotate(0deg); color:#007bc3;}

.taWCMSS p .WCMSSmodSet{position:absolute; right:5px; top:5px; height:30px;}
.taWCMSS p .WCMSSmodSet label{padding:0px; width:30px; height:30px; line-height:28px;text-align:center;}
.taWCMSS p .WCMSSmodSet label i{font-size:14px;}

.WCMSSlinkBlank{position:absolute; right:1px; top:1px;}
.WCMSSmodCont .WCMSSform > label{display:block; float:left; overflow:hidden;background:rgba(255,255,255,0.7);padding:8px 13px; cursor:pointer; font-size:12px;}
.WCMSSmodCont .WCMSSform > label.WCMSSlinkBlank i{display:inline-block; vertical-align:middle; font-size:20px; color:#999;transform: rotate(180deg);}
.WCMSSmodCont .WCMSSform > input:checked + label.WCMSSlinkBlank { border:0px; color:#007bc3;}
.WCMSSmodCont .WCMSSform > input:checked + label.WCMSSlinkBlank i{ transform: rotate(0deg); color:#007bc3;}

.WCMSStit input[type='text']{border:1px solid #d6dce2; padding:10px; width:100%; font-weight:bold; font-size:0.6em;}
.WCMSSmodCont .WCMSSform textarea{display:block; width:100%; margin:0 auto;height:100px; padding:10px;  background:#fff;border:1px solid #d6dce2;}

.WCMSSwrCenter .WCMSStit input[type='text'],
.WCMSSwrCenter .WCMSSform textarea{text-align:center;}

.WCMSSwrRight .WCMSStit input[type='text'],
.WCMSSwrRight .WCMSSform textarea{text-align:right;}

.WCMSSmodCont .WCMSSform{margin-top:-1px; position:relative;}
.WCMSSmodCont .WCMSSform.WCMSSformLink{padding:0px; overflow:hidden;border:1px solid #47b9c0;}

.WCMSSmodAddSlider{display:block;width:auto; margin:10px; color:#fff; background:#a2bfcb;padding:10px; text-align:Center;}
.WCMSSmodAddSlider i{display:inline-block; margin-left:10px;}

.sliderDel{display:block; float:right;padding:10px 15px; color:#fff; background:#999;}
.sliderDel i{display:inline-block; margin-left:10px;}

.sliderAdd{display:block; float:right;padding:10px 15px; color:#fff; background:#666;}
.sliderAdd i{display:inline-block; margin-left:10px;}

.WCMSSmodSave{display:block; width:100%; font-weight:bold; text-align:right; clear:both; background:#354052; color:#fff; font-size:14px; padding:15px; border:0px; border-radius:0; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.WCMSSmodSave i{display:inline-block; margin-left:10px;}
button:hover.WCMSSmodSave{background:#38598e;}

/* 컨텐츠추가버튼 */
.WCMSSaddContentWr{width:100%; max-width:1200px; margin:0 auto;}
.WCMSSaddContentBtn{display:block; padding:20px; color:#fff; font-size:16px; background:#007bc3; text-align:center; width:100%; border:0px;}
.WCMSSaddContentBtn:hover{background:#0c9ed8;}
.WCMSSaddContentBtn i{display:inline-block; margin-left:10px;}
.WCMSSaddContentWr.active .WCMSSaddContentBtn {background:#0c9ed8;}
.WCMSSaddContentWr.active .WCMSSaddContentBtn i{transform: rotate(45deg);}

.WCMSSaddCont{display:none;width:100%; padding:30px; overflow:hidden; text-align:center; border:1px dashed #ddd;}
div:hover.WCMSSaddCont{ box-shadow:0px 0px 10px rgba(0,0,0,0.1),0px 0px 14px rgba(0,0,0,0.1),0px 0px 10px rgba(0,0,0,0.1); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.WCMSSaddContentWr.active .WCMSSaddCont{display:block;}
.WCMSSaddCont h3{ font-size:28px; color:#0c9ed8; padding-bottom:20px;}
.WCMSSaddCont h3 small{display:block; font-size:12px; font-weight:normal; color:#ff6600;}

.WCMSSaddContSel{overflow:hidden;}
.WCMSSaddContSel a{display:inline-block; cursor:pointer; vertical-align:top; width:23%; min-width:60px; max-width:200px; padding-bottom:20px;}
.WCMSSaddContSel a i{display:block; margin:0 auto; border-radius:50%; font-size:30px; color:#999; background:#efefef; width:60px; height:60px; line-height:60px; }
.WCMSSaddContSel a b{display:block; color:#999; margin-top:3px;}
.WCMSSaddContSel a.active i,
.WCMSSaddContSel a:hover i{color:#fff;background:#47b9c0;}
.WCMSSaddContSel a.active b,
.WCMSSaddContSel a:hover b{color:#222;}


.WCMSSaddContSel2{display:none;width:100%; text-align:center; padding:15px; border-top:1px dashed #ddd;}
.WCMSSaddContSel2.active{display:block;}
.WCMSSaddContSel2 h4{font-weight:normal; font-size:14px; color:#999;padding-bottom:10px;}
.WCMSSaddContSel2 a{display:inline-block; vertical-align:top; width:15%; min-width:110px;text-align:center; padding:10px; background:#efefef; border:1px solid #ddd; color:#666; font-size:13px;}
.WCMSSaddContSel2 a b{display:block;padding-bottom:3px; font-size:14px; color:#999;}
.WCMSSaddContSel2 a b i{display:inline-block; margin:0 2px;}

.WCMSSaddContSel2 a.active,
.WCMSSaddContSel2 a:hover{border:1px dashed #47b9c0;color:#fff;background:#47b9c0;}
.WCMSSaddContSel2 a.active b,
.WCMSSaddContSel2 a:hover b{color:rgba(255,255,255,0.6);}

.WCMSSmwMent{display:none;}

.boardTabArea {
  display: flex;
  gap: 2rem;
}
.boardTabArea .leftFixed {
  flex: 1;
}
.boardTabArea .rightTab {
  flex: 2;
}
.boardTabArea .tabMenu {
  display: flex;

}
.boardTabArea .tabMenu li {
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: #555;
  border-bottom: 3px solid transparent;
  transition: all .2s;
}
.boardTabArea .tabMenu li.on {
  color: #000;
  border-bottom-color: var(--theme-color, #0c7dff);
  font-weight: bold;
}
.boardTabArea .tabContent .tabItem {
  display: none;
}
.boardTabArea .tabContent .tabItem.on {
  display: block;
  animation: fadeIn .3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
/* ==========================================================
   contBoardTab (각 박스 안에 헤더가 존재하는 2단 구조)
========================================================== */

/* 전체 레이아웃 */
.WCMSScontBoardTabOutside .boardTabArea {
  display: flex;
  max-width: 1280px;
  margin: 60px auto;
  background: transparent !important;
  overflow: visible !important;
  gap: 36px;
}

/* 카드 박스 공통 */
.WCMSScontBoardTabOutside .leftFixed,
.WCMSScontBoardTabOutside .rightTab {
  flex: 1;
  background: #fff;
  padding: 0; /* 내부 패딩은 헤더/바디에 나눠 적용 */
  display: flex;
  flex-direction: column;

}

/* 제목/탭 헤더 */
.WCMSScontBoardTabOutside .boardHeader {
  
  padding: 1.5rem 2rem 1.5rem 2rem;
}

/* 좌측 헤더 제목 */
.WCMSScontBoardTabOutside .leftFixed .boardHeader h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.WCMSScontBoardTabOutside .leftFixed .basicLat,
 .WCMSScontBoardTabOutside .rightTab .basicLat{
  padding: 20px 40px 5px;
}
.WCMSScontBoardTabOutside .basicLat .empty_li{
	min-height:254px;
	  display: flex;
  align-items: center;
  justify-content: center;
}
.WCMSScontBoardTabOutside .basicLat ul{
	min-height:254px;
	
}
/* 우측 헤더 내부 탭 구조 */
.WCMSScontBoardTabOutside .rightTab .tabHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

.WCMSScontBoardTabOutside .rightTab .tabHeader h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  margin: 0;
}

.WCMSScontBoardTabOutside .rightTab .tabMenu {
  display: flex;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.WCMSScontBoardTabOutside .rightTab .tabMenu li {
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 500;
  color: #666;
  position: relative;
  padding-bottom: 4px;
  transition: all 0.2s;
}


.WCMSScontBoardTabOutside .rightTab .tabMenu li.on::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #0078ff;
  border-radius: 2px;
}

/* 게시판 본문 */
.WCMSScontBoardTabOutside .boardBody {
  padding:0;
    border-radius: 15px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.08);
  transition: box-shadow 0.3s ease;
}
.WCMSScontBoardTabOutside .boardBody:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.1);
}

/* 탭 전환 */
.WCMSScontBoardTabOutside .tabItem {
  display: none;
}
.WCMSScontBoardTabOutside .tabItem.on {
  display: block;
  animation: fadeIn 0.3s ease;
}

/* 게시글 스타일 */
.WCMSScontBoardTabOutside .basicLat ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0;
  border-bottom: 1px solid #eee;
}
.WCMSScontBoardTabOutside .basicLat ul li a {
  font-size: 1.1rem;
  font-weight: 500;
  color: #222;
  text-decoration: none;
}
.WCMSScontBoardTabOutside .basicLat ul li a .fa,
.WCMSScontBoardTabOutside .basicLat ul li a .new_icon
{
  display:none;
}
.WCMSScontBoardTabOutside .basicLat ul li a .lt_date{
  font-size: 0.8rem;
}
.WCMSScontBoardTabOutside .basicLat ul li a:hover {
  color: #0078ff;
}
.WCMSScontBoardTabOutside .basicLat ul li .date {
  font-size: 0.95rem;
  color: #888;
}

/* 불필요 요소 숨기기 */
.WCMSScontBoardTabOutside .basicLat .basicLatTit {
  display: none !important;
}
.WCMSScontBoardTabOutside .basicLat .lt_more,
.WCMSScontBoardTabOutside .basicLat .themeBgColor{
  background:none!important;
  border-radius:0;
  color:#192b54;
  padding:0;
  border:0;
  font-size:15px;
}
.WCMSScontBoardTabOutside .basicLat .lt_more > i {
  padding-left:0;
	
}
.WCMSScontBoardTabOutside .basicLat .lt_more:hover{
	border:0;
}

/* fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================
   contBoardTab 헤더 수평 정렬 보정
========================================================== */

/* 공통 헤더 높이 보정 */
.WCMSScontBoardTabOutside .boardHeader {
  display: flex;
  align-items: flex-end;
  padding: 1.5rem 2rem 1.5rem 2rem;
  height: 64px; /* ✅ 높이 강제 통일 */
  box-sizing: border-box;
}

/* 좌측 제목 (공지사항) 헤더 */
.WCMSScontBoardTabOutside .leftFixed .boardHeader h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  margin: 0;
  line-height: 1; /* ✅ 불필요한 세로여백 제거 */
  display: flex;
  align-items: flex-end;
}

/* 우측 제목 + 탭 헤더 */
.WCMSScontBoardTabOutside .rightTab .boardHeader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 1.5rem 1rem 1.5rem 2rem;
  height: 64px; /* ✅ 좌측과 동일한 기준 높이 */
  box-sizing: border-box;
}

.WCMSScontBoardTabOutside .rightTab .tabHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.WCMSScontBoardTabOutside .rightTab .tabHeader h2 {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  line-height: 1; /* ✅ 수직중앙 보정 */
}

.WCMSScontBoardTabOutside .rightTab .tabMenu {
  display: flex;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
    margin-bottom:-5px;
}

.WCMSScontBoardTabOutside .rightTab .tabMenu li {
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 500;
  color: #666;
  position: relative;
  padding-bottom: 3px;
  transition: all 0.2s;
  display: flex;
  align-items: flex-end;
}

.WCMSScontBoardTabOutside .rightTab .tabMenu li.on {
  color: #192b54;
  font-weight: 700;
}

.WCMSScontBoardTabOutside .rightTab .tabMenu li.on::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #192b54 ;
  border-radius: 2px;
}
/* 반응형 (모바일 시 1단 구조) */
@media (max-width: 900px) {
.WCMSScontBoardTabOutside .leftFixed .boardHeader h2,
.WCMSScontBoardTabOutside .rightTab .tabHeader h2 {
	font-size:20px;
}
  .WCMSScontBoardTabOutside .boardTabArea {
    flex-direction: column;
    gap: 60px;
	margin:30px auto 50px;
  }
 .WCMSScontBoardTabOutside .rightTab .tabHeader{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .WCMSScontBoardTabOutside .rightTab .boardHeader,
  .WCMSScontBoardTabOutside .boardHeader{
	padding:0rem 0rem 1rem 1.5rem;
	  
  }
  .boardTabArea .tabMenu {
    justify-content: flex-start;
  }
}
@media (max-width: 1200px) {
  .boardTabArea .tabMenu li{
	  padding:0.5rem 0;
  }
  .WCMSScontBoardTabOutside .rightTab .tabMenu li{
	  font-size:15px;
  }
}

@media all and (max-width:800px)
{
	.WCMSSwr{padding:10px;}

	.WCMSSmodSetcontCol2 .WCMSSmod,
	.WCMSSmodSetcontCol3 .WCMSSmod,
	.WCMSSmodSetcontCol4 .WCMSSmod{width:98%; float:none;}

	.leftMenuUseFlase .WCMSSwr{padding:0px;}
	.WCMSStit{font-size:16px; padding:0 8px;  border-left:3px solid #000;}
	.WCMSSwrCenter .WCMSStit{border-left:0px;}
	.WCMSSwrRight .WCMSStit{border-left:0px; border-right:3px solid #000;}
	
	.WCMSSwr3d .WCMSStit b,
	.WCMSSwr4d .WCMSStit b{display:inline-block; font-size:0.9em; }

	.WCMSScontent{font-size:12px; padding:10px 0 20px;}
	
	.WCMSSwr3d .WCMSSarticle{float:left; width:47%;}
	.WCMSSwr3d .WCMSSarticle:first-child{float:none; width:auto;}
	.WCMSSwr4d .WCMSSarticle{float:left; width:47%;}

	.WCMSShrDot,
	.WCMSShrSpacer{height:40px;}

	.WCMSSwrA.WCMSSwr4d a{display:block; width:50%;}
	.WCMSSwrA,
	.WCMSSwrSlider{padding:0;}

	.WCMSStit input[type='text']{font-size:0.8em;}

	.WCMSSadm{padding:0px;}

	.ui-tooltip{padding:8px 36px 8px 8px; overflow:hidden;}
	.ui-tooltip:before{display:block;content:'×';font-size:16px; color:#fff; background:rgba(255,255,25,0.2); width:18px;height:18px; text-align:center; line-height:18px; position:absolute;right:8px; top::8px;}

	.WCMSSaddContSel a{width:32%;}

	.WCMSSaddCont h3{ font-size:16px;}
	.WCMSSaddCont h3 small{font-size:11px; text-align:left;}

}
@media all and (max-width:700px)
{
	.WCMSSmwMent{display:block;}

}

.leftMenuUseFlase .WCMSSwrWide{max-width:96%; padding-left:0px; padding-right:0px;}

.btn_cke_sc{display:none !important;}
.wr_content{background:#fff;}

.taWCMSSfileTN{margin-top:0px !important;}