@charset "utf-8"; 
/* 
	Websiting Main Contents Management System Skin
	copyright(c) WEBsiting.co.kr 
*/
#WCMSSlistWr{width:100%; text-align:center;}
.WCMSSlist{width:100%; margin:0 auto; max-width:1200px;}
.contWide{max-width:100% !important;}
 
.noDataArea{width:100%; padding:120px 10px 120px; 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 table{width:100%:}

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

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

/* 버튼 */
.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; 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:1;  background:#ddd; position:relative; z-index:1;}
.WCMSScontSlideOutside .bx-wrapper{margin-bottom:0px; }
.WCMSScontSlideOutside .bx-viewport{margin:0px !important; padding:0px !important;}
.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;}

.WCMSScontSlide100Outside{padding:0px !important;}
.WCMSScontSlide100Outside .WCMSScontWrap{padding:0px !important; margin:0px !important;width:100%; overflow:hidden;visibility:hidden;opacity:0.8;  background:none; position:relative; z-index:1;}
.WCMSScontSlide100Outside .bx-wrapper{margin-bottom:0px; }
.WCMSScontSlide100Outside .bx-viewport{margin:0px !important; padding:0px !important;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld{width:100%;margin:0px !important; padding:0px !important; background:#000;;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL{width:100%; height:100%; position:relative; overflow:hidden;margin:0px !important; padding:0px !important; background-size:cover; background-position:center center; background-color:#000;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > a{width:100%; display:block; position:absolute; z-index:4; left:0px; right:0px; bottom:0px; top:0px; background:RGBA(0,0,0,0.0);}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > a > img{width:100%;  display:block; width:100% !important; position:relative; z-index:1;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > img{width:100%; display:none; width:100% !important; position:relative; z-index:1;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL img.opacity0fhd{display:block; width:100% ; height:1080px;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS{position:absolute; left:15%; right:15%;top:0px; bottom:0px; z-index:2; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div{width:100%;height:100%; position:relative; top:0px; bottom:0px; left:0px; right:0px;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong{display:block; position:absolute; left:0px; right:0px; bottom:44%; font-size:36px;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{display:block; position:absolute; left:0px; right:0px; top:36%; font-size:20px; text-decoration:none;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong,
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{color:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.5),0px 0px 0px rgba(0,0,0,0.5),0px 0px 0px rgba(0,0,0,0.5);}
.WCMSScontSlide100Outside .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;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong,
.WCMSScontSlide100Outside .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;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div strong,
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div u{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div strong{bottom:54%;}
.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL.on .WCMSScontS > div u{ top:46%; }

.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL:after{content:'';display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:RGBA(0,0,0,0.15); z-index:1;}


.WCMSScontSlide100Outside .bx-wrapper .bx-pager{position:absolute !important; width:100%; left:0px; bottom:30px; z-index:9; text-align:center; }
.WCMSScontSlide100Outside .bx-wrapper .bx-pager a{box-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); border-radius:0px !important; 
	width:22px !important; height:4px !important;  margin:0px; 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; }
.WCMSScontSlide100Outside .bx-wrapper .bx-pager.bx-default-pager a:focus,
.WCMSScontSlide100Outside .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important; }
.WCMSScontSlide100Outside .bx-wrapper .bx-pager.bx-default-pager a.active{width:50px !important; background:RGBA(255,255,255,.8) !important;}
.WCMSScontSlide100Outside .contAlign_Left{text-align:left;}
.WCMSScontSlide100Outside .contAlign_Center{text-align:center !important;}
.WCMSScontSlide100Outside .contAlign_Right{text-align:right;}


