@charset "utf-8"; 
/* 
	Websiting Contents Management System Skin
	copyright(c) WEBsiting.co.kr 
*/
#WCMSSlistWr{width:100%; text-align:center; word-break:keep-all;}
.WCMSSlist{width:100%; margin:0 auto; max-width:1200px;}
.contWide{max-width:100% !important;}
 
.noDataArea{width:100%; padding:60px 10px 90px; text-align:center; color:#999; font-size:16px;}
.noDataArea i{display:block; font-size:60px; color:#efefef;}
.noDataArea b{display:block; padding:10px 0 20px; font-size:30px; color:#ddd;}

/* 기본컨텐츠 */
.WCMSScontWrap{width:100%;min-height:60px;}
.WCMSScontWrap:after{content:'';display:block; clear:both; height:0px;}

.WCMSScont{width:100%; padding:10px;}
.WCMSScont img{max-width:100%;}
.contCol2 .WCMSScont{float:left; width:50%;}
.contCol3 .WCMSScont{float:left; width:33.3333333%;}
.contCol4 .WCMSScont{float:left; width:25%;}

.WCMSScont .WCMSScontT{font-size:18px; color:#333; padding:5px 0;}
.WCMSScont .WCMSScontC{font-size:14px; color:#777;padding-top:15px; line-height:1.6em;}

.contTxt2 .WCMSScont .WCMSScontT{font-size:24px;}
.contTxt2 .WCMSScont .WCMSScontC{font-size:16px;}
.contTxt3 .WCMSScont .WCMSScontT{font-size:32px;}
.contTxt3 .WCMSScont .WCMSScontC{font-size:20px;}

.WCMSScontWrap.contAlign_Left .WCMSScont{text-align:left;}
.WCMSScontWrap.contAlign_Center .WCMSScont{text-align:center !important;}
.WCMSScontWrap.contAlign_Right .WCMSScont{text-align:right;}

.WCMSScontWrap table{width:100%:}
.WCMSScontWrap .WCMSScont .WCMSScontT:after{content:''; display:block; width:15%; max-width:30px; height:1px; background:#ddd; clear:both;}
.WCMSScontWrap.contAlign_Left .WCMSScont .WCMSScontT:after{ margin-top:10px;}
.WCMSScontWrap.contAlign_Center .WCMSScont .WCMSScontT{border-left:0 !important;}
.WCMSScontWrap.contAlign_Center .WCMSScont .WCMSScontT:after{margin:10px auto 0; }
.WCMSScontWrap.contAlign_Right .WCMSScont .WCMSScontT:after{margin:10px 0 0 auto;}

.WCMSScontWrap .WCMSScontImg{margin-bottom:10px; display:block; overflow:hidden; position:relative;}
.WCMSScontWrap .WCMSScontImg > i{ filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; display:block; width:40px; height:40px; position:absolute; z-index:99; left:50%; top:50%; margin:-20px auto auto -20px; text-align:center ;line-height:40px; background:RGBA(0,0,0,0.6); color:#fff; font-size:20px; border-radius:50%;  -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.WCMSScontWrap .WCMSScontImg img{max-width:100%; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; display:block; margin:0 auto;    }
.WCMSScontWrap a:link:hover.WCMSScontImg img{transform: scale(1.08);}
.WCMSScontWrap a:link:hover.WCMSScontImg > i{ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; transform: rotate(360deg);}
.contCol1 .WCMSScontImg.imgAlign_left{max-width:50%; float:left; margin-right:15px;}
.contCol1 .WCMSScontImg.imgAlign_center{max-width:100%; text-align:center; }
.contCol1 .WCMSScontImg.imgAlign_right{max-width:50%; float:right; margin-left:15px;}

/* 이미지배너 */
.WCMSScontImgOutside{padding:0px !important;}
.WCMSScontImgOutside .WCMSScontWrap,
.WCMSScontImgOutside .WCMSScont,
.WCMSScontImgOutside .WCMSScontC,
.WCMSScontImgOutside .WCMSScontC a{padding:0px !important; margin:0px !important; background:#fff; position:relative;}
.WCMSScontImgOutside .WCMSScontC a b{font-size:26px; position:absolute; left:5%; top:50%; right:5%; text-align:center; margin-top:-18px;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,0.5),0px 0px 14px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.5);}
.WCMSScontImgOutside .WCMSScontC a b:after{content:'';display:block; background:#fff; height:1px; width:30px; margin:15px auto 0 auto;-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.WCMSScontImgOutside .WCMSScontC a:hover b:after{width:50px;}

.contImgRound  .WCMSScontC a{display:block; margin:0 auto 15px; width:70%; height:auto; background-size:cover; background-position:center center; overflow:hidden; border-radius:50%;}
.contImgRound  .WCMSScontC a b{display:block; width:100%;}
.contImgRound  .WCMSScontC a b img{display:block; width:100%; height:auto !important;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}

/* 구분선 */
.WCMSScontBlankOutside{padding:0px !important;}
.contBlankP{width:100%;max-width:1200px; clear:both; margin:0 auto;padding:0px !important;}
.contBlankP.contBlankPDashed{margin-left:auto; margin-right:auto; border-top:2px dashed #ddd;}
.WCMSScontBlankOutside.contWide .contBlankP.contBlankPDashed{max-width:100%;}
/* 버튼 */
.WCMSScontButtonOutside .WCMSScontWrap{padding:10px;}
.WCMSScontButtonOutside .WCMSScontWrap.contButtonimgAlign_center{text-align:center;}
.WCMSScontButtonOutside .WCMSScontWrap.contButtonimgAlign_right{text-align:right;}
.WCMSScontButtonOutside .WCMSScontWrap.contButtonimgAlign_left{text-align:left;}
.WCMSScontButtonOutside .WCMSScontWrap a{display:inline-block; padding:15px 30px; background:#000; color:#fff; font-weight:bold; font-size:16px; border-radius:50px;-webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.WCMSScontButtonOutside .WCMSScontWrap a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.WCMSScontButtonOutside .WCMSScontWrap a i{display:inline-block; margin-left:10px; color:RGBA(255,255,255,0.5)}

/* 유튜브 */
.WCMSScontYoutubeOutside{padding:0px !important;}
.WCMSScontYoutubeOutside .WCMSScontWrap{padding:0px !important; margin:0px !important;}
.youtubeAr{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:0px;}
.youtubeAr iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}

/* 지도 */
.WCMSScontMapOutside{padding:0px !important;}
.WCMSScontMapOutside .WCMSScontWrap{padding:0px !important; margin:0px !important;}
.WCMSScontMapOutside .WCMSScontWrap iframe{width:100% !important;}

/* 슬라이드 */
.WCMSScontSlideOutside{padding:0px !important; }
.WCMSScontSlideOutside .WCMSScontWrap{padding:0px !important; margin:0px !important;width:100%; overflow:hidden;visibility:hidden;opacity:0.8; background:#ddd;  position:relative;  z-index:1;}
.WCMSScontSlideOutside .bx-wrapper{margin-bottom:0px; }
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld{width:100%;margin:0px !important; padding:0px !important; background:#000;;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL{width:100%; position:relative; overflow:hidden;margin:0px !important; padding:0px !important;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > a{width:100%; display:block; position:relative; z-index:1;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > a > img{width:100%; display:block; position:relative; z-index:1;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > img{width:100%; display:block; position:relative; z-index:1;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS .txtCover{display:block; position:absolute; left:-100%; top:0px; bottom:0px; right:-100%; background:RGBA(0,0,0,0.2); z-index:2;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS{position:absolute; left:15%; right:15%;top:0px; bottom:0px; z-index:3; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div{width:100%;height:100%; position:relative; top:0px; bottom:0px; left:0px; right:0px;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong{display:block; position:absolute; left:0px; right:0px; bottom:44%; font-size:36px;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{display:block; position:absolute; left:0px; right:0px; top:36%; font-size:20px; text-decoration:none;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong,
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,0.5),0px 0px 14px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.5);}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a{margin-top:15px;display:inline-block; font-size:12px; color:#fff; background:#000; padding:8px 20px; border-radius:50px; letter-spacing:1px;text-shadow:0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0); -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong,
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;-webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div strong,
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div u{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div strong{bottom:54%;}
.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div u{ top:46%; }
.WCMSScontSlideOutside .bx-wrapper .bx-pager{position:absolute !important; width:100%; left:0px; bottom:30px; z-index:9; text-align:center; }
.WCMSScontSlideOutside .bx-wrapper .bx-pager a{box-shadow:0px 0px 10px rgba(0,0,0,0.2),0px 0px 14px rgba(0,0,0,0.2),0px 0px 10px rgba(0,0,0,0.2); border-radius:0px !important; 
	width:16px !important; height:4px !important;  margin:0px 1px; background:rgba(255,255,255,.4) !important; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease; }
.WCMSScontSlideOutside .bx-wrapper .bx-pager.bx-default-pager a:focus,
.WCMSScontSlideOutside .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important; }
.WCMSScontSlideOutside .bx-wrapper .bx-pager.bx-default-pager a.active{width:50px !important; background:RGBA(255,255,255,.8) !important;}
.WCMSScontSlideOutside .contAlign_Left{text-align:left;}
.WCMSScontSlideOutside .contAlign_Center{text-align:center !important;}
.WCMSScontSlideOutside .contAlign_Right{text-align:right;}

@media all and (min-width: 980px)
{	
	.leftMenuUseFlase .WCMSScontSlideOutside.contWide .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong{font-size:50px !important;}
	.leftMenuUseFlase .WCMSScontSlideOutside.contWide .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{font-size:30px !important;}
}

@media all and (max-width: 980px)
{	
	#ctWrap,
	#container {width:100%; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;}

	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > img{width:140%; max-width:140% !important;margin-left:-20%;}

	.WCMSScontImgOutside,
	.WCMSScontSlideOutside{padding:0 15px !important;}
	.WCMSScontImgOutside.contWide,
	.WCMSScontSlideOutside.contWide{padding:0 !important;}

	.WCMSScontMapOutside .WCMSScontWrap{padding:0px 15px !important;}
	.WCMSScontMapOutside.contWide .WCMSScontWrap{padding:0px !important;}

	.WCMSScontYoutubeOutside .WCMSScontWrap{padding:0px 15px !important;}
	.WCMSScontYoutubeOutside.contWide .WCMSScontWrap{padding:0px !important;}
}

@media all and (max-width: 700px)
{	
	#ctWrap,
	#container {width:100%; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;}

	
	.WCMSScontImgOutside .contCol2 .WCMSScont{width:100%;}
	.contCol4 .WCMSScont{width:50%; margin-bottom:20px;}
	.contCol4 div:nth-child(odd).WCMSScont{clear:both;}

	.WCMSScontImgOutside .WCMSScontC a b{font-size:16px;}

	.WCMSScontButtonOutside .WCMSScontWrap a{font-size:14px;}

	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong{font-size:20px;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{font-size:12px;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a{ font-size:11px; padding:6px 15px; margin-top:8px;}

	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > img{width:160%; max-width:160% !important;margin-left:-30%;}
	
	.WCMSScont .WCMSScontT{font-size:15px;}
	.WCMSScont .WCMSScontC{font-size:12px;}

	.contTxt2 .WCMSScont .WCMSScontT{font-size:18px;}
	.contTxt2 .WCMSScont .WCMSScontC{font-size:14px;}
	.contTxt3 .WCMSScont .WCMSScontT{font-size:22px;}
	.contTxt3 .WCMSScont .WCMSScontC{font-size:16px;}

	.WCMSScontSlideOutside .bx-wrapper .bx-pager a,
	.WCMSScontSlide100Outside .bx-wrapper .bx-pager a{height:1px !important;}
}

@media all and (max-width: 600px)
{	
	#ctWrap,
	#container {width:100%; max-width:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;}

	.WCMSScontBasicOutside .contCol3 {text-align:center;}
	.WCMSScontBasicOutside .contCol3 .WCMSScont{width:50%;}
	.WCMSScontBasicOutside .contCol3 div:nth-child(1).WCMSScont{width:100%;clear:both; float:none; margin:0 auto;}

	.contImgRound.contCol3 div:nth-child(1).WCMSScont .WCMSScontC a{width:35%;}

	.WCMSScontImgOutside .contCol3 .WCMSScont{width:50%;}
	.WCMSScontImgOutside .contCol3 > div:nth-child(1).WCMSScont{width:100%;}
}