@charset "utf-8";

/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;overflow:hidden;text-align:center;}
.wrap-visual,
.wrap-visual .slick-list{height:700px !important}
.wrap-visual .slick-list{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px}
.wrap-visual .slick-slider{}
.wrap-visual .slick-list .slick-track{}
.wrap-visual .slick-list .slick-track .slick-slide{}
.wrap-visual .slick-list .slick-track .slick-slide img{width:100%}
.wrap-visual .slick-list .slick-track .slick-slide.slick-current.slick-active{}

/*해상도별 비주얼 사이즈*/
@media only screen and (min-width:2001px){
	.wrap-visual .slick-list{left:0;width:100%;margin-left:0}
}
/*
@media only screen and (max-width:1024px){
	.wrap-visual,
	.wrap-visual .slick-list{height:428px !important;}
	.wrap-visual .slick-list{width:1224px;margin-left:-612px}
}
*/
@media only screen and (max-width:768px){
	.wrap-visual,
	.wrap-visual .slick-list{height:400px !important;}
	.wrap-visual .slick-list{width:1143px;margin-left:-571.5px}
}
@media only screen and (max-width:580px){
	.wrap-visual,
	.wrap-visual .slick-list{height:300px !important;}
	.wrap-visual .slick-list{width:857px;margin-left:-428.5px}
}

/*기사*/
.wrap-visual .main-article{position:absolute;left:50%;margin-left:-270px;top:130px;width:540px;}
.wrap-visual .main-article p{color:#FFF;line-height:1;text-shadow:0 0 3px #222;}
.wrap-visual .main-article .p_1{font-size:25px;font-family:'Noto Regular';position:relative;}
.wrap-visual .main-article .p_2{font-size:40px;font-family:'Noto Bold';line-height:1.2;margin-top:25px;max-height:150px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.wrap-visual .main-article .p_3{font-size:20px;line-height:1.5;margin-top:25px;max-height:95px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.wrap-visual .main-article .p_1:before,
.wrap-visual .main-article .p_1:after{content:"";display:block;width:150px;height:1px;background:#FFF;position:absolute;top:12px;}
.wrap-visual .main-article .p_1:before{left:0;}
.wrap-visual .main-article .p_1:after{right:0;}
@media all and (max-width:1024px){
	.wrap-visual .main-article .p_2{font-size:30px;max-height:75px;}
	.wrap-visual .main-article .p_3{font-size:18px;max-height:55px;}
}
@media all and (max-width:768px){
	.wrap-visual .main-article{top:65px;}
	.wrap-visual .main-article .p_1{display:none;}
	.wrap-visual .main-article .p_2{font-size:20px;max-height:25px;}
	.wrap-visual .main-article .p_3{font-size:16px;max-height:47px;margin-top:15px;}
}
@media all and (max-width:580px){
	.wrap-visual .main-article{margin-left:-190px;width:380px;}
}
@media all and (max-width:420px){
	.wrap-visual .main-article{margin-left:-140px;width:280px;}
	.wrap-visual .main-article .p_2{font-size:18px;max-height:100%;}
	.wrap-visual .main-article .p_3{display:none;}
}
@media all and (max-width:280px){
	.wrap-visual .main-article{margin-left:-100px;width:200px;}
}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;box-sizing:border-box;}
.wrap-visual .prevnext{display:none;}
.wrap-visual .control{line-height:1;position:absolute;bottom:170px;width:100%;text-align:center;}
.wrap-visual .control .playstop{display:inline-block;}
.wrap-visual .control .playstop button{display:none;margin-right:3px;width:10px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:url(/images/regional/common/play_2_w.png) no-repeat center;}
.wrap-visual .control .playstop button.stop{background:url(/images/regional/common/pause_2_w.png) no-repeat center;}
.wrap-visual .control .paging{display:inline-block;vertical-align:-8px;}
.wrap-visual .control .paging li{display:inline-block;}
.wrap-visual .control .paging button{width:50px;height:2px;background-color:rgba( 255,255,255,0.5 );}
.wrap-visual .control .paging .slick-active button{background-color:rgba( 255,255,255,1 );}
.wrap-visual .control .numbering{display:inline-block;margin:0 10px;}
.wrap-visual .control .numbering span{color:#FFF;font-size:15px;}
.wrap-visual .control .numbering .now{}
.wrap-visual .control .numbering .now:after{content:"/";display:inline-block;padding:0 3px 0 5px;font-size:12px;vertical-align:2px;}
.wrap-visual .control .numbering .total{color:#DDD;}
@media all and (max-width:768px){
	.wrap-visual .control{bottom:120px;}
	.wrap-visual .control .paging button{width:30px;}
}
@media all and (max-width:480px){
	.wrap-visual .control{bottom:40px;}
}

/*제목페이징*/
.textPaging{display:none;position:absolute;left:0;bottom:0;width:100%;height:140px;border-bottom:10px solid #1b60c6;}
.textPaging:before{content:"";display:block;width:100%;background-color:rgba( 0,0,0,0.5 );position:absolute;bottom:0;left:0;}
.textPaging ul{}
.textPaging ul li{position:relative;filter:alpha(opacity=70);opacity:0.7;}
.textPaging ul li:hover,
.textPaging ul li.slick-current{filter:alpha(opacity=100);opacity:1;}
.textPaging ul li.slick-current:before{content:"";display:block;width:100%;height:140px;position:absolute;top:0;left:0;background:url(/images/regional/main/textPaging_bg.png) no-repeat right top;background-size:cover;}
.textPaging ul li a{box-sizing:border-box;display:block;position:relative;line-height:1.5;padding:23px 30px;border-left:1px solid rgba( 255,255,255,0.2 );margin-top:35px;}
.textPaging ul li a span{display:block;height:55px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-size:18px;text-align:left;color:#FFF;}
.textPaging ul li.slick-current a{border-left:0;}
.textPaging .prevnext{display:block;}
.textPaging .prevnext button{display:inline-block;cursor:pointer;text-indent:-9999px;box-sizing:border-box;width:35px;position:absolute;bottom:0;}
.textPaging .prevnext button.prev{background:rgba(0,0,0,.5) url(/images/regional/common/arrow_3_r_w.png) no-repeat center;left:0;transform:rotate(180deg);}
.textPaging .prevnext button.next{background:rgba(0,0,0,.5) url(/images/regional/common/arrow_3_r_w.png) no-repeat center;right:0;}
.textPaging:before,
.textPaging ul li a,
.textPaging .prevnext button{height:95px;}

@media all and (min-width:1025px){
	.textPaging .prevnext button:hover{background-color:rgba(0,0,0,0.8) !important;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);width:50px;}
}
@media all and (max-width:768px){
	.textPaging{border-bottom-width:5px;height:100px;}
	.textPaging:before{height:100%;}
	.textPaging ul li.slick-current:before{content:"";display:block;width:100%;height:140px;position:absolute;top:0;left:0;background:url(/images/regional/main/textPaging_bg.png) no-repeat right top;background-size:cover;}
	.textPaging ul li a{padding:15px 10px;margin-top:40px;}
	.textPaging ul li a span{height:auto;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
	.textPaging:before,
	.textPaging ul li a,
	.textPaging .prevnext button{height:60px;}
}
@media all and (max-width:480px){
	.textPaging{display:none;}
}