@charset "utf-8";
 
[id*="_obj1395"] {position: absolute; width: 100% !important; height: 50% !important; top: 0; transform: translateX(-50%); left: 50%; max-width: 1600px;    z-index: 101;}
[id*="_obj25"] ._fnctWrap ._fnctAdmin {top: 115px;}
[id*="_obj25"] ._objTool {top: 120px !important;}

/* visual */
.visual {padding: 0;}
.wrap-visual {}
.wrap-visual li:before {content:'';width:100%;height: 100%;position: absolute;left: 0;top: 0;background: #00000014;z-index: 1;}
.wrap-visual .slider {position:relative;z-index: 0;background: #ccc;height: 100vh;min-height: 900px;}
.wrap-visual .slider li {position:relative;text-align:center;height: 100%;}
.wrap-visual .slider li img {object-fit: cover;width: 100%;display: block;height: 100%;}
.wrap-visual .slider * {height:100%}

.wrap-visual button {}
.wrap-visual .prevnext{position: absolute;top: 0;display: flex;justify-content: space-between;z-index: 1;flex-direction: column;right: 35px;height: 100%;}
.wrap-visual .prevnext:before {content:'';position:absolute;top: 40px;right: 11px;height: calc(100% - 155px);border-right: 2px solid #f3f3f38c;}
.wrap-visual .prevnext button {width: 25px;aspect-ratio: 1/1;z-index:1;background-size: 16px !important;transform: rotate(90deg);}
/* .wrap-visual .prevnext button.prev {background: url('../images/chevron-left-w.png') left center no-repeat;} */
.wrap-visual .prevnext button.prev {background: url('../images/chevron-right-w.png') right center no-repeat; transform: rotate(180deg); position: relative; left: 5px;}
.wrap-visual .prevnext button.next {background: url('../images/chevron-right-w.png') right center no-repeat; transform: rotate(360deg); position: relative; left: -5px;}
.wrap-visual .control {text-align:center;position:absolute;bottom:30px;width:100%;z-index:1;}
.wrap-visual .control .playstop, .wrap-visual .control .paging{display:inline-block;}
.wrap-visual .control .playstop {padding: 5px 0;}
.wrap-visual .control .paging li {display:inline-block;margin:0 5px;}
.wrap-visual .control .paging button {text-indent: inherit;border-radius:100px;font-size: 18px;color: #fff;padding: 2px 5px 5px;width: 35px;height: 35px;}
.wrap-visual .control .paging .slick-active button {border: 1px solid #fff;}
.wrap-visual .control .playstop button {display:none;width: 25px;height: 25px;background-size: 80% !important;text-indent: -9999px;transform: rotate(0deg);border: 2px solid #fff;border-radius: 50px;background-size: 14px !important;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .playstop button.play {background:url('../images/play-w.png') no-repeat center; background-size: 9px !important;}
.wrap-visual .control .playstop button.stop {background:url('../images/pause-w.png') no-repeat center;background-size: 9px !important;}
.wrap-visual .control .count {color:#fff;padding: 3px 0;display: flex;justify-content: center;}
.wrap-visual .control .count span {padding:0 4px;min-width: 22px;}
  
.prevnext {}
.prevnext button {text-indent: -9999px;cursor: pointer;transition: 0.3s;}


@media all and (min-width: 1024px) { 
 
	.prevnext button:hover {transition: 0.3s;} 
    
}

@media all and (max-width:1024px){
    
	.wrap-visual {height: 500px;min-height:1px}
	.wrap-visual .prevnext {height: auto;flex-direction: row;position: relative;max-width: 110px;margin: 0 auto;margin-top: 50px;right: 0;}
	.wrap-visual .prevnext:before {display:none}
	.wrap-visual .prevnext button {transform: translate(0);width: 35px;background-size: contain !important;}
	.wrap-visual .control {position: initial;display: flex;flex-direction: row-reverse;justify-content: center;}
	.wrap-visual .control .playstop {padding: 3px 0 0;position: absolute;right: -33px;}
	.wrap-visual .control .count {padding: 5px 0 0;}
	.wrap-visual .prevnext button.prev {transform: rotate(90deg); top: 2px;}
	.wrap-visual .prevnext button.next {transform: rotate(-90deg); top: 2px;}
	
} 
@media all and (max-width:768px){ 

	.wrap-visual {height: 380px;}
	.wrap-visual .control .playstop {padding-top:5px} 
	.wrap-visual .control .playstop button {width: 23px;height: 23px;border-width: 1px;} 
	.wrap-visual .prevnext {margin-top:20px}
	
}
@media all and (max-width:550px){
	.wrap-visual {height: 340px;}

	
}


/* visual 글씨 */ 
.visualBox{position: absolute;max-width: 1600px;top: 196px;tio'FONT-WEIGHT: 500';tio'FONT-WEIGHT: 500';tio'FONT-WEIGHT: 500';tio'FONT-WEIGHT: 500';box-sizing:border-box;margin: 0 auto;z-index: 1;left: 50%;transform: translateX(-50%);padding: 0 20px;width: 100%;}
.main-slogan {position: relative;padding-top: 20px;width: 80%;color: #fff;}
.main-slogan:before {content:'';position:absolute;top: 0;left: 3px;width: 50px;border-top: 4px solid #fff;}
.main-slogan .p-1 {margin-bottom:10px;font-size: 20px;}
.main-slogan .p-1 strong{display:inline-block; background-color:#ffde00; padding:3px 35px; border-radius:20px; margin-right:10px; color:#1c64af;}
.main-slogan .p-2{margin-bottom: 11px;font-size: 37px;letter-spacing:-2px; line-height:1.4;}
.main-slogan .p-2 span{font-family:'Noto Bold';font-size:60px;}
.main-slogan .p-3{font-size: 48px;font-weight: bold;} 

@media all and (max-width:1024px) {
	.visualBox{top: 50%;transform: translate(-50%, -50%);height: auto;}
	.main-slogan {text-align:center;margin: 0 auto;width: 85%;}
	.main-slogan:before {left:50%; transform:translateX(-50%)}
	.main-slogan .p-1{font-size: 21px;}
	.main-slogan .p-2{font-size: 36px;margin-bottom: 10px;} 
	.main-slogan .p-3{font-size: 50px;} 
} 
@media all and (max-width:768px) {
	
	.visualBox {}
	.main-slogan {}
	.main-slogan .p-1{margin: 0;font-size: 17px;font-family: 'Gmarket Light';}
	.main-slogan .p-2{margin-bottom: 0;font-size: 27px;margin-top: 10px;font-family: 'Gmarket Light';font-weight: bold;} 
	.main-slogan .p-3{font-size: 32px;} 
	
}
@media all and (max-width:550px) {
	
	.visualBox {top: 50%;}
	.main-slogan .p-1{font-size: 16px;}
	.main-slogan .p-3{font-size: 26px;} 
	.main-slogan .p-2{font-size: 23px;} 
}
@media all and (max-width:400px) {
	
	.visualBox {}
	.main-slogan {width: 100%;}
	.main-slogan .p-1{font-size: 15px;}
	.main-slogan .p-2{display:none} 
	.main-slogan .p-3{font-size: 29px;} 
}

