@charset "utf-8"; 
/* @latest 2022.09.21 OSY */

.banner144 {position:relative; float:left; width:100%; height:100%;}
.banner144 .widget_wrap {position:relative; width:100%; background:#fff; box-sizing:border-box; overflow:hidden;}
.banner144 .widget_wrap > img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; min-width:100%; min-height:100%; margin:auto; box-sizing:border-box;}

/* content */
.banner144 .widget_wrap .contBox {position:relative; display:flex; flex-flow:row wrap; align-items:center; width:100%; height:100%; background:rgba(0,0,0,0.5); box-sizing:border-box;}
.banner144 .widget_wrap .contBox .txtBox {display:flex; align-items:center; height:100%; padding:80px 0; padding-left:30px; background:#153759; box-sizing:border-box;}
.banner144 .widget_wrap .contBox .txtBox .txtArea {display:inline-block; width:100%; padding:100px 50px; box-sizing:border-box;}
.banner144 .widget_wrap .contBox .txtBox .txtArea p {color:#fff; line-height:120%; word-wrap:break-word; word-break:keep-all;}
.banner144 .widget_wrap .contBox .txtBox .txtArea p + p {margin-top:80px;}

.banner144 .widget_wrap .contBox .txtBox .btn_more {position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.1); border-color:#fff; border-width:0; text-align:left !important; text-indent:-9999px;}
.banner144 .widget_wrap .contBox .txtBox .btn_more::before,
.banner144 .widget_wrap .contBox .txtBox .btn_more::after {position:absolute; top:50%; left:50%; content:''; border-style:solid; border-color:inherit; transition:transform 0.2s; webkit-transition:transform 0.2s; box-sizing:border-box;}
.banner144 .widget_wrap .contBox .txtBox .btn_more:before {width:1px; height:51px; transform:translate(0, -50%); border-width:0 1px 0 0;}
.banner144 .widget_wrap .contBox .txtBox .btn_more::after {width:51px; height:1px; transform:translate(-50%, 0); border-width:1px 0 0 0;}
	.banner144 .widget_wrap .contBox .txtBox .btn_more:hover {background-color:inherit;}
    .banner144 .widget_wrap .contBox .txtBox .btn_more:hover::before,
    .banner144 .widget_wrap .contBox .txtBox .btn_more:hover::after {transform:translate(0,0); transform:rotate(45deg);}

.banner144 .widget_wrap .contBox .imgBox {display:flex; justify-content:flex-end; align-items:center; height:80%; box-sizing:border-box; overflow:hidden;}
.banner144 .widget_wrap .contBox .imgBox .imgArea {width:70%; height:100%; box-sizing:border-box; overflow:hidden;}
.banner144 .widget_wrap .contBox .imgBox .imgArea img {display:block; width:100%; max-width:100%; height:100%;}



/* border-radius */
.border-radius .banner144 {border-radius:15px;}
.border-radius .banner144 .widget_wrap .contBox .txtBox .btn_more {border-radius:15px;}


	@media (min-width:1300px){
		
	}
	@media (max-width:1299px) and (min-width:799px){
		
	}
	@media (min-width:900px){
		.banner144 .widget_wrap .contBox .txtBox .btn_more {width:151px; height:151px;}
		.banner144 .widget_wrap .contBox .txtBox .btn_more:hover::before {top:69px; height:41px;}
		.banner144 .widget_wrap .contBox .txtBox .btn_more:hover::after {top:60px; left:55px; width:41px;}

		/* 정렬에 따라 이미지 텍스트 박스 위치 변경 */
		.banner144 .widget_wrap[style*="left"] .contBox {flex-direction:row-reverse;} 
		.banner144 .widget_wrap[style*="left"] .contBox .txtBox:not([style*="left"]):not([style*="center"]) {text-align:right !important; padding-left:0; padding-right:30px;}
		.banner144 .widget_wrap[style*="left"] .contBox .imgBox {justify-content:flex-start;}

		.banner144 .widget_wrap[style*="right"] .contBox {flex-direction:row;} 
		.banner144 .widget_wrap[style*="right"] .contBox .txtBox:not([style*="right"]):not([style*="center"]) {text-align:left !important; padding-left:30px; padding-right:0;}

		.banner144 .widget_wrap[style*="center"] .contBox {flex-direction:center;}
		.banner144 .widget_wrap[style*="center"] .contBox .imgBox {width:100% !important; justify-content:center;}
		.banner144 .widget_wrap[style*="center"] .contBox .imgBox .imgArea {width:50%; margin:100px 80px 0;}
		.banner144 .widget_wrap[style*="center"] .contBox .txtBox {width:100% !important; justify-content:center; padding:0 0 50px 0 !important;}
		.banner144 .widget_wrap[style*="center"] .contBox .txtBox .btn_more {position:absolute; bottom:50px; right:auto; left:50%; transform:translateX(-50%);}
		.banner144 .widget_wrap[style*="center"] .contBox .txtBox .txtArea {width:80%; padding:100px 0 250px;}

		/* border-radius */
		.border-radius .banner144 .widget_wrap:not([style*="center"]) .contBox .txtBox .btn_more {bottom:20px; right:20px;}
		.border-radius .banner144 .widget_wrap .contBox .imgBox .imgArea,
		.border-radius .banner144 .widget_wrap[style*="right"] .contBox .imgBox .imgArea {border-radius:15px 0 0 15px;}
		.border-radius .banner144 .widget_wrap[style*="left"] .contBox .imgBox .imgArea {border-radius:0 15px 15px 0;}
		.border-radius .banner144 .widget_wrap[style*="center"] .contBox .imgBox .imgArea {border-radius:15px 15px 0 0;}
	}
	@media (max-width:899px){
		.banner144 .widget_wrap .contBox {flex-direction:center;}
		.banner144 .widget_wrap .contBox .imgBox {justify-content:center;}
		.banner144 .widget_wrap .contBox .imgBox .imgArea {width:50%; margin:100px 80px 0;}
		.banner144 .widget_wrap .contBox .txtBox {justify-content:center; padding:0 0 50px 0 !important; text-align:center;}		
		.banner144 .widget_wrap .contBox .txtBox .btn_more {position:absolute; bottom:50px; right:auto; left:50%; transform:translateX(-50%); width:121px; height:121px;}
		.banner144 .widget_wrap .contBox .txtBox .btn_more:hover::before {top:56px; height:31px;}
		.banner144 .widget_wrap .contBox .txtBox .btn_more:hover::after {top:49px; left:45px; width:31px;}
      .banner144 .widget_wrap .contBox .txtBox .txtArea {width:80%; padding:80px 0 180px;}	

		.banner144 .widget_wrap .contBox .txtBox .txtArea p + p {margin-top:50px;}
		
		/* border-radius */
		.border-radius .banner144 .widget_wrap .contBox .imgBox .imgArea {border-radius:15px 15px 0 0 !important;}
	}
	@media (max-width:799px){
		
	}	
	@media (max-width:599px){

	}