@charset "utf-8";
/* .header */

.header{background:#fff;}
.gnb-wrap .gnb ul.dl li > a{color:#000;}

.header .gnb-box h1.logo a.sub-logo span{background:url("/upload_data/board_data/BBS_0000187/175696482945330.png") no-repeat center;}

	@media only screen and (max-width:1000px){
		.header .gnb-box h1.logo{height:70px;}
		.header .gnb-box h1.logo a.sub-logo{margin-top:0px;}
		.header .gnb-box h1.logo a.sub-logo span{width:80px; height:58px; background-size:100%;}
	}

	@media only screen and (max-width:680px){
		.header .gnb-box h1.logo{height:60px;}
		.header .gnb-box h1.logo a.sub-logo{margin-top:0px;}
		.header .gnb-box h1.logo a.sub-logo span{width:70px; height:58px;}
	}

	@media only screen and (max-width:480px){
		.header .gnb-box h1.logo{height:50px;}
		.header .gnb-box h1.logo a.sub-logo{margin-top:0px;}
		.header .gnb-box h1.logo a.sub-logo span{width:60px; height:48px;}
	}


/* .main-wrap */
.main-wrap{}
.main-wrap .mvis{position:relative; width:100%; height:930px; overflow:hidden;}
.main-wrap .mvis .btxt-logo{z-index:9; position:absolute; top:0px; left:50%; margin-left:-700px; display:block; padding:210px 60px 80px 60px; background:rgba(52, 89, 131, 0.9);}
.main-wrap .mvis .btxt-logo .btxt{font-size:30px; line-height:120%; color:#fff; letter-spacing:-0.02em; font-family:'NanumMyeongjo';}
.main-wrap .mvis .btxt-logo .logo{width:276px; height:186px; background:url("/upload_data/board_data/BBS_0000187/175698199717734.png") no-repeat center; background-size:100%;}
.main-wrap .mvis video{width:100%; height:930px; object-fit:cover;}

.main-wrap .mvis .vis-slide{z-index:1;}
.main-wrap .mvis .vis-slide .slide{}
.main-wrap .mvis .vis-slide .slide li{}
.main-wrap .mvis .vis-slide .slide li .img{}
.main-wrap .mvis .vis-slide .slide li .img img{width:100%;}

.main-wrap .mvis .vis-slide .leslide-ctrl{display:none;}

.main-wrap .mvis .vis-slide .control{display:none;}

/* 비주얼 영상팝업 추가 */
.main-wrap .mvis .video-pop{width:390px; position:absolute; bottom:0px; right:41px; }
.main-wrap .mvis .video-pop .pop-btn{position:absolute; top:24px; right:-67px; z-index:1; transform: rotate(-90deg); display:block; background:#fff; padding:10px 10px; font-size:15px; color:#000;}
.main-wrap .mvis .video-pop .pop-btn:before{content:"영상열기 ▲";}
.main-wrap .mvis .video-pop.active .pop-btn{background:#e53546; color:#fff;}
.main-wrap .mvis .video-pop.active .pop-btn:before{content:"영상열기 ✕";}

.main-wrap .mvis .video-pop .in-cont{position:relative; top:0px; right:-431px; padding:15px 10px 0px 10px; background:#fff; transition: all 0.3s ease-out;}
.main-wrap .mvis .video-pop.active .in-cont{top:0px; right:0px;}

.main-wrap .mvis .video-pop .in-cont .tit{font-size:16px; color:#000; line-height:120%; margin-bottom:10px; letter-spacing:-0.03em; font-weight:900;}
.main-wrap .mvis .video-pop .in-cont .slide{}
.main-wrap .mvis .video-pop .in-cont .slide li{}
.main-wrap .mvis .video-pop .in-cont .slide li a{}
.main-wrap .mvis .video-pop .in-cont .slide li a .img{}
.main-wrap .mvis .video-pop .in-cont .slide li a .img img{width:100%;}

.main-wrap .mvis .video-pop .in-cont .leslide-ctrl{display:none;}

.main-wrap .mvis .video-pop .in-cont .control{position:absolute; top:10px; right:20px;}
.main-wrap .mvis .video-pop .in-cont .control .bt_box{}
.main-wrap .mvis .video-pop .in-cont .control .bt_box .prev-slide{width:20px; height:20px; line-height:14px; font-size:30px; display:inline-block; vertical-align:middle; text-align:center; color:#000;}
.main-wrap .mvis .video-pop .in-cont .control .bt_box .stop-slide{width:20px; height:20px; display:inline-block; vertical-align:middle; text-align:center; color:#000; font-size:14px;}
.main-wrap .mvis .video-pop .in-cont .control .bt_box .start-slide{width:20px; height:20px; display:inline-block; vertical-align:middle; text-align:center; color:#000; font-size:12px;}
.main-wrap .mvis .video-pop .in-cont .control .bt_box .next-slide{width:20px; height:20px; line-height:14px; font-size:30px; display:inline-block; vertical-align:middle; text-align:center; color:#000;}

.main-wrap .mvis .video-pop .in-cont .slide .slick-dots{position:absolute; top:10px; left:10px;}
.main-wrap .mvis .video-pop .in-cont .slide .slick-dots li{display:inline-block; margin:0px 3px;}
.main-wrap .mvis .video-pop .in-cont .slide .slick-dots li button{width:22px; height:22px; line-height:18px; border:none; color:#fff; border-radius:50%; font-size:14px; background:rgba(0, 0, 0, 0.6);}
.main-wrap .mvis .video-pop .in-cont .slide .slick-dots li.slick-active button{background:#e53546;}

/* body 스크롤 잠금 */
.body-locked{overflow:hidden;}

/* 딤 */
.layer-dim{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:1000;}
.layer-dim.active{opacity:1;visibility:visible;}

/* 팝업 래퍼 */
.layer-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-40%);min-width:320px;max-width:1000px;width:calc(100% - 40px);background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .2s ease, transform .2s ease;z-index:1001;outline:0;}
.layer-pop.active{opacity:1;visibility:visible;transform:translate(-50%,-50%);}

/* 팝업 내부 */
.layer-pop .layer-inner{position:relative;padding:24px 24px 28px;}
.layer-pop .layer-body{font-size:15px; color:#333;}
.layer-pop .layer-body video{width:100%; height:auto;}

/* 닫기 버튼 */
.layer-pop .layer-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;background:#f5f5f5;border-radius:50%;font-size:20px;line-height:36px;text-align:center;cursor:pointer;}
.layer-pop .layer-close:hover{background:#eee;}


	@media only screen and (max-width:1400px){
		.main-wrap .mvis{height:800px;}
		.main-wrap .mvis .btxt-logo{position:absolute; top:0px; left:20px; margin-left:0px; display:block;}
		.main-wrap .mvis video{height:800px;}
	}

	@media only screen and (max-width:1000px){
		.main-wrap .mvis{height:600px;}
		.main-wrap .mvis .btxt-logo{top:0px; left:0; padding:100px 40px 40px 40px;}
		.main-wrap .mvis .btxt-logo .btxt{font-size:22px;}
		.main-wrap .mvis .btxt-logo .logo{width:200px; height:140px;}
		.main-wrap .mvis video{height:600px;}
	}

	@media only screen and (max-width:680px){
		.main-wrap .mvis{height:auto;}
		.main-wrap .mvis .btxt-logo{padding:80px 20px 20px 20px;}
		.main-wrap .mvis .btxt-logo .btxt{font-size:18px;}
		.main-wrap .mvis .btxt-logo .logo{width:160px; height:110px;}
		.main-wrap .mvis video{height:400px;}
	}

	@media only screen and (max-width:480px){
		.main-wrap .mvis .video-pop{width:260px;}

		.layer-pop .layer-inner{padding:18px;}
		.layer-pop .layer-title{font-size:18px;}
	}



/* .main-wrap .msec-pics .pics-tab */
.main-wrap .msec-pics{position:relative; padding:50px 0px;}

.main-wrap .msec-pics:after{clear:both; content:""; display:block;}
.main-wrap .msec-pics .title{position:relative; font-size:50px; margin-bottom:30px; color:#000; line-height:100%; letter-spacing:-0.06em; font-family:'NanumMyeongjo'; font-weight:700;}
.main-wrap .msec-pics .pics-tab{position:relative; width:96%; height:420px; box-sizing:border-box;} 
.main-wrap .msec-pics .pics-tab .cont{}
.main-wrap .msec-pics .pics-tab .cont .tab{z-index:9;}
.main-wrap .msec-pics .pics-tab .cont:nth-child(1) .tab{position:absolute; top:0px; left:0px;}
.main-wrap .msec-pics .pics-tab .cont:nth-child(2) .tab{position:absolute; top:0px; left:100px;}
.main-wrap .msec-pics .pics-tab .cont:nth-child(3) .tab{position:absolute; top:0px; left:280px;}
.main-wrap .msec-pics .pics-tab .cont .tab a{position:relative; letter-spacing:-0.02em; box-sizing:border-box; line-height:120%; display:block;}
.main-wrap .msec-pics .pics-tab .cont .tab a span{position:relative; display:block; font-size:20px; color:#9c9c9c;}
.main-wrap .msec-pics .pics-tab .cont .tab a:hover span{color:#9c9c9c; text-decoration:underline;}
.main-wrap .msec-pics .pics-tab .cont .cnt{width:100%; padding:50px 0px 0px 0px; position:absolute; left:0; top:0px; box-sizing:border-box; opacity:0; z-index:7;}
.main-wrap .msec-pics .pics-tab .cont.on .tab a{ color:#fa7600; background:#fff; border-bottom:none;}
.main-wrap .msec-pics .pics-tab .cont.on .tab a span{color:#000; text-decoration:underline;}
.main-wrap .msec-pics .pics-tab .cont.on .cnt{ opacity:1; z-index:8;}

.main-wrap .msec-pics .pics-tab .cont .cnt .slide{margin:0px -20px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide .slick-slide{margin:0px 20px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li{overflow:hidden;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a{position:relative; display:block; width:100%;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .img{display:block; height:300px; overflow:hidden; margin-bottom:20px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .img img{width:100%; height:300px; object-fit:cover; transition:all 0.3s ease-out;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more{overflow:hidden; display:block;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .btxt{float:left; display:block; font-size:24px; color:#000; margin-top:10px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .more{float:right; overflow:hidden; display:block; transition:all 0.3s ease-out; font-size:15px; color:#7f7f7f; border:1px solid #e5e5e5; padding:10px 20px; font-weight:100;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .more:after{float:right; margin-left:14px; transition:all 0.3s ease-out; transform:rotate(0deg); content:"+"; font-size:24px; font-weight:100;}

.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a:hover .img img{transform: scale(1.1, 1.1); ;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a:hover .btxt-more .more{color:#000; border-color:#000; text-decoration:underline;}
.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a:hover .btxt-more .more:after{transform:rotate(90deg);}


.main-wrap .msec-pics .pics-tab:before{position:absolute; top:120px; right:-3.5%; width:1px; height:220px; background:#ccc; content:"";}

.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl{position:absolute; right:-4%; bottom:10px; z-index:1; font-size:13px; color:#000; text-align:center; line-height:100%;}
.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl .count{}
.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl .count .current{color:#000;}
.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl .count .total{}

.main-wrap .msec-pics .pics-tab .cont .cnt .control{position:absolute; right:-4.3%; top:50px; z-index:1;}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box{}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box .stop-slide{width:20px; height:20px; display:block; font-size:0px; background:url("/images/new/Potal/main/visbtn-pause.png") no-repeat center red; display:none !important;}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box .start-slide{width:20px; height:20px; display:block; font-size:0px; background:url("/images/new/Potal/main/visbtn-play.png") no-repeat center blue; display:none !important;}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box .prev-slide{transition:all 0.3s ease-out; position:relative; left:0px; display:block; width:20px; height:20px; border:none; z-index:1; font-weight:900; color:#000; font-size:12px; margin-bottom:10px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box .next-slide{transition:all 0.3s ease-out; position:relative; left:0px;display:block; width:20px; height:20px; border:none; z-index:1; font-weight:900; color:#000; font-size:12px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box .prev-slide:hover{left:-3px;}
.main-wrap .msec-pics .pics-tab .cont .cnt .control .bt_box .next-slide:hover{left:3px;}

	@media only screen and (max-width:1400px){
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide{margin:0px -10px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide .slick-slide{margin:0px 10px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li{}
	}

	@media only screen and (max-width:1000px){
		.main-wrap .msec-pics{padding:30px 0px;}
		.main-wrap .msec-pics .title{font-size:40px; margin-bottom:20px; }

		.main-wrap .msec-pics .pics-tab{width:90%;} 
		.main-wrap .msec-pics .pics-tab .cont:nth-child(1) .tab{}
		.main-wrap .msec-pics .pics-tab .cont:nth-child(2) .tab{left:80px;}
		.main-wrap .msec-pics .pics-tab .cont:nth-child(3) .tab{left:220px;}

		.main-wrap .msec-pics .pics-tab .cont .tab a span{font-size:18px;}

		.main-wrap .msec-pics .pics-tab .cont .cnt{padding:40px 0px 0px 0px;}

		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .btxt{font-size:18px; margin-top:10px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .more{font-size:14px; padding:5px 10px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .more:after{margin-left:10px; font-size:20px;}

		.main-wrap .msec-pics .pics-tab .cont .cnt .control{right:-6%; top:40px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl{right:-5%;}
	}

	@media only screen and (max-width:680px){
		.main-wrap .msec-pics{padding:20px 0px;}
		.main-wrap .msec-pics .title{font-size:30px;}

		.main-wrap .msec-pics .pics-tab{width:88%; height:290px;} 
		.main-wrap .msec-pics .pics-tab .cont:nth-child(1) .tab{}
		.main-wrap .msec-pics .pics-tab .cont:nth-child(2) .tab{left:50px;}
		.main-wrap .msec-pics .pics-tab .cont:nth-child(3) .tab{left:170px;}

		.main-wrap .msec-pics .pics-tab .cont .tab a span{font-size:16px;}

		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .img{height:200px; margin-bottom:10px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .img img{height:200px;}

		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .btxt{font-size:16px; margin-top:5px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .more{font-size:13px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .slide li a .btxt-more .more:after{font-size:18px;}
		
		.main-wrap .msec-pics .pics-tab:before{right:-7%; height:90px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .control{right:-9%; top:40px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl{right:-8%;}
	}

	@media only screen and (max-width:480px){
		.main-wrap .msec-pics .title{font-size:24px;}

		.main-wrap .msec-pics .pics-tab{width:84%; height:290px;} 
		.main-wrap .msec-pics .pics-tab .cont:nth-child(1) .tab{}
		.main-wrap .msec-pics .pics-tab .cont:nth-child(2) .tab{left:40px;}
		.main-wrap .msec-pics .pics-tab .cont:nth-child(3) .tab{left:140px;}

		.main-wrap .msec-pics .pics-tab .cont .tab a span{font-size:14px;}

		.main-wrap .msec-pics .pics-tab .cont .cnt{padding:30px 0px 0px 0px;}
		
		.main-wrap .msec-pics .pics-tab:before{right:-8%; height:90px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .control{right:-13%; top:40px;}
		.main-wrap .msec-pics .pics-tab .cont .cnt .leslide-ctrl{right:-10%;}
	}