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


.map004 {width:100%; clear:both;}
.map004 .wgtWrap {overflow:hidden;}
	/* 높이값 */
	.map004 .wgtWrap .hgt500 {height:500px;}
	.map004 .wgtWrap .hgt600 {height:600px;}
	.map004 .wgtWrap .hgt700 {height:700px;}


.map004 .wgtWrap .titWrap {position:relative; box-sizing:border-box;}
	.map004 .wgtWrap .titWrap .titLine {position:absolute; left:0; bottom:0; z-index:0; width:100%; height:3px; border-bottom:3px solid #115D8C;}
	.map004 .wgtWrap .titWrap .txtBg {position:relative; z-index:1; max-width:70%; box-sizing:border-box;}
	.map004 .wgtWrap .titWrap .txtBg .mapTit {box-sizing:border-box;}

.map004 .wgtWrap .contWrap {display:flex; align-items:stretch; position:relative; background:#f9f9f9; box-sizing:border-box; overflow:hidden;}
.map004 .wgtWrap .contWrap .pntBg {position:absolute; top:0; left:0; width:100%; height:50%; background:#115D8C;}
	.map004 .wgtWrap .contWrap .mapBox {position:relative; display:inline-block; width:50%; height:100%; box-sizing:border-box; overflow:hidden;}
	.map004 .wgtWrap .contWrap .mapBox a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}
	.map004 .wgtWrap .contWrap .mapBox a:focus {border:2px solid #000;}
	.map004 .wgtWrap .contWrap .mapBox img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:auto; min-width:100%; height:100%; box-sizing:border-box;}

	.map004 .wgtWrap .contWrap .contBox {position:relative; width:50%; height:100%; text-align:center; box-sizing:border-box;}
	.map004 .wgtWrap .contWrap .contBox .txtArea {display:flex; align-items:center; width:100%; height:50%; box-sizing:border-box;}
	.map004 .wgtWrap .contWrap .contBox .txtArea .txtAlign {display:inline-block; width:100%; vertical-align:middle; box-sizing:border-box;}
	.map004 .wgtWrap .contWrap .contBox .txtArea .txtAlign p:not(.btn) {text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all; overflow:hidden;}
	.map004 .wgtWrap .contWrap .contBox .txtArea .txtAlign .txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
	.map004 .wgtWrap .contWrap .contBox .txtArea .btn span {display:inline-block; max-width:40%; vertical-align:middle; }
	.map004 .wgtWrap .contWrap .contBox .txtArea .btn span a {display:block; width:100%; border:1px solid #115D8C; color:#115D8C; padding:10px 15px; margin:3px 2px; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden;}
	.map004 .wgtWrap .contWrap .contBox .txtArea .btn span:nth-child(2) a {background:#115D8C; color:#fff;}
	.map004 .wgtWrap .contWrap .contBox .topBox {background:#115D8C;}



/* layout */
.border-radius .map004 .wgtWrap .contWrap {border-radius:15px;}
.border-radius .map004 .wgtWrap .contWrap .contBox .btmBox {border-radius:0 0 10px 10px;}
.border-radius .map004 .wgtWrap .contWrap .contBox .txtArea .btn a {border-radius:20px;}



	@media (min-width:900px){
		.border-radius .map004 .wgtWrap .contWrap .mapBox {border-radius:10px;}
		.border-radius .map004 .wgtWrap .contWrap .contBox .topBox {border-radius:10px 10px 0 0;}
	}
	@media (max-width:899px){
		.map004 .wgtWrap .mt50 {margin-top:30px;}
		.map004 .wgtWrap .p50 {padding:30px;}
		.map004 .wgtWrap .contWrap .pntBg {height:25%;}
		.map004 .wgtWrap .contWrap {flex-direction:column; height:auto;}
		.map004 .wgtWrap .contWrap .mapBox {height:200px;}
		.map004 .wgtWrap .contWrap .mapBox img {width:100%; height:auto; min-height:100%;}
		.map004 .wgtWrap .contWrap .contBox,
		.map004 .wgtWrap .contWrap .contBox .txtArea {height:auto;}
		.map004 .wgtWrap .contWrap .contBox {padding:0;}
		.map004 .wgtWrap .contWrap .contBox .txtArea .txtAlign {padding:20px 30px;}

		.border-radius .map004 .wgtWrap .contWrap .mapBox {border-radius:10px 10px 0 0;}
		.border-radius .map004 .wgtWrap .contWrap .contBox .btmBox {border-radius:0 0 10px 10px;}
	}
	@media (max-width:599px){
		.map004 .wgtWrap .contWrap .contBox .txtArea .btn span {width:100%; max-width:none;}
	}