.main_header{display:flex}

.mainvisual{position:relative; width:100%;  font-size:200%; font-family: 'Paperlogy-7Bold'; text-align:center;  text-align:center; background:url(/img/main_visual_img.jpg) no-repeat top right; background-size:cover}
.mainvisual .mainvisual_text{position:absolute; width:100%; left:50%; top:15%; transform:translate(-50%, -15%); color:#273890; letter-spacing:3px; line-height:150%}
.mainvisual .mainvisual_text img{width:100%; max-width:555px}
.mainvisual .mainvisual_text b{font-size:130%; }
.mainvisual .mainvisual_text span{display:block; letter-spacing:0em; }
.mainvisual .main_movie{position:absolute; top:75%; left:50%; transform:translate(-50%, -75%)}
.mainvisual .main_movie iframe{width: 800px; min-width:300px; height:430px; border:10px solid #000; opacity:.8}
.mainvisual .main_movie video{width:800px; min-width:300px; height:430px; border:10px solid #000; opacity:.8; background:#000}

.main_recent{clear:both;  max-width:1300px; margin:4em auto; display:flex;justify-content: space-between; }

		.main_news{clear:both; max-width:820px;}
		.main_news .news_title{position:relative; border-bottom:1px solid #dddddd; padding-bottom:1.8em; margin-bottom:2.2em}
		.main_news .news_title h2{font-size:1.92em; font-family: 'Paperlogy-7Bold'; }
		.main_news .news_title .more{margin:0; padding:0; position:absolute; right:0; top:0;   text-align:center; border:1px solid #ddd; font-weight:normal}

/* 주요일정 */
		.main_schedule{clear:both; width:430px}
		.main_schedule .schedule_title{position:relative; border-bottom:1px solid #dddddd; padding-bottom:1.8em; margin-bottom:2em}
		.main_schedule .schedule_title h2{font-size:1.92em; font-family: 'Paperlogy-7Bold'; }
		.main_schedule .schedule_title .more{margin:0; padding:0; position:absolute; right:0; top:0;   text-align:center; border:1px solid #ddd; font-weight:normal}



/* 메인 상생발전사업 */
.main_biz{background:#c6cace url(/img/main_biz_bg.jpg) bottom center no-repeat; padding:3.5em; text-align:center}
.main_biz .biz_title{color:#004181; padding-bottom:6em}
.main_biz .biz_title p{margin:auto; display:table; background:#f0265a; border-radius:20px; text-align:center; color:#fff; padding:.5em 1.5em;  font-family: 'Paperlogy-6SemiBold'; margin-bottom:1em; font-size:120%}
.main_biz .biz_title span{display:block; font-size:1.6em; font-family: 'Paperlogy-6SemiBold';padding-top:15px;}
.main_biz .biz_title b{display:block; font-size:3.2em; font-family: 'Paperlogy-7Bold'; }

.main_biz .biz_slider_wrap{position:relative; width:90%; margin:auto; max-width:1500px; padding-top:3em}
.main_biz .slick-slide { margin: 0px 1em }
.main_biz .biz_slide{}
	.biz_box{border-radius:10px;  background:#fff; padding:2em; min-width:180px; min-height:270px;}
	.biz_box b{color:#004181; font-family: 'Paperlogy-6SemiBold'; font-size:105%}
	.biz_box p{color:#004181; font-family: 'GmarketSansBold'; font-size:3.5em; padding-top:10px}
	.biz_box .biz_txt{font-size:1.2em; font-weight:600; letter-spacing:-0.08em; opacity:.6; padding-top:.5em}

	.main_biz .bprevArrow{position:absolute; border-radius:50%; width:50px; height:50px; line-height:53px; color:#fff; border:1px solid #fff; left:-5%; top:47%;  z-index:999; cursor:pointer}
	.main_biz .bprevArrow i{font-size:2em}
	.main_biz .bnextArrow{position:absolute; border-radius:50%; width:50px; height:50px; line-height:53px; color:#fff; border:1px solid #fff; right:-5%; top:47%;  z-index:999; cursor:pointer}
	.main_biz .bnextArrow i{font-size:2em}
	.main_biz .slick-dots{bottom:auto; top:-90px}
	.main_biz .slick-dots li{margin:0}
	.main_biz .slick-dots li.slick-active button:before{opacity:1; color:#004181; font-size:20px;}
	.main_biz .slick-dots li button:before{font-size:10px; color:#fff; opacity:1;}
	/* 메인 상생발전사업 // */


.act_container {width: 100%;    margin: 0;    display: flex; background:#eff1f7; padding:6em 0 6em 0; overflow:hidden}
.act_tab_left_div{width:550px;  padding-bottom:5em; z-index:1}

.act_tab_left_div .act_title{padding-bottom:2em;  float:right; margin-right:10%}
.act_tab_left_div .act_title h2{font-size:200%;font-family: 'Paperlogy-7Bold'; padding-bottom:10px}
.act_tab_left_div .act_title span{opacity:.6; font-weight:600}

.act_tab_menu_left{clear:both; padding: 1.5em;    margin: 0;    width:430px; background:url(/img/main_act_bg.gif) repeat-x bottom;	border-radius:0 9999px 9999px 0 }
.act_tab_menu {margin-right:25%; float:right}
.act_tab_menu_left:after{content:''; clear:both; display:block;}
.act_tab_menu li {    text-align: center;	color:#fff}

.act_tab_menu a {    display: table;	width:120px;    text-decoration: none;	padding:.3em ; 	margin:10px;	border-radius:30px; 	font-size:118%;	font-weight:600;	color:#fff;	transition:all .5s}
.act_tab_menu a:hover {    color: #001075;	background:#fff;}
.act_tab_menu a.tactive {    background: #fff;    color: #001075;	font-size:120%;}

.tab_content_div{position:relative; border:1px solid #e6e7e9; border-radius:222px 0 0 222px; padding:3em 0 3em 3em;   margin-left:-2%; width: 100%; background:#fff; box-shadow: 0px 0px 5px #ebebeb;}
.tab_content_div:after{content:''; clear:both; display:block}
.tab_content {position:relative; display: none;    padding: 1em 3em 0 3em; width:100%}
.tab_content.tactive {display: block;}

.main_act .indicaotr{text-align:right; margin-top:3em; margin-right:28%; }
.main_act .indicaotr .prevArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .indicaotr .nextArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s}
.main_act .indicaotr div{cursor:pointer; display:inline-block; vertical-align:top}
.main_act .indicaotr div:hover i{color:#001075}
.main_act .indicaotr div:hover{border:1px solid #001075}

.main_act .tab_indicaotr{position:absolute; z-index:99;  top:500px; left:-290px; transform:tralslate(-470px, 290px)}

/* 전체*/
.main_act .tab_indicaotr .prevArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .tab_indicaotr .nextArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s}

/* 행사*/
.main_act .tab_indicaotr .eprevArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .tab_indicaotr .enextArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s}

/* 토론회 */
.main_act .tab_indicaotr .fprevArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .tab_indicaotr .fnextArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s}

/* 신문 */
.main_act .tab_indicaotr .pprevArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .tab_indicaotr .pnextArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s}

/* 방송 */
.main_act .tab_indicaotr .brprevArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .tab_indicaotr .brnextArrow{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s}

.main_act .tab_indicaotr div{cursor:pointer; display:inline-block; vertical-align:top}
.main_act .tab_indicaotr div:hover i{color:#001075}
.main_act .tab_indicaotr div:hover{border:1px solid #001075}


.main_act .btn_pause{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s;}
.main_act .btn_pause .xi-pause{display:none}
.main_act .btn_pause.on{width:45px; height:45px; border:1px solid #dcdcdc; border-radius:50%; background:#fff; text-align:center; line-height:42px; transition:all .5s; }
.main_act .btn_pause.on .xi-play{display:none;}
.main_act .btn_pause.on .xi-pause{display:inline}

.main_act .ctrl_btn{clear:both; position:relative; right:1em;}
.main_act .slick-prev, .main_act .slick-next{width:45px; height:45px; }
.main_act .slick-prev{z-index:99; top:116%; left:-30%; border:1px solid #ddd; border-radius:50%; background:url(/img/prev_btn.gif) no-repeat center center}
.main_act .slick-next{z-index:99; top:111%; left:-20%; border:1px solid #ddd; border-radius:50%; background:url(/img/prev_btn.gif) no-repeat center center; transform:rotate(-180deg)}

.main_act .slick-prev:before, .main_act .slick-next:before{opacity:1; font-size:0px;}
.main_act .slick-prev:hover, .main_act .slick-prev:focus{background:url(/img/prev_btn.gif) no-repeat center center}
.main_act .slick-next:hover, .main_act .slick-next:focus{background:url(/img/prev_btn.gif) no-repeat center center; transform:rotate(-180deg);}

.main_act .ctrl_btn{position:absolute; top:95%; left: -14%; z-index:99; width:30px;}


/* 사이트 배너 */
.site_banner{text-align:center; clear:both; background:url(/img/main_banner_bg2.png) no-repeat right top}
.site_banner .site_div{margin:auto; padding:3.5em 0; width:100%; max-width:1500px;background:url(/img/main_banner_bg1.png) no-repeat left bottom}
.site_banner .banner_in{display:flex; justify-content:space-around; width:100%; max-width:1300px; margin:auto; }
.site_banner .banner_in div{}




@media (min-width:0px) and (max-width:768px){

.main_header{height:450px; margin-top:60px;}


.mainvisual{background-position:top center; background-size:cover}
.mainvisual .main_movie{top:80%}
.mainvisual .main_movie iframe{width:70%; height:auto}
.mainvisual .main_movie video{width:90%; height:auto}
.mainvisual .mainvisual_text{width:90%; font-size:72%; word-break:keep-all; line-height:125%; top:22%}
.mainvisual .mainvisual_text span{display:inline}
.mainvisual .mainvisual_text img{max-width:300px}


.main_recent{width:90%; margin:auto; flex-direction:column; padding:2em 0}
.main_news .news_title{margin-bottom:1em}
.main_news .news_title h2{font-size:1.65em}
.main_news .news_title .more img{width:30px}

.main_schedule {width:100%}
.main_schedule .schedule_title{margin-bottom:0; border-bottom:0}
.main_schedule .schedule_title h2{font-size:1.65em}
.main_schedule .schedule_title .more img{width:30px}

.main_biz{padding:2.5em}
.main_biz .biz_title{font-size:80%}
.main_biz .biz_title span{padding-top:0}
.main_biz .biz_title b{font-size:2.4em}
.main_biz .biz_slider_wrap{padding-top:0}
.main_biz .slick-dots{top:-50px}
.main_biz .biz_box p{font-size:3.2em}
.main_biz .biz_box{min-height:200px}
.biz_box .biz_txt{word-break:keep-all; font-size:100%}
.main_biz .bprevArrow{width:35px; height:35px; top:42%; left:-13%; line-height:32px;}
.main_biz .bprevArrow i{font-size:1.2em}
.main_biz .bnextArrow{width:35px; height:35px; top:42%; right:-13%; line-height:32px;}
.main_biz .bnextArrow i{font-size:1.2em}

.act_container{padding:3em 0; display:block}
.act_tab_left_div{width:100%; max-width:100%; display:block; padding-bottom:1em}
.act_tab_left_div .act_title{float:none; padding-left:2em; padding-bottom:1.5em}
.act_tab_left_div .act_title h2{padding-bottom:0.2em}

.tab_content_div{border:0}

.main_act .tab_indicaotr div{height:38px; height:38px; line-height:34px}

.act_tab_menu{float:none; width:100%; margin-right:0; margin-left:-10px}
.act_tab_menu li{width:19%; display:inline-block}
.act_tab_menu a{width:60px; padding:.3em .3em .5em .3em; font-size:110%}
.act_tab_menu a.active{font-size:110%}
.act_tab_menu_left{width:100%; padding:0 0 0 1em; border-radius:0}

.tab_content_div{margin-left:0; border-radius:0; padding:2em;  min-height:200px;}
.tab_content_div .tab_content{position:relative; padding:0; width:100%;}

.site_banner{background-size:30%}
.site_banner .banner_in{width:95%; flex-wrap: wrap;justify-content: flex-start;}
.site_banner .banner_in img{width:100%; max-width:100px;}
.site_banner .site_div{background-size:30%; padding:2em 0}

}



@media (min-width:769px) and (max-width:1024px){

.main_header{height:600px; margin-top:80px;}
.mainvisual .mainvisual_text img{max-width:450px}
.mainvisual .main_movie{width:60%}
.mainvisual .main_movie iframe{width:100%; height:300px}
.mainvisual .main_movie video{width:100%; max-width:500px; height:auto}

.main_recent{width:92%}
	.main_news{width:88%; margin-right:1.5em}
	.news_list .latest_cnt{  text-overflow: ellipsis;  overflow: hidden; height:80px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}


.main_biz .biz_title b{font-size:2.8em}
.main_biz .biz_title span{padding-top:0}
.biz_box{min-height:240px}
.biz_box p{font-size:2.9em}
.biz_box .biz_txt{font-size:1.1em}
.main_biz .bnextArrow{right:-8%}
.main_biz .bprevArrow{left:-8%}

.main_act .tab_indicaotr{left:-188px; top:400px;}
.main_act .tab_indicaotr div{width:38px !important; height:38px !important; line-height:34px !important}
.main_act .tab_indicaotr div i{font-size:1em !important}
				.act_tab_menu_left{width:240px}
				.tab_content{padding:0 3em .5em 5.2em}
				.tab_content_div{margin-left:-7.5%; }

.site_banner img{width:80%; max-width:230px}
}


@media (min-width:1025px) and (max-width:1280px){
.main_header{height:600px; margin-top:0px;}
.mainvisual .mainvisual_text img{max-width:400px; margin-bottom:2em}
.mainvisual .main_movie{width:60%}
.mainvisual .main_movie iframe{width:100%; height:300px}
.mainvisual .main_movie video{width:100%; height:auto; max-width:600px;}

.main_recent{width:92%}
	.main_news{width:88%; margin-right:1.5em}
	.news_list .latest_cnt{  text-overflow: ellipsis;  overflow: hidden; height:80px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}

.main_biz .biz_title b{font-size:2.8em}
.main_biz .biz_title span{padding-top:0}
.main_biz .biz_slider_wrap{padding-top:0}

		.biz_box{min-height:240px}
		.biz_box p{font-size:2.9em}
		.biz_box .biz_txt{font-size:1.1em}

.main_biz .slick-dots{top:-70px}
.main_biz .bnextArrow{right:-8%}
.main_biz .bprevArrow{left:-8%}

.act_tab_menu_left{width:320px}
.main_act .tab_indicaotr{top:410px; left:-195px}
			    .tab_content_div{margin-left:-4%}
				.tab_content{padding:0 3em .5em 5.2em}
				.tab_content_div{margin-left:-7.5%; }
}


@media (min-width:1281px) and (max-width:1415px){
.main_recent{width:95%;  }
.main_recent .main_news{margin-right:2em}
.main_act .tab_indicaotr{ left:-240px}

	.biz_box .biz_txt{font-size:1em}
	.biz_box p{font-size:2.8em}
}