.WCMSScontSlide100Outside .youtubeBackgroundBG{ width:100%; height:100%; position:relative; z-index:1;  top:0px; bottom:0px; left:0px; right:0px;  background:#000;overflow:hidden; color:#fff;}
.WCMSScontSlide100Outside .youtubeBackgroundBG > i.fa{display:block; width:80px; height:80px; line-height:80px; text-align:center; position:absolute; z-index:1; left:50%; top:50%; margin-left:-40px; margin-top:-40px; color:rgba(255,255,255,0.3); font-size:60px;}
.WCMSScontSlide100Outside .youtubeBackgroundBG .youtubePlayer{width:100%; height:100%; z-index:2; top:0px; bottom:0px; left:0px; right:0px;border:0px;overflow:hidden; background:transparent !important; background-size:160px 20px;}
.WCMSScontSlide100Outside .youtubeBackgroundBG .youtubePlayer:after{content:'';display:block;position:absolute; z-index:3; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.0.9);}
#backspacer{position:fixed; display:block; left:0px; top:115px; right:0px; bottom:0px; z-index:-1; visibility: hidden;}


/* 메인푸터 CSS */
#section5 {margin-top:100px;}
#section5 .sub_tit {font-size:38px;color:#333;font-weight:normal;padding:0px 0px 20px;text-align:center;font-family:'montserrat';font-weight: 700;}
#section5 .sub_tit strong {color:#86c0ea;}
#section5 .sub_inner {width:1200px; margin:0 auto}
#section5 .sub_tit  p{font-size:19px;color:#333;margin:10px 0;font-weight: normal;font-family: notokr;}
#section5 {padding-top:0px;background-color:#f5f5f7;overflow: hidden;}
#section5 .be_left {width:50%; height:310px; float:left; background:url(../../../img/banner/main_long_be1.jpg) no-repeat center top; position:relative;background-size:cover;}
#section5 .be_left .text_area {position:relative; right:80px; top:70px; text-align:right;}
#section5 .be_left .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold;}
#section5 .be_left .text_area span{background:rgba(0,0,0,0);padding:0 5px;}
#section5 .be_left .text_area p{color:#fff; font-size:17px; margin-top:15px;}
#section5 .be_left .text_area a.more{color:#fff; font-size:13px; margin-top:15px; border:1px solid #fff; margin-top:20px; display:inline-block; padding:10px 30px;}
#section5 .be_right {width:50%; height:310px; float:left; background:url(../../../img/banner/main_long_be2.jpg) no-repeat center top;background-size:cover;}
#section5 .be_right .text_area {position:relative; padding-left:80px; top:70px; text-align:left;}
#section5 .be_right .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold;}
#section5 .be_right .text_area span{background:rgba(0,0,0,0);padding:0 5px;}
#section5 .be_right .text_area p{color:#fff; font-size:17px; margin-top:15px;}
#section5 .be_right .text_area a.more{color:#fff; font-size:13px; margin-top:15px; border:1px solid #fff; margin-top:20px; display:inline-block; padding:10px 30px;}
#section5 .be_big {width:100%; height:400px; float:left; background:url(../../../img/banner/main_long_be3.jpg) no-repeat center center;background-size:cover; position:relative;background-attachment: fixed;}
#section5 .be_big .text_area {position:relative; top:125px; text-align:center;}
#section5 .be_big .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold; font-weight:bold; z-index:1000;}
#section5 .be_big .text_area span{font-size:15px; color:#fff; margin-bottom:20px; letter-spacing:10px; display:inline-block;}
#section5 .be_big .text_area p{color:#fff; font-size:15px; margin-top:25px;}


#section_app {margin-top:0px;}
#section_app .be_big {width:100%; height:180px; float:left; background:#005aaa;}
#section_app .be_big .text_area {position:relative; top:35px; text-align:center;}
#section_app .be_big .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold; font-weight:bold; z-index:1000;}
#section_app .be_big .text_area span{font-size:15px; color:#fff; margin-bottom:20px; letter-spacing:10px; display:inline-block;}
#section_app .be_big .text_area p{color:#fff; font-size:15px; margin-top:25px;}
#section_app .be_big .text_area a.more{color:#fff; font-size:13px; margin-top:15px; border:1px solid #fff; margin:20px 10px 0; display:inline-block; padding:10px 30px;}


