@charset "utf-8";

.in_visual {width:100%; height:100%; position:relative; overflow:hidden;}
.in_visual .in_slider {width:100%; height:100%;}
.in_visual .in_slider li {width:inherit; height:100%; display:table; background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; top:0; left:0;}
.in_visual .in_slider li .visual_tt {display:table-cell; vertical-align:middle; text-align:center; color:#fff; padding:0 1em; letter-spacing:-0.06em;}
.in_visual .in_slider li .visual_tt h3 {font:700 79px 'JSDongkang','Noto Sans KR',sans-serif;}
.in_visual .in_slider li .visual_tt p {font-weight:300; font-size:30px; padding:1em 0 1.6em;}
.in_visual .in_slider li .visual_tt p strong {font-weight:700;}
.in_visual .in_slider li .visual_tt a {display:inline-block; padding:0 8px; position:relative; z-index:1; font-weight:700; font-size:14px; letter-spacing:0.05em; outline:none;}
.in_visual .in_slider li .visual_tt a:after {content:''; display:block; width:100%; height:10px; background:#134ec6; position:absolute; bottom:-3px; left:0; z-index:-1;}
.in_visual .in_slider li .visual_tt a:hover:after {animation:more_effect .3s alternate linear;}

.in_visual .in_slider li.visual-item1 {background-image:url("../image/common/sub_visual5.jpg");}
.in_visual .in_slider li.visual-item2 {background-image:url("../image/common/sub_visual6.jpg");}
.in_visual .in_slider li.visual-item3 {background-image:url("../image/common/sub_visual7.jpg");}
.in_visual .in_slider li.visual-item4 {background-image:url("../image/common/sub_visual8.jpg");}

/* slick custom */
.progressbar {width:1280px; height:4px; position:absolute; bottom:96px; left:50%; transform:translateX(-50%); border-bottom:1px solid rgba(255,255,255,.2); box-sizing:border-box;}
.progressbar .pro-bar {position:absolute; bottom:0; left:0; width:0; height:4px; background: #fff;}
.progressbar .pro-ani {animation:proBar 5s 1;}
@keyframes proBar{ 0%{width:0;} 100%{width:100%;} }

.visual_item_control {position:absolute; bottom:-1px; right:0; z-index:99;}
.visual_item_control .pagenation {float:left; display:block; width:auto; height:auto; padding:25px 32px; font-weight:500; font-size:14px; letter-spacing:.1em; color:#fff;}
.visual_item_control button {float:left; display:block; width:64px; height:64px; margin-left:1px; border:0; cursor:pointer; background-color:rgba(15,21,34,.75); font-size:0;}
.visual_item_control button i {display:block; width:24px; height:12px; position:relative; overflow:hidden; margin:0 auto;}
.visual_item_control button i:before, .visual_item_control button i:after {content:''; display:block; position:absolute;}
.visual_item_control button i:before {height:12px; width:12px; transform:rotate(-45deg);}
.visual_item_control button i:after {height:1px; width:24px; background:#fff;}

.visual_item_control #arr_prev i:before {border:1px solid #fff; border-right-width:0; border-bottom-width:0; border-left-width:0; top:4px; left:1px;}
.visual_item_control #arr_prev i:after {top:9px; left:0;}
.visual_item_control #arr_next i:before {border:1px solid #fff; border-top-width:0; border-left-width:0; border-bottom-width:0; top:4px; right:1px;}
.visual_item_control #arr_next i:after {top:9px; left:0;}

@media screen and (max-width: 1280px) {
	.in_visual .in_slider li .visual_tt h3 {font-size:6vmax;}
	.in_visual .in_slider li .visual_tt p {font-size:2.4vmax;}
	/* slick custom */
	.progressbar {width:80.66%; bottom:90px;}
	.progressbar .pagenation {bottom:16px; right:14%; font-size:13px;}
}
@media screen and (max-width: 1024px) {
	/* slick custom */
	.progressbar {bottom:100px;}
}
@media screen and (max-width: 768px) {
	.in_visual .in_slider li .visual_tt h3 {font-size:5.4vmax;}
	.in_visual .in_slider li .visual_tt p {font-size:24px; line-height:1.2;}
	/* slick custom */
	.visual_item_control .pagenation {padding:17px 20px;}
	.visual_item_control button {width:48px; height:48px;}
	.progressbar {bottom:72px;}
}
@media screen and (max-width: 568px) {
	.in_visual .in_slider li .visual_tt p {font-size:19px; word-break:keep-all; white-space:pre-line;}
}