@charset "utf-8"; 
/* 
	Websiting Contents Management System Skin
	copyright(c) WEBsiting.co.kr 
*/
.leftMenuUseFlase #ctWrap,
.leftMenuUseFlase #container {width:100%; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;}

#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:20px;}

.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; 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;}

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

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

	.leftMenuUseFlase .WCMSSwr{padding:10px;}
	.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:100%; padding-left:0px; padding-right:0px;}

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

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