.video_wrap{max-height:880px;}
.video_bg {overflow: hidden;position: relative;width: 100%;padding-bottom: 56.25%;}
.video_bg iframe {position: absolute;top: -60px;bottom: -60px;left: 0;width: 100%;height: calc(100% + 120px);border: none;}
.video_bg::after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.4);}
.demo a {font-size:15px; position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); color: #fff; letter-spacing: .1em; text-decoration: none; transition: opacity .3s;}
.demo a:hover { opacity: .5;}
#section07 a { padding-top: 80px;}
#section07 a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb07 2s infinite; animation: sdb07 2s infinite;
  opacity: 0; box-sizing: border-box;}
#section07 a span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s;}
#section07 a span:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s;}
#section07 a span:nth-of-type(3) { top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s;}
@-webkit-keyframes sdb07 { 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;}}
@keyframes sdb07 { 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;}}

#btnSchbox {display: none;}

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

	.WCMSScontSlide100Outside.contWide .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong{font-size:70px !important;line-height: 1.2;letter-spacing:-0.02em;}
	.WCMSScontSlide100Outside.contWide .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{font-size:25px !important;margin-top:15px;letter-spacing:-0.02em;}
	.WCMSScontSlide100Outside.contWide .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a{font-size:16px; padding:10px 30px;}
}

@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!important;}
	.WCMSScontImgOutside.contWide,
	.WCMSScontSlideOutside.contWide{padding:0 !important;}

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

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

	#backspacer{top:50px;}
	
	#section07 a span {width: 20px; height: 20px;}
	#section07 a { padding-top: 70px;}
	.demo a {font-size:12px;bottom:0px;}
	
	#section5 {margin-top:10px;}
	#section5 .be_big {height:100%;}
	#section5 .be_big .text_area h1{font-size:18px;padding:0 30px;} 
	#section5 .be_big .text_area p{font-size:14px;text-align: left;padding:0 30px;}
	#section5 .be_big .text_area {position: initial;padding:40px 0;}	
	#section5 .be_right .text_area h1{font-size:18px;text-align: center;}
	#section5 .be_left .text_area h1{font-size:18px;text-align: center;}
	#section5 .be_right {width:100%; height:310px;}
	#section5 .be_left {width:100%; height:310px;}

	#section5 .be_right .text_area {padding:0 30px;top:40px;}
	#section5 .be_right .text_area p{font-size:14px;text-align: center;}
	#section5 .be_left .text_area {padding:0 30px;right:0;top:40px;}
	#section5 .be_left .text_area p{font-size:14px;text-align: center;}
	#section5 .be_left {height:180px;}
	#section5 .be_right{height:180px;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div {left:0!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:18px;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{font-size:12px; padding-top:5px;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a{ font-size:11px; padding:8px 15px; margin-top:10px;line-height:1.6em;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > img{width:200%; max-width:200% !important;margin-left:-87%;margin-top:40%;}

	.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div strong{font-size:26px;}
	.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u{font-size:14px; padding-top:5px;}
	.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div u a{ font-size:12px; padding:8px 15px; margin-top:10px; line-height:1.6em;}
	.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL > img{width:200%; max-width:200% !important;margin-left:-50%;}
	
	.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;}
	#section_app .be_big {height:140px;}
	#section_app .be_big .text_area h1{font-size:18px;}
	#section_app .be_big .text_area a.more{font-size:12px;margin:15px 5px 0; display:inline-block; padding:5px 10px;}
	#WCMSSlistWMPCMSS34 {display: none;}
	.WCMSScontSlideOutside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS > div{margin-top:-70%;text-align: center;}
	#WCMSSlistWMPCMSS32 .WCMSScontWrap .WCMSScontS u {font-size:14px!important;}
	.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL .WCMSScontS{margin-top:-80%;}
	.WCMSScontSlide100Outside .WCMSScontWrap ul.WCMSSsld li.WCMSSsldL {background-position:700px}
	.WCMSScontSlide100Outside .contAlign_Left{text-align:center;}
}

