@charset "utf-8";

.bodyWrap{}
.headerWrap{max-width: 1700px;box-sizing: border-box;}
.footerWrap address{max-width: 1340px;}


/* main visual slider */
.bodyWrap .mainVisualWrap{position: relative;background: #f0f0f0;}
.bodyWrap .mainVisualWrap .visualSlider { position: relative; overflow: hidden; font-size: 0; max-width: 1700px; width: 100%; margin: 0 auto;}
.bodyWrap .mainVisualWrap .visualSlider .item {background-position: 50% 0% !important;background-repeat: no-repeat !important;}
.bodyWrap .mainVisualWrap .visualSlider .item a { display: block; max-width: 1700px; margin: 0 auto; height: 585px; }
.bodyWrap .mainVisualWrap .visualSlider .item a img { display: none; }

.mainVisualWrap .sliderArrow{ width: 100%; text-align: right; z-index: 1; height: 0; bottom: 140px; position: absolute;}
.mainVisualWrap .arrowWrap{background: #3b3b3b;display: inline-block; position: relative;bottom: 63px;}
/*.mainVisualWrap .arrowWrap:before{display:none;content: ''; width: 1px; height: 24px; background: #666; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%)}*/
.mainVisualWrap .slick-arrow{position:relative;width: 63px;height: 63px; font-size: 0}
.mainVisualWrap .slick-arrow ~.slick-arrow:before{content: ''; width: 1px; height: 24px; background: #666; position: absolute; left: 0; top: 50%; transform: translate(-50% , -50%)}
.mainVisualWrap .slick-prev, .mainVisualWrap .slick-next	{display:none;}
.mainVisualWrap .slick-arrow.slick-prev{display:inline-block;background: url(../images/main/ico_arrow_left.png)no-repeat 50% 50%;}
.mainVisualWrap .slick-arrow.slick-next{display:inline-block;background: url(../images/main/ico_arrow_right.png)no-repeat 50% 50%;}
.mainVisualWrap .slick-arrow.slick-prev:hover{background: url(../images/main/ico_arrow_left_on.png)no-repeat 50% 50%;}
.mainVisualWrap .slick-arrow.slick-next:hover{background: url(../images/main/ico_arrow_right_on.png)no-repeat 50% 50%;}

.mainVisualWrap .sliderOverWrap{ max-width: 1300px; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; border-left: 1px solid rgba(255,255,255,0.15);}
.mainVisualWrap .sliderOverWrap ul{/*display: -webkit-box; display: -ms-flexbox;*/ display: flex; flex-direction: row; height: 100%;width: 100%;}
.mainVisualWrap .sliderOverWrap ul li{/*width: 100%;height: 100%;*/flex: 1; border-right: 1px solid rgba(255,255,255,0.15);text-align: center;}
.mainVisualWrap .sliderOverWrap ul li a{font-size: 33px;color: #fff;font-weight: 600;text-align: center;display: block;width: 100%;padding-top: 160px;box-sizing: border-box;height: 100%;}
.mainVisualWrap .sliderOverWrap ul li a span{position: relative;display: inline-block;opacity: 0.2;    text-shadow: 1px 1px 3px rgba(0,0,0,0.5); padding:0 20px;}
.mainVisualWrap .sliderOverWrap ul li a span:before{content: ''; width: 45px; height: 47px; position: absolute; top: -62px; left: 55%;transform: translateX(-50%);}
.mainVisualWrap .sliderOverWrap ul li:nth-child(1) a span:before{background: url(../images/main/visual_icon1.png)no-repeat 50%50%;}
.mainVisualWrap .sliderOverWrap ul li:nth-child(2) a span:before{background: url(../images/main/visual_icon2.png)no-repeat 50%50%;}
.mainVisualWrap .sliderOverWrap ul li:nth-child(3) a span:before{background: url(../images/main/visual_icon3.png)no-repeat 50%50%;}
.mainVisualWrap .sliderOverWrap ul li a span:after{content: ''; width: 0%; height: 0px; position: absolute; bottom: -20px; left: 50%;transform: translateX(-50%); background:#fff;transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;box-shadow: 0 0 2px 2px rgba(36,36,36,0.1);}

.mainVisualWrap .sliderOverWrap ul li a:hover span,.mainVisualWrap .sliderOverWrap ul li.on a span{opacity: 1;}
.mainVisualWrap .sliderOverWrap ul li:nth-child(1) a:hover span:before,.mainVisualWrap .sliderOverWrap ul li.on:nth-child(1) a span:before{background: url(../images/main/visual_icon1_on.png)no-repeat 50%50%;}
.mainVisualWrap .sliderOverWrap ul li:nth-child(2) a:hover span:before,.mainVisualWrap .sliderOverWrap ul li.on:nth-child(2) a span:before{background: url(../images/main/visual_icon2_on.png)no-repeat 50%50%;}
.mainVisualWrap .sliderOverWrap ul li:nth-child(3) a:hover span:before,.mainVisualWrap .sliderOverWrap ul li.on:nth-child(3) a span:before{background: url(../images/main/visual_icon3_on.png)no-repeat 50%50%;}
.mainVisualWrap .sliderOverWrap ul li a:hover span:after,.mainVisualWrap .sliderOverWrap ul li.on a span:after{width: 50%; height: 4px;}
.mainVisualWrap .sliderOverWrap ul li.none span:before, .mainVisualWrap .sliderOverWrap ul li.none span:after{display:none;}

.contentsWrap{width: 100%; background: #f0f0f0;padding-bottom: 50px;}
.contents{max-width: 1300px; width: 100%;box-sizing: border-box;position: relative;font-size: 0;transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);}
.contents.notice{height: 460px;margin: 10px auto 0;}
.newsWrap{background: #fff;height: 100%;position: relative;width: 100%;box-sizing: border-box;}
.newsWrap .title{width: 33%;display: inline-block;padding-left: 40px;box-sizing: border-box;padding-top: 70px;background: url(../images/main/bg_news.png)no-repeat 40px 84%;vertical-align: top;height: 100%;}
.newsWrap .title .point{font-size: 34px;color: #042a59;letter-spacing: -3px;line-height: 1.25em;font-weight: 600;}
.newsWrap .title .point span{position: relative;letter-spacing: -2px;display: block;}
.newsWrap .title .point span:before{content: ''; width: 40px; height: 5px; background: #ffef38; position: absolute; top: -20px; left: 0;}
.newsWrap .title .text{display: block;color: #222;font-size: 52px;letter-spacing: -1px;font-weight: 600;line-height: 1.5em;}
.newsWrap .title .sub{font-size: 18px;font-weight: 700;line-height: 1.5em;padding-top: 12px;display: inline-block;}
.newsWrap .title .sub b{font-weight: 800;}
.newsWrap .boardWrap{width: 47%;display: inline-block;border-right: 1px solid #e7e7e7;padding-top: 55px;padding-right: 55px;box-sizing: border-box;vertical-align: top;}
.newsWrap .boardWrap .news{position: relative;border-bottom: 1px solid #e6e6e6;height: 175px;}
.newsWrap .boardWrap .news .newsTitle{font-size: 20px;font-weight: 800;display: inline-block;padding-right: 28px;color: #bbb;background: url(../images/main/bg_news_gubun.png)no-repeat 90% 40%;}
/*.newsWrap .boardWrap .news .newsTitle:nth-child(5), .newsWrap .boardWrap .news .newsTitle:nth-child(7){background:none;}*/
.newsWrap .boardWrap .news h3:nth-last-of-type(1){background:none;}
.newsWrap .boardWrap .news .newsTitle.type1{background: url(../images/main/bg_news_gubun.png)no-repeat 90% 40%;}

.newsWrap .boardWrap .news .newsTitle a{position: relative;letter-spacing: -1px;}
.newsWrap .boardWrap .news .newsTitle a:after{content: ''; width: 0; height: 0px; background: #222; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%);transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.newsWrap .boardWrap .news .newsTitle.on a,.newsWrap .boardWrap .news .newsTitle a:hover{color: #222; }
.newsWrap .boardWrap .news .newsTitle.on a:after,.newsWrap .boardWrap .news .newsTitle a:hover:after{width: 100%; height: 2px;}
.newsWrap .boardWrap .news .listBox{position: absolute;display: none;margin-top: 25px;width: 100%;}
.newsWrap .boardWrap .news .listBox.on{display: block;}
.newsWrap .boardWrap .news .listBox ul{}
.newsWrap .boardWrap .news .listBox ul li{padding-bottom: 10px;}
.newsWrap .boardWrap .news .listBox ul li a{display: block;font-size: 0;}
.newsWrap .boardWrap .news .listBox ul li a .listTitle{font-size: 14px;font-weight: 700;font-family: 'NanumGothic';display: inline-block;width: 80%;letter-spacing: -1px;}
.newsWrap .boardWrap .news .listBox ul li a .listDate{display: inline-block;width: 20%;font-size: 14px;font-family: 'NanumGothic';font-weight: 700;color: #bbb;vertical-align: top;letter-spacing: -1px;text-align: right;}
.newsWrap .boardWrap .news .listBox .noticeMore{width: 32px; height: 32px; border: 1px solid #d6d6d6; background: url(../images/common/ico_gnb_plus.png)no-repeat 50% 50%; font-size: 0; display: inline-block;position: absolute;top: -57px;right: 0;background-size: 12px 12px;}

.newsWrap .boardWrap .gallery{position: relative;padding-top: 25px;}
.newsWrap .boardWrap .gallery .tit{font-size: 20px;font-weight: 800;}
.newsWrap .boardWrap .gallery ul{font-size: 0;width: 100%;overflow: hidden;clear: both;padding-top: 15px;}
.newsWrap .boardWrap .gallery ul li{display: inline-block;float: left;width: 30.248%;}
.newsWrap .boardWrap .gallery ul li~li{margin-left: 4.5%}
.newsWrap .boardWrap .gallery ul li a{display: block;position: relative;font-size: 0;width: 100%;height: 0;padding-bottom: 68.75%;}
.newsWrap .boardWrap .gallery ul li a span{position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.newsWrap .boardWrap .gallery ul li a span img{width: 100%; height: 100%;}
.newsWrap .boardWrap .gallery .moreBtn{width: 32px; height: 32px; border: 1px solid #d6d6d6; background: url(../images/common/ico_gnb_plus.png)no-repeat 50% 50%; font-size: 0; display: inline-block;position: absolute;top: 15px;right: 0;background-size: 12px 12px;}

.newsWrap .perWrap{width: 20%;display: inline-block;}
.newsWrap .perWrap .love{text-align: center;}
.newsWrap .perWrap .love .chart { position: relative; width: 130px; height: 130px; margin-top: 50px; text-align: center; margin-bottom: 15px; display: inline-block; }
.newsWrap .perWrap .love .chart .percent{font-size: 50px;color: #f8605b;font-family: 'Arial';letter-spacing: -3px;font-weight: bold;display: inline-block;line-height: 120px;z-index: 2;}
.newsWrap .perWrap .love .chart .year{position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);font-size: 14px;color: #aaa;font-family: 'NanumGothic';font-weight: 800;}
.newsWrap .perWrap .love .chart canvas{position: absolute; top: 0; left: 0;}
.newsWrap .perWrap .love .text{font-size: 16px;font-family: 'NanumGothic';font-weight: 600;}

.newsWrap .perWrap .job{text-align: center;}
.newsWrap .perWrap .job .chart { position: relative; display: inline-block; width: 130px; height: 130px; margin-top: 32px; text-align: center; margin-bottom: 15px; }
.newsWrap .perWrap .job .chart .percent{font-size: 50px;color: #c19c30;font-family: 'Arial';letter-spacing: -1px;font-weight: bold;display: inline-block;line-height: 120px;z-index: 2;}
.newsWrap .perWrap .job .chart .year{position: absolute;left: 50%;top: 70%;transform: translate(-50%, -50%);font-size: 14px;color: #aaa;font-family: 'NanumGothic';font-weight: 800;}
.newsWrap .perWrap .job .chart canvas{position: absolute; top: 0; left: 0;}
.newsWrap .perWrap .job .text{font-size: 16px;font-family: 'NanumGothic';font-weight: 600;}

/*.newsWrap .bannerWrap{ height: 100%;display: inline-block; width: 22%; position: relative; vertical-align: top; background: #c19d2f url(../images/main/event_img.jpg)no-repeat 30% 0%; background-size: cover;}
.newsWrap .bannerWrap span{display: inline-block; width: 80px; height: 36px; border-radius: 20px; background: #fff; color:#ac8137; font-size: 16px; font-family: 'NanumGothic'; font-weight: 800; text-align: center; line-height: 38px;position: absolute;top: 43px;left: 33px;}
.newsWrap .bannerWrap a{display: block;background: #c3a032;}
.newsWrap .bannerWrap a img{display: none;}*/

.contents.quick{height: 140px;margin: -140px auto 0;}
.quickLinkWrap{height: 100%;background: #fff;font-size: 0;text-align: center;}
.quickLinkWrap .quickLink{/*width: 88%;display: inline-block;*/height: 100%;}
.quickLinkWrap .quickLink ul{width: 100%;overflow: hidden;clear: both;display: flex;padding: 25px 17px;box-sizing: border-box;font-size: 0;}
.quickLinkWrap .quickLink ul li{display: inline-block;float: left;height: 90px;width: calc(99.5% / 7);text-align: center;box-sizing: border-box;}
.quickLinkWrap .quickLink ul li~li{border-left: 1px solid #e8e8e8}
.quickLinkWrap .quickLink ul li a{display: inline-block;font-size: 14px;font-weight: 700;font-family: 'NanumGothic';padding: 60px 5px 0;}
.quickLinkWrap .quickLink ul li:nth-child(1) a{background:url(../images/main/quick1.png)no-repeat 50% 15%;}
.quickLinkWrap .quickLink ul li:nth-child(2) a{background:url(../images/main/quick2.png)no-repeat 50% 15%;}
.quickLinkWrap .quickLink ul li:nth-child(3) a{background:url(../images/main/quick3.png)no-repeat 50% 15%;}
.quickLinkWrap .quickLink ul li:nth-child(4) a{background:url(../images/main/quick4.png)no-repeat 50% 15%;}
.quickLinkWrap .quickLink ul li:nth-child(5) a{background:url(../images/main/quick5.png)no-repeat 50% 15%;}
.quickLinkWrap .quickLink ul li:nth-child(6) a{background:url(../images/main/quick6.png)no-repeat 50% 15%;}
.quickLinkWrap .quickLink ul li:nth-child(7) a{background:url(../images/main/quick7.png)no-repeat 50% 15%;}

/*.quickLinkWrap .quickBtn{width: 22%;display: inline-block;height: 100%;background: #042a59 url(../images/main/bg_quick_img.png)no-repeat 100% 100%;vertical-align: top;}
.quickLinkWrap .quickBtn a{display: block;padding: 40px 0 0 35px;}
.quickLinkWrap .quickBtn a .q1{color: #fff;font-size: 20px;}
.quickLinkWrap .quickBtn a .q2{font-size: 26px;color: #cbab48;display: block;}
.quickLinkWrap .quickBtn a .q2 b{}
.quickLinkWrap .quickBtn a .q3{font-size: 14px;color: #fff;font-family: 'NanumGothic';text-decoration: underline;display: inline-block;padding-top: 40px;}*/

.mediaWrap{width: 100%;background: #fff;padding-bottom: 60px; overflow: hidden;}
.mediaWrap .mediaSlideWrap{max-width: 1300px;width: 100%;box-sizing: border-box;position: relative;font-size: 0;margin: 60px auto;transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;min-height: 350px;}
.mediaWrap .mediaSlideWrap .title{width: 20%;display: inline-block;box-sizing: border-box;padding-top: 70px;vertical-align: top;position: relative;}
.mediaWrap .mediaSlideWrap .title .point{font-size: 52px;color: #222;letter-spacing: -3px;line-height: 1em;font-weight: 600;}
.mediaWrap .mediaSlideWrap .title .point span{position: relative;letter-spacing: -2px;}
.mediaWrap .mediaSlideWrap .title .point span:before{content: ''; width: 100%; height: 5px; background: #ffef38; position: absolute; top: -15px; left: 50%; transform: translateX(-50%);}
.mediaWrap .mediaSlideWrap .title .text{display: block;color: #222;font-size: 50px;letter-spacing: -1px;font-weight: 700;}
.mediaWrap .mediaSlideWrap .title .sub{font-size: 18px;font-weight: 700;line-height: 1.5em;padding-top: 3px;display: inline-block;}
.mediaWrap .mediaSlideWrap .title .sub b{font-weight: 800;}

.mediaWrap .mediaSlideWrap .arrowWrap{background: #fff;display: inline-block; position: absolute;right: 0;top: -15px;}
.mediaWrap .mediaSlideWrap .media-arrow{width: 58px;height: 58px; font-size: 0;border: 1px solid #d6d6d6;}
.mediaWrap .mediaSlideWrap .media-prev{background: url(../images/main/media_arrow_left.png)no-repeat 50% 50%;}
.mediaWrap .mediaSlideWrap .media-next{background: url(../images/main/media_arrow_right.png)no-repeat 50% 50%;margin-left: -1px;}


.mediaWrap .mediaSlideWrap .mediaSlide{padding-top: 70px;position: absolute;/*display: inline-flex;*/width: 120%;left: 20%; top: 0;}
.mediaWrap .mediaSlideWrap .mediaSlide .slick-slide > div{margin-right: 20px}
.mediaWrap .mediaSlideWrap .mediaSlide .item{display: inline-block;max-width: 350px;width: calc(100% / 6);}
.mediaWrap .mediaSlideWrap .mediaSlide .item .listWrap { position: relative; font-size: 0; width: 100%; height: 0; padding-bottom: 55.25%; }
.mediaWrap .mediaSlideWrap .mediaSlide .item .thumb { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.mediaWrap .mediaSlideWrap .mediaSlide .item .thumb .youtube{height: 100%;width: 100%;position: absolute;top: 0;left: 0; cursor: pointer;}
.mediaWrap .mediaSlideWrap .mediaSlide .item .thumb img{height: 100%;width: auto;}
.mediaWrap .mediaSlideWrap .mediaSlide .item > a { font-size: 24px; font-weight: 800; letter-spacing: -1px; display: block; padding-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em; height: 2.6em; }

.mediaWrap .mediaSlideWrap .snsBtnWrap{display: inline-block;position: absolute;top: 220px;left: 0;font-size: 0;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a{width: 45px;height: 45px;display: inline-block; /*border: 1px solid #b3b3b3;*/ border-radius: 100%;background-size: cover !important;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a~a{margin-left: 8px;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a.btnfb{background: url(../images/main/btn_facebook_out.png)no-repeat 50% 50%;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a.btnis{background: url(../images/main/btn_insta_out.png)no-repeat 50% 50%;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a.btntt{background: url(../images/main/btn_twitter_out.png)no-repeat 50% 50%;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a.btnbl{background: url(../images/main/btn_blog_out.png)no-repeat 50% 50%;}
.mediaWrap .mediaSlideWrap .snsBtnWrap a.btnyt{background: url(../images/main/btn_youtube_out.png)no-repeat 50% 50%;}

/* 2022-08-26 동영상 팝업추가 S */
#popup-wrap	.layerPop.p_youtube	{transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); }
#popup-wrap	.layerPop.p_youtube .memo	{width: auto;position:relative;box-sizing: border-box;margin: 0 35px 30px 35px;padding-top: 40px;padding-bottom: 56.25%; background: url('../images/main/pop_logo.png') no-repeat 50% 14px; background-size: 100% auto; }
#popup-wrap	.layerPop.p_youtube .closed 	{margin-bottom: 1px; display: flex;}
#popup-wrap	.layerPop.p_youtube .closed a	{width: 100%;background: #ffe400; font-size: 18px; color: #042a59;line-height: 50px;text-align: center;}
#popup-wrap	.layerPop.p_youtube .closed a.today	{background: #fff700;}
#popup-wrap	.layerPop.p_youtube .memo .video_wrap	{position: absolute; top: 40px; left: 0; width: 100%; height: calc(100% - 40px);}
#popup-wrap	.layerPop.p_youtube .memo .video_wrapiframe{width: 100%; height: 100%; display: block;}

/* 모바일 레이아웃 S：361px ～ 480px */
@media only screen and (max-width: 480px) {
	#popup-wrap	.layerPop.p_youtube .memo	{margin: 0 10px 10px 10px;padding-top: 30px;}
	#popup-wrap	.layerPop.p_youtube .memo .video_wrap	{top: 30px; height: calc(100% - 30px);}
	#popup-wrap	.layerPop.p_youtube .closed a	{font-size: 15px;}
}
@media only screen and (max-width: 290px) {
	#popup-wrap	.layerPop.p_youtube .closed a	{font-size: 12px;letter-spacing: -.5px;}
}

/* 2022-08-26 동영상 팝업추가 E */


/*  961px～ 1300px*/
@media only screen and (max-width: 1300px) {
	.mainVisualWrap .arrowWrap{right: 0;}
	.bodyWrap .mainVisualWrap .visualSlider .item a{}
	.quickLinkWrap .quickLink ul{padding:25px 5px 25px 0;}
	.mediaWrap{padding-bottom: 30px}
	.mediaWrap .mediaSlideWrap .title{padding-left: 25px;width: 25%;}
	.mediaWrap .mediaSlideWrap .snsBtnWrap{left: 25px}
	.mediaWrap .mediaSlideWrap .snsBtnWrap a{width: 40px; height: 40px}
	.mediaWrap .mediaSlideWrap .mediaSlide{width: 75%;left: 25%;}
	.mediaWrap .mediaSlideWrap .mediaSlide .item a{font-size: 22px}
	.contents.notice{}
	.newsWrap .title{padding:55px 0 0 20px;background-size:120px auto;background-position:10% 78%;}
	.newsWrap .title .point{font-size: 32px;}
	.newsWrap .title .text{font-size: 48px}
	.newsWrap .boardWrap{padding-right: 30px}

	/*.quickLinkWrap .quickLink{width: 95%}*/


}
@media only screen and (max-width: 1300px) {
	.mediaWrap{padding-bottom: 0px}

}
/*  태블릿 레이아웃 : 769px～960px */
@media only screen and (max-width: 900px) {

	.bodyWrap .mainVisualWrap .visualSlider{height: auto;font-size: 0;}
	.bodyWrap .mainVisualWrap .visualSlider .item{background: 0 !important; height: auto;}
	.bodyWrap .mainVisualWrap .visualSlider .item a{height: auto;}
	.bodyWrap .mainVisualWrap .visualSlider .item a img{display: block; width: 100%; height: auto;}

	.mainVisualWrap .sliderOverWrap{border-left: 0;}
	.mainVisualWrap .sliderOverWrap ul li{display: none; border-right: 0;}
	.mainVisualWrap .sliderOverWrap ul li.on{display: block;}
	.mainVisualWrap .sliderArrow{bottom: 170px;}
	.contentsWrap{}
	.contents{width: auto;box-shadow: none;}
	.contents.notice{margin: 0;height: auto;}
	.newsWrap .title{width: 100%; display: block;background: 0;padding: 50px 40px 0;}
	.newsWrap .title .text{display: block;font-size: 34px;}
	.newsWrap .title .sub{padding-top: 0;vertical-align: bottom;line-height: 1em;}
	.newsWrap .title .point{font-size: 30px;}
	.newsWrap .title .point span{display: inline-block;}
	.newsWrap .title .point span:before{width: 30px}
	.newsWrap .boardWrap{width: 100%; display: block;padding: 40px 40px 0;}
	.newsWrap .boardWrap .news .listBox ul li a .listTitle{font-size: 16px}
	.newsWrap .boardWrap .news .listBox ul li a .listDate{font-size: 16px;}
	.newsWrap .boardWrap .gallery{padding-top: 30px;}
	.newsWrap .boardWrap .gallery ul{padding-top: 25px;}
	.newsWrap .perWrap{width: auto; display: block;border-top: 1px solid #e6e6e6;margin-top: 40px;padding-bottom: 40px;}
	.newsWrap .perWrap .love{display: inline-block; width: 50%;box-sizing: border-box;}
	.newsWrap .perWrap .love .text{}
	.newsWrap .perWrap .job{display: inline-block; width: 50%;box-sizing: border-box;}
	.contents.quick{margin: 0;height: auto;margin-top: -100px}
	.quickLinkWrap{border-top: 1px solid #e6e6e6}
	.quickLinkWrap .quickLink{width: auto;display: block;}
	.quickLinkWrap .quickLink ul{padding:45px 0; display: block;}
	.quickLinkWrap .quickLink ul li:nth-child(n+8){padding-top: 10px;}
	.quickLinkWrap .quickLink ul li{width: 20%;}
	/*.quickLinkWrap .quickLink ul li:nth-child(5){padding-top: 10px}*/
	.quickLinkWrap .quickLink ul li:nth-child(6){padding-top: 10px}
	.quickLinkWrap .quickLink ul li:nth-child(7){padding-top: 10px}
	.quickLinkWrap .quickLink ul li~li{border-left: 0;}

	.mediaWrap .mediaSlideWrap{width: auto;padding: 0 30px;margin: 60px 0 30px;}
	.mediaWrap .mediaSlideWrap .title{width: auto;padding-top: 0;padding-left: 0;}
	.mediaWrap .mediaSlideWrap .title .point{font-size: 40px;}
	.mediaWrap .mediaSlideWrap .title .text{display: inline-block;font-size: 40px;padding: 0 6px;line-height: 1em;}
	.mediaWrap .mediaSlideWrap .mediaSlide{padding-top: 50px;width: 100%;position: static;}
	.mediaWrap .mediaSlideWrap .mediaSlide .slick-slide > div{margin: 0 10px}
	.mediaWrap .mediaSlideWrap .title .arrowWrap{display: none;}
	.mediaWrap .mediaSlideWrap .snsBtnWrap{top: 0;left: auto;right: -220px;}
	.mediaWrap .mediaSlideWrap .media-arrow{width: 45px; height: 45px}
	.mediaWrap .mediaSlideWrap .arrowWrap{top: -5px;right: 30px;}

}
/* 모바일 레이아웃 L：481px ～ 768px */
@media only screen and (max-width: 768px) {
	.mainVisualWrap .sliderOverWrap ul li a{padding-top: 160px;font-size: 30px;}
	.mainVisualWrap .sliderOverWrap ul li a span:before{width: 39px; height: 42px;background-size: cover !important;top: -50px;}
	.contents.notice{}
	.mainVisualWrap .sliderArrow{bottom: 100px;}
	.newsWrap .title{padding: 40px 25px 0;}
	.newsWrap .boardWrap{padding: 30px 25px 0;}
	.newsWrap .title .text{font-size: 30px;}
	.newsWrap .title .point span:before{height: 3px; top: -10px}
	.newsWrap .title .sub{padding-top: 0;vertical-align: bottom;line-height: 1em;font-size: 16px;font-family: 'NanumGothic';}
	.newsWrap .title .point{font-size: 35px;}
	.newsWrap .boardWrap .news .listBox ul li a .listTitle{font-size: 15px}
	.newsWrap .boardWrap .news .listBox ul li a .listDate{font-size: 14px}
	/*.newsWrap .bannerWrap span{top: 15px;left: 30px;}*/



	.mediaWrap .mediaSlideWrap .title .point{font-size: 33px;}
	.mediaWrap .mediaSlideWrap .title .text{font-size: 30px;}
	.mediaWrap .mediaSlideWrap .title .sub{font-size: 16px;font-family: 'NanumGothic';display: block;}
	.mediaWrap .mediaSlideWrap .title .point span:before{height: 4px;top: -10px;}
	.mediaWrap .mediaSlideWrap .snsBtnWrap{top: 45px;right: auto;left: 0;}
	.mediaWrap .mediaSlideWrap .snsBtnWrap a{}

	.mediaWrap .mediaSlideWrap .title{display: block;}
	.newsWrap .title .point{font-size: 30px}
	.mediaWrap .mediaSlideWrap .mediaSlide .item a{font-size: 19px}
	.mediaWrap .mediaSlideWrap .arrowWrap{top: 0px;right: 15px;}
	.mediaWrap .mediaSlideWrap{padding:0 15px;min-height:320px;}
	.mediaWrap .mediaSlideWrap .mediaSlide{padding-top: 80px}
		
	/* 2023-10-17 공모전 추가 */
	.newsWrap .boardWrap .news.contest .listBox{margin-top: 40px;}
	.newsWrap .boardWrap .news.contest .listBox:nth-child(8){margin-top: 5px;}
	.newsWrap .boardWrap .news.contest .newsTitle{line-height: 35px; font-size: 18px;}
	.newsWrap .boardWrap .news.contest	{height: 185px;}	
	.newsWrap .boardWrap .news .newsTitle{font-size: 18px;}


}
/* 모바일 레이아웃 S：361px ～ 480px */
@media only screen and (max-width: 480px) {

	.contents.notice{margin-left: 0;width: auto;}
	.mainVisualWrap .sliderArrow{bottom: 10px}

	.mainVisualWrap .sliderOverWrap ul li a{font-size: 25px;padding-top: 130px;}
	.mainVisualWrap .sliderOverWrap ul li a span:before{width: 36px; height: 38px;}

	.mainVisualWrap .slick-arrow{width: 45px;height: 45px;}
	.mainVisualWrap .arrowWrap:before{height: 18px;}

	.contents.quick{margin-left: 0;width: auto; margin-top: -30px}

	.newsWrap .title{padding: 35px 15px 0;}
	.newsWrap .title .text{font-size: 27px;}
	.newsWrap .title .point span:before{height: 4px;width: 20px;}
	.newsWrap .title .sub{font-size: 15px;}
	.newsWrap .title .point{font-size: 26px;}

	.newsWrap .perWrap .love .chart{margin-top: 30px;}
	.newsWrap .perWrap .job .chart{margin-top: 30px;}

	/*.newsWrap .bannerWrap span{top: 10px;left: 20px;width: 60px;height: 30px;font-size: 15px;line-height: 32px;}*/

	.newsWrap .boardWrap .news .listBox .noticeMore{}

	.newsWrap .boardWrap .news .listBox ul li a .listTitle{width: 76%;}
	.newsWrap .boardWrap .news .listBox ul li a .listDate{width: 24%;}

	.newsWrap .boardWrap .gallery .tit{font-size: 18px;}
	.newsWrap .boardWrap{padding: 25px 15px 0;}
	.mediaWrap .mediaSlideWrap{min-height: 26px;}
	.mediaWrap{padding-bottom: 35px;}

	.quickLinkWrap .quickBtn{height: 170px;}
	.quickLinkWrap .quickBtn a{padding: 30px 0 0 30px;}
	.quickLinkWrap .quickLink ul li{width: 25%;}
	/*.quickLinkWrap .quickLink ul li:nth-child(5){padding-top: 10px}*/
	.quickLinkWrap .quickLink ul li:nth-child(5){padding-top: 10px}
	/*.quickLinkWrap .quickLink ul li:nth-child(7){padding-top: 10px}*/

	.mediaWrap .mediaSlideWrap .title .point{font-size: 28px;}
	.mediaWrap .mediaSlideWrap .title .text{font-size: 28px;}
	.mediaWrap .mediaSlideWrap .title .sub{font-size: 15px;font-family: 'NanumGothic';display: block;}

	.mediaWrap .mediaSlideWrap .snsBtnWrap{right: 10px;}
	.mediaWrap .mediaSlideWrap .snsBtnWrap a{width: 36px;height: 36px;}
	.mediaWrap .mediaSlideWrap .snsBtnWrap a~a{margin-left: 5px;}

	.mediaWrap .mediaSlideWrap .mediaSlide{}
}

/* 2025-08-12 메인 팝업 */
#popup-wrap{z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%;}
#popup-wrap:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .75)}
#popup-wrap .popup{position:fixed;left:0;right:0;margin:auto;max-width:1600px;top:50%;transform:translateY(-50%);}
#popup-wrap  .slick-slide	{margin-right:10px;text-align:center;}
#popup-wrap  .closed	{width:100%;text-align:center;font-size:18px;color:#fff;line-height:24px;margin-top:50px;}
#popup-wrap  input[type="checkbox"]	{width:24px;height:24px;margin-right:5px;}
#popup-wrap  .closed button	{margin-left:40px;position:relative;padding-left:35px;font-size:18px;color:#fff;}
#popup-wrap  .closed button:before	{content:'';position:absolute;top:0;left:0;width:24px;height:24px;border:1px solid #777;background:url('../images/main/ico_closed.png') no-repeat 50% 50%;}
#popup-wrap  label	{cursor:pointer;}
.popup_slider	{padding-top:40px;position:relative;max-width:1230px;margin:0 auto;}
.popup_slider .slick-slide {margin-right:0px !important;}
.popup_slider .slick-slide img	{max-width:390px;}
.popup_slider .slide-controller{position:absolute;left:0;top:0;display:flex;align-items:center;}
.popup_slider .slick-arrow{position:absolute;top:50%;margin:auto 0;;width:16px;height:16px;font-size:0;}
.popup_slider .slick-arrow:before{content:"";position:absolute;width:16px;height:16px;top:0;bottom:0;left:0;right:0;margin:auto;border-top:4px solid #fff;border-left:4px solid #fff;}
.popup_slider .slick-dots{display:inline-block;font-size:0;}
.popup_slider .slick-dots li{display:inline-block;}
.popup_slider .slick-dots li~li{margin-left:3px}
.popup_slider .slick-dots li button{width:10px;height:10px;border-radius:30px;background:#a9a9aa;transition:all 0.3s ease-in-out}
.popup_slider .slick-dots .slick-active button{width:25px;background:#2471fe}
.popup_slider .slick-prev{left:-40px;transform:rotate(-45deg);}
.popup_slider .slick-next{right:-40px;transform:rotate(135deg)}
.popup_slider .slide-pause,.popup_slider .slide-play{position:relative;width:20px;height:20px;font-size:0;border-radius:100%}
.popup_slider .slide-pause:before,.popup_slider .slide-pause:after{content:"";position:absolute;top:0;bottom:0;left:12px;margin:auto 0;width:3px;height:10px;background:#fff}
.popup_slider .slide-pause:after{right:11px;left:auto;}
.popup_slider .slide-play{display:none}
.popup_slider .slide-play:before{content:"";position:absolute;top:0;bottom:0;left:2px;right:0;margin:auto;width:0;height:0;border-top:5px solid transparent;border-left:8px solid #fff;border-bottom:5px solid transparent;}
.popup_slider .controller{display:inline-block;position:relative;margin-right:8px;vertical-align:middle;font-size:15px;color:#fff;}
.popup_slider .controller .total{font-weight:bold;margin-right:5px;margin-left:5px;}

@media (max-width: 1600px) {
	.popup_slider .slick-next	{right:20px;}
	.popup_slider .slick-prev	{left:20px;}
	.popup_slider .slide-controller	{text-align:center;}
}
@media (max-width: 1280px) {
	.popup_slider	{width:calc(100% - 80px);margin:0 auto;}
	.popup_slider .slide-controller	{max-width:390px;width:100%;left:50%;;transform:translateX(-50%);}
	.popup_slider .slick-dots{display:none !important;}
	.popup_slider .slick-next	{right:-20px;}
	.popup_slider .slick-prev	{left:-20px;}
	.slick-slide img	{max-width:100%;}
	#popup-wrap  .slick-slide	{margin-right:0;}
}
@media (max-width: 640px) {
	#popup-wrap  .closed	{font-size:15px;margin-top:20px;}
	#popup-wrap  input[type="checkbox"]	{width:18px;height:18px;}
	#popup-wrap  .closed button	{margin-left:20px;font-size:15px;padding-left:25px;}
	#popup-wrap  .closed button:before	{top:2px;width:18px;height:18px;background-size:8px auto;}
	.popup_slider .slick-arrow	{margin-top:-10px;}
.popup_slider .slick-slide img	{max-width:100%;}
}

@media (max-width: 390px) {
	.popup_slider .slick-arrow	{margin-top:20px;}
}