@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%;}
}

/* 메인 최신글 레이아웃 */
.mainContents{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; clear:both; padding:50px 0; }

.mainContentsW100{width:100%; clear:both; overflow:hidden; }

.latTitNone .galleryLat,
.latTitNone .galleryBoxLat{margin:0px; padding:0px; }
.latTitNone .galleryBoxLat ul{margin:0px; padding:0px; }
.latTitNone .galleryLat ul li,
.latTitNone .galleryBoxLat ul li{width:16.66666%; }
.latTitNone .galleryLat .galleryLatTit,
.latTitNone .galleryBoxLat .galleryLatTit{height:1px; overflow:hidden; margin-top:-1px; }
.btnMoreNone .lt_more{display:none; } 

.WCMSSlist .contMLat .contMLatA > i{max-width:100px;}

/* 박스형 갤러리 */
.WCMSScontBoardBoxOutside{padding:0px !important;}

@media all and (max-width:980px)
{
	.latTitNone .galleryLat ul li,
	.latTitNone .galleryBoxLat ul li{width:33.33333333%; }
}

@media all and (max-width:650px)
{
	.mainContentsW100 .galleryLat ul li,
	.mainContentsW100 .galleryBoxLat ul li{width:33.33333333%; }

	.latTitNone .galleryLat ul li,
	.latTitNone .galleryBoxLat ul li{width:33.33333333%; }
}

/* 2단레이아웃 */
.mainTwoLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainTwoLatArea .MTLA01,
.mainTwoLatArea .MTLA02{width:50%; float:left; margin-left:-1px; }

@media all and (max-width:850px)
{
	.mainTwoLatArea{padding:0 15px; }
	.mainTwoLatArea .MTLA01,
	.mainTwoLatArea .MTLA02{width:100%; float:none; }
}

/* 3단레이아웃 */
.mainThreeLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainThreeLatArea .MTLA01,
.mainThreeLatArea .MTLA02,
.mainThreeLatArea .MTLA03{width:30%; float:left; margin-left:-1px; }
.mainThreeLatArea .MTLA02{margin:0 5%; }

@media all and (max-width:850px)
{
	.mainThreeLatArea{padding:0 15px; }
	.mainThreeLatArea .MTLA01,
	.mainThreeLatArea .MTLA02,
	.mainThreeLatArea .MTLA03{width:100%; float:none; }
	.mainThreeLatArea .MTLA02{margin:0 0; }
}

/* 4단 레이아웃 */
.mainFourLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainFourLatArea .MTLA01,
.mainFourLatArea .MTLA02,
.mainFourLatArea .MTLA03,
.mainFourLatArea .MTLA04{width:25%; float:left; margin-left:-1px; }

@media all and (max-width:980px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:50%; float:left; }
}

@media all and (max-width:650px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:100%; float:none; margin-left:0px; }
}

/* 팝업 슬라이더 */

<style>

  /* 팝업 래퍼: 400×533 크기로 설정 */
  .popup-wrapper {
    position: relative;
    width: 400px;
    height: 533px;
    margin: auto;
    overflow: hidden;
  }
  /* 슬라이드 영역 */
  .slideshow {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  /* 각 슬라이드: 절대 위치에 겹치며, 활성 슬라이드만 보임 */
  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
	z-index:1;
  }
  .slide.active {
    opacity: 1;
	z-index:2;
  }
  /* 이미지: 컨테이너에 꽉 차게 표시 */
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  /* 좌우 화살표: 각각 왼쪽 0, 오른쪽 0에 위치 */
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    z-index: 1000;
    cursor: pointer;
  }
  .arrow.left {
    left: 0;
  }
  .arrow.right {
    right: 0;
  }
    /* 창 너비 980px 이하일 때 hd_pops_con과 슬라이드 영역의 높이를 강제로 고정 */
  @media screen and (max-width: 980px) {
    .hd_pops_con,
    .slideshow {
      height: 533px !important;
    }
  }