#mainVisual,
#mainVisual .visual,
#mainVisual .visual li { width: 100%; height: 720px; position: relative; overflow: hidden; background:rgba(27,40,77,.8); }
#mainVisual .visual li img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height: 100%; z-index:-1; opacity:.2; animation:vsImg 7.5s ease-in-out; -webkit-animation:vsImg 7.5s ease-in-out; -moz-animation:vsImg 7.5s ease-in-out; }
#mainVisual .visual li div { margin: 0 auto; width: 1280px; height: 720px; overflow: hidden; text-align: center; box-sizing:border-box; padding:0 15px; }
#mainVisual .visual li h2 { margin-top: 265px; font-size:32px; line-height:120%; color: #fff; letter-spacing: -.5px; }
#mainVisual .visual li h2 span { display: block; font-size:14px; line-height: 130%; margin-bottom: 8px; }
#mainVisual .visual li p { margin-top:30px; }
#mainVisual .visual li p a { display: block; margin: 0 auto; width:210px; height:48px; line-height: 46px; font-size:14px; box-sizing:border-box; border:2px solid #ebebeb; color: #fff; transition:all .3s; -webkit-transition:all .3s; }
#mainVisual .visual li p a:hover { background: rgba(255, 255, 255, 0.1); }
#mainVisual .bx-pager { position:absolute; bottom:40px; width:100%; left:0;  z-index:99; text-align:center; }
#mainVisual .bx-pager div { display:inline-block; margin:0 4px; }
#mainVisual .bx-pager a {display: block; width:12px; height:12px; text-indent:-9999px; border:2px solid #00b288; border-radius:50%; }
#mainVisual .bx-pager a.active { background: #00b288; }
#mainVisual .bx-controls-direction { position:absolute; z-index:99; top:50%; margin-top:-24px; left:0; width:100%; }
#mainVisual .bx-controls-direction a { position:absolute; width:48px; height:48px; display:block; cursor:pointer; text-indent:-9999px; }
#mainVisual .bx-prev { left:0; background:url(/img/main/btn_prev.png) no-repeat; }
#mainVisual .bx-next { right:0; background:url(/img/main/btn_next.png) no-repeat; }



@keyframes vsImg {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}
@-webkit-keyframes vsImg {
	0% { -webkit-transform:scale(1); }
	100% { -webkit-transform:scale(1.1); }
}
@-moz-keyframes vsImg {
	0% { -moz-transform:scale(1); }
	100% { -moz-transform:scale(1.1); }
}

/*
.dealBox { width: 1280px; margin: 100px auto; overflow: hidden; }
.dealBox h3 { color: #1b284d; font-size:32px; line-height: 120%; }
.dealBox h3 span { display: block; margin-bottom: 5px; font-family: "Lato"; font-size:12px; line-height: 120%; font-weight: 700; letter-spacing: 2px; }
.dealBox p { margin-top: 20px; font-size:20px; line-height:150%; color: #1b284d; text-align: center; }
.dealBox p.txt { color: rgba(27, 40, 77, 0.8); font-size:14px; line-height: 200%; margin-top: 40px; text-align: left; }
.dealBox div { margin-top: 60px; overflow: hidden; }
.dealBox dl { float: left; width:25%; text-align: center; position: relative; }	
.dealBox dl:before { content: ""; display: block; width:1px; height:80px; background: rgba(27, 40, 77, 0.2); position: absolute; top: 12px; left: 0; }
.dealBox dl:first-child:before { display: none; }
.dealBox dt { font-size:16px; line-height:120%; color: #1b284d; }
.dealBox dd { margin-top:15px; font-size:22px; color: #000; }
.dealBox dd span { font-family: 'Frank Ruhl Libre', serif; color: #091445; font-weight: 900; font-size:70px; line-height: 120%; }
.dealBox dd span i { font-style:normal; }
.dealBox .tip { margin-top: -5px; text-align: center; font-size:15px; }
*/
.dealBox { position: relative; width:100%; }
.dealBox .box { width: 1280px; margin: 100px auto; overflow: hidden; }
.dealBox .box h3 { color: #1b284d; font-size:32px; line-height: 120%; }
.dealBox .box h3 span { display: block; margin-bottom: 5px; font-family: "Lato"; font-size:12px; line-height: 120%; font-weight: 700; letter-spacing: 2px; }
.dealBox .box p { margin-top: 20px; font-size:20px; line-height:150%; color: #1b284d; text-align: center; }
.dealBox .box p.txt { color: rgba(27, 40, 77, 0.8); font-size:14px; line-height: 200%; margin-top: 40px; text-align: left; }
.dealBox .box div { margin-top: 60px; overflow: hidden; }
.dealBox .box dl { float: left; width:25%; text-align: center; position: relative; }	
.dealBox .box dl:before { content: ""; display: block; width:1px; height:80px; background: rgba(27, 40, 77, 0.2); position: absolute; top: 12px; left: 0; }
.dealBox .box dl:first-child:before { display: none; }
.dealBox .box dt { font-size:16px; line-height:120%; color: #1b284d; }
.dealBox .box dd { margin-top:15px; font-size:22px; color: #000; }
.dealBox .box dd span { font-family: 'Frank Ruhl Libre', serif; color: #091445; font-weight: 900; font-size:70px; line-height: 120%; }
.dealBox .box dd span i { font-style:normal; }
.dealBox .box .tip { margin-top: -5px; text-align: center; font-size:15px; }

/* fund */
.dealBox .fund-box * { box-sizing:border-box; font-family:Pretendard; }
.dealBox .fund-box { position:absolute; right:50px; top:0; width:272px; }
.dealBox .fund-box .top dt { background:#1B284D; min-height:51px; padding:10px; text-align:center; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; font-weight:600; line-height:1.3 }
.dealBox .fund-box .top dd { background:#F9F9F9; padding:15px 10px; border:1px solid #DFDFDF; border-width:0 1px 1px; color:#1B284D; font-size:16px; font-weight:500; line-height:1.5; text-align:center }
.dealBox .fund-box .list td { padding:16px 16px 15px 10px; width:100px; text-align:right; color:#1B284D; font-size:16px; font-weight:300; line-height:1.3; border:1px solid #DFDFDF; border-width:0 1px 1px; }
.dealBox .fund-box .list th { text-align:left; padding:5px 10px 5px 20px; color:#222; font-size:16px; font-weight:600; line-height:1.3; border:1px solid #DFDFDF; border-width:0 1px 1px;  }
.dealBox .fund-box .list th span { display:block; margin-top:0; color:#666; font-size:12px; font-weight:300; }
.dealBox .fund-box .list li .stxt {  }

.rollBox { width: 100%; height: 580px; overflow: hidden; position: relative; background: #1b284d; }
.rollBox .offTit { width:220px; height:94px; line-height:94px; font-size:20px; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -220px; z-index:99; text-align: center; box-sizing:border-box; padding:0 40px; }
.rollBox .offTit h4 { color: #1b284d; font-weight: 500; float: left; }
.rollBox .offTit p { float: right; font-weight: 700; color: #839bad; }
.rollBox .offTit p span { color: #839bad;  }
.rollBox .offTit p span.point { color: #1b284d; }
.rollBox .btn { position: absolute; top: 0; left: 50%; z-index:999; }
.rollBox .btn a { display: block; width:100px; height:94px; float: left; background: #0d1732; position: relative;  }
.rollBox .btn a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto;  }
.rollBn,
.rollBn li { width: 100%; height:580px; overflow: hidden; position: relative; }
.rollBn li .img { float: left; width:50%; height:100%; position: relative; overflow: hidden; }
.rollBn li .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; opacity:.6; }
.rollBn .txt { float: right; width:50%; height:100%; display: table; box-sizing:border-box; padding:0 80px; }
.rollBn .txt dl { display: table-cell; vertical-align: middle; color: #fff; }
.rollBn .txt dt { font-size:32px; line-height: 120%; }
.rollBn .txt dd { margin-top: 20px; font-size:20px; line-height: 150%; }

.pgBox { width: 1280px; margin: 140px auto; overflow: hidden; }
.pgBox > div { float: left; width: 40%; box-sizing:border-box; padding-left:30px; }
.pgBox h3 { color: #1b284d; font-size:32px; line-height:140%; letter-spacing: -.5px; }
.pgBox p { margin-top: 30px; }
.pgBox p a { display: block; width:235px; height:48px; line-height: 48px; font-size:14px; box-sizing:border-box; border:1px solid #1b284d; text-align: center; color: #000; transition:all .3s; -webkit-transition:all .3s; }
.pgBox p a:hover { background: rgba(26, 40, 77, 0.1); }
.pgBox .txt { float: right; width:520px; overflow: hidden; margin-right:30px; }
.pgBox .txt > div { overflow: hidden; border-bottom:1px solid rgba(26,40,77,.4); padding:40px 0; }
.pgBox .txt > div:first-child { padding-top:0; }
.pgBox .txt > div:last-child { border-bottom:none; }
.pgBox .txt dl { overflow: hidden; }
.pgBox .txt dt { font-family: 'Frank Ruhl Libre', serif; color: #1b284d; font-size:26px; line-height:120%; font-weight: 900;  }
.pgBox .txt dt span { font-family: "Lato"; font-weight: 400; margin-left: 25px; }
.pgBox .txt dd { margin:8px 0 0 63px; font-size:17px; line-height: 120%; color: #1b284d; letter-spacing: -.7px; }
.pgBox .txt ul { margin:28px 0 0 63px; }
.pgBox .txt li { overflow: hidden; color:rgba(26, 40, 77, 0.8); font-size:15px; line-height: 120%; margin-top: 12px; background:url(/img/main/icon_check.png) no-repeat left center; padding-left:26px; box-sizing:border-box; }


.mainBox { background: #f4f4f4; overflow: hidden; padding:120px 0; } 
.mainBox > article { width: 1280px; margin: 0 auto; overflow: hidden; }
.mainBox .ceoImg { position: relative; overflow: hidden; }
.mainBox .ceoImg > img { position: absolute; top: 0; left: 70px; }
.mainBox .ceoImg > div { margin-top: 70px; width:100%; height: 600px; overflow: hidden; background: #fff; box-sizing:border-box; padding-left:470px; }
.mainBox .ceoImg dl { margin-top:120px; }
.mainBox .ceoImg dt { font-family: "Lato"; font-size:14px; color: #1b284d; font-weight: 700; letter-spacing: 2px; }
.mainBox .ceoImg dd { font-size:17px; line-height:120%; margin-top: 25px; color: #1b284d; letter-spacing: -.5px; box-sizing:border-box; padding:0 20px; }
.mainBox .ceoImg dd+dd { margin-top: 40px; }
.mainBox .ceoImg p { margin-top: 25px; }
.mainBox h3 { font-family: "Lato"; color: #1b284d; text-align: center; margin-top: 120px; font-size:32px; line-height: 130%; }
.mainBox h3 span { font-weight:700; font-size:14px; display: block;	line-height: 120%; }
.mainBox .team { overflow: hidden; }
.mainBox .team > li { float: left; margin:70px 0 0 70px; width: 262px; color: #1b284d; font-family: "Lato", "Noto Sans KR", sans-serif;  }
.mainBox .team > li:nth-child(4n+1) { margin-left: 0; }
.mainBox .team > li h4 { line-height: 120%; font-size:20px; margin-top: 5px; }
.mainBox .team > li div { margin-top: 8px; overflow: hidden; min-height: 150px; font-size:14px;}
.mainBox .team p { overflow: hidden; font-weight: 700; }
.mainBox .team p span { float: left; }
.mainBox .team p span:first-child:before { display: none; }
.mainBox .team p span:before { content: ""; display: block; float: left; width:1px; height:12px; background: #1b284d; margin:4px 7px 0; }
.mainBox .team div ul { margin-top:10px; overflow: hidden; }
.mainBox .team div li { line-height:150%; letter-spacing: -.8px; }
.mainBox .saBox { margin-top:80px; }
.mainBox .saBox > li { float: left; margin:0 0 30px 40px; width:400px; height:280px; background: rgba(26, 40, 77, 0.1); display: table; text-align: center; color: #1b284d; }
.mainBox .saBox > li:nth-child(3n+1) { margin-left: 0; }
.mainBox .saBox > li div { display: table-cell; vertical-align: middle; }
.mainBox .saBox > li div h4 { font-family: "Lato"; font-size:24px; line-height: 120%; }
.mainBox .saBox > li div div { margin-top: 15px; width: 100%; overflow: hidden; text-align: center; font-size:0; display: block; }
.mainBox .saBox > li div div p { display: inline-block; vertical-align: top; position: relative; font-size:14px; line-height:120%; }
.mainBox .saBox > li div div p+p:before { content: ""; display: block; float: left; width:1px; height:12px; background: #1b284d; margin:4px 7px 0; }
.mainBox .saBox > li ul { margin-top: 5px; }
.mainBox .saBox > li li { font-size:12px; line-height:120%; margin-bottom: 5px; }



.bn { height: 540px; overflow: hidden; background: #1b284d; }
.bn .img { float: left; width:50%; height:100%; position: relative; overflow: hidden;  }
.bn .frame { position:relative; height:540px; /* padding-top:28.125%; */ float:right;}
.bn .frame + .txt { text-align:right;}
.bn .frame iframe { position:absolute; left:50%; top:50%; width:70%; height:70%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
.bn .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width:100%; }
.bn .txt { float: right; width: 50%; box-sizing:border-box; padding:60px 0 0 40px; color: #fff;  }
.bn .txt > dl dt { font-family: "Lato"; font-size:32px; line-height:120%; }
.bn .txt > dl dd { margin-top: 8px; font-size:14px; }
.bn .txt p { margin-top:25px; }
.bn .txt p a { display: block; width:235px; height:48px; line-height: 48px; font-size:14px; box-sizing:border-box; border:1px solid #fff; text-align: center; color: #fff; transition:all .3s; -webkit-transition:all .3s; }
.bn .txt p a:hover { background: rgba(255, 255, 255, 0.1); }
.bn .txt > div { overflow: hidden; }
.bn .txt > div dl { margin-top: 30px; font-size:12px; }
.bn .txt > div dt { font-family: "Lato"; font-size:12px; font-weight: 700; line-height: 120%; }
.bn .txt > div dd { margin-top:8px; font-size:14px; line-height: 120%; }
.bn .txt > div > div { overflow: hidden; }
.bn .txt > div > div dl { float: left; margin-right: 50px; }


.bn2Top,
.bn2 { 
	font-family: 'S-CoreDream-4Regular';
	height: 540px; 
	overflow: hidden; background: #1b284d; 
	display:flex;
}
.bn2 .img { 
	height:100%; 
	position: relative; 
	overflow: hidden;  
	width:45%;
}
.bn2 .frame { position:relative; height:540px; /* padding-top:28.125%; */ float:right;}
.bn2 .frame + .txt { text-align:right;}
.bn2 .frame iframe { position:absolute; left:50%; top:50%; width:70%; height:70%;
transform:translate(-50%, -50%);
}
.bn2 .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width:100%; }
.bn2 .txt { 
	width:376px;
	box-sizing:border-box; 
	padding:60px 0 0 40px; 
	color: #fff;  
}
.bn2 .txt > dl dt { font-family: "Lato"; font-size:32px; line-height:120%; }
.bn2 .txt > dl dd { margin-top: 8px; font-size:14px; }
.bn2 .txt p { margin-top:25px; }
.bn2 .txt p a { display: block; width:235px; height:48px; line-height: 48px; font-size:14px; box-sizing:border-box; border:1px solid #fff; text-align: center; color: #fff; transition:all .3s; -webkit-transition:all .3s; }
.bn2 .txt p a:hover { background: rgba(255, 255, 255, 0.1); }
.bn2 .txt > div { overflow: hidden; }
.bn2 .txt > div dl { margin-top: 30px; font-size:12px; }
.bn2 .txt > div dt { font-family: "Lato"; font-size:12px; font-weight: 700; line-height: 120%; }
.bn2 .txt > div dd { margin-top:8px; font-size:14px; line-height: 120%; }
.bn2 .txt > div > div { overflow: hidden; }
.bn2 .txt > div > div dl { float: left; margin-right: 50px; }
.bn2Top b,
.bn2 b {
	font-family: 'S-CoreDream-6Bold';
}

.bn2Top .store,
.bn2 .store { 
	width:35.41666666666667%;
	background: #fff;
	text-align:center;
	color:#1b284d;

	display:flex; 
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.bn2 .store dl {
	
}

.bn2Top .store dt,
.bn2 .store dt {
	font-size:20px;
}

.bn2Top .store dd,
.bn2 .store dd {
	margin-top:23px;
	font-size:32px;
	font-family: 'S-CoreDream-6Bold';
}

.bn2Top .store p,
.bn2 .store p {
	margin-top:50px;
	font-size:16px;
}

.bn2Top .store p span,
.bn2 .store p span {
	color:#ffc24b;
}
.bn2Top .store ul,
.bn2 .store ul { 
	display:flex; 
	margin-top:26px;
	gap:20px;
	justify-content:center;
}

@media screen and (max-width:1800px) {
	.dealBox .fund-box { position:relative; right:unset; top:unset; width:calc(100% - 40px); max-width:600px; margin:50px auto; padding:0 20px; }
}
@media screen and (max-width:1200px) {

	#mainVisual,
	#mainVisual .visual,
	#mainVisual .visual li { height: 550px; }
	#mainVisual .visual li div { width: 100%; height: 100%; }
	#mainVisual .visual li h2 { margin-top: 200px; }
	#mainVisual .visual li p { margin-top:30px; }
	#mainVisual .bx-pager { bottom:20px; }

	.dealBox .box { box-sizing:border-box; padding:0 15px; margin:50px 0; width: 100%; }
	.dealBox .box p { margin-top: 10px; font-size:16px; }
	.dealBox .box p br { display: none; }
	.dealBox .box div { margin-top: 30px; }
	.dealBox .box dl { width:50%; margin-top: 20px; }	
	.dealBox .box dl:first-child:before,
	.dealBox .box dl:nth-child(3):before { display: none; }
	.dealBox .box dt { font-size:16px; line-height:120%; color: #1b284d; }
	.dealBox .box dd { margin-top:15px; font-size:22px; color: #000; }
	.dealBox .box dd span { font-size:45px; }

	.rollBox { overflow: hidden; /* height: calc(70vw + 250px); */ }
	.rollBox .offTit { top: 0; left: inherit; right: 0; margin:0; padding:0 10px; width:150px; height:60px; line-height:60px;  }


	.rollBox .offTit h4 { color: #1b284d; font-weight: 500; float: left; }
	.rollBox .btn { top: inherit; left: inherit; right: 0; bottom: 0;  }
	.rollBox .btn a { display: block; width:60px; height:55px; float: left; background: #0d1732; position: relative;  }
	.rollBox .btn a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto;  }
	.bx-controls { display: none; }
	.rollBn,
	.rollBn li { width: 100%; /* height: calc(70vw + 250px); */ overflow: hidden; position: relative; }
	.rollBn li .img { float: none; width:100%; height:55%; position: relative; }
	.rollBn li .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-width: 100%; opacity:.6; }
	.rollBn .txt { float: none; width:100%; height:200px; padding:25px 15px;  overflow: hidden; box-sizing:border-box; }
 	.rollBn .txt dl { display: inline-block; }
	.rollBn .txt dt { font-size:30px; line-height: 120%; }
	.rollBn .txt dd { margin-top: 20px; font-size:16px; line-height: 150%; }

	.mainBox { padding:50px 15px; } 
	.mainBox > article { width: 100%; }	
	.mainBox .ceoImg > img { top: 0; left: 50%; margin-left:-180px; }
	.mainBox .ceoImg > div { margin-top: 160px; height: auto; padding:15px; box-sizing:border-box; }
	.mainBox .ceoImg dl { margin-top:450px; text-align: center; }
	.mainBox .ceoImg dt { font-size:14px; }
	.mainBox .ceoImg dd { font-size:24px; margin-top: 25px; color: #1b284d; letter-spacing: -.5px; line-height: 130%;  }
	.mainBox .ceoImg p { margin-top: 15px; text-align: center; font-size:16px; }
	.mainBox .ceoImg p img { width:180px; }

	.mainBox h3 { margin-top: 50px;  }

	.mainBox .team > li { margin:30px 0 0 5%; width: 30%; }
	.mainBox .team > li:nth-child(4n+1) { margin-left: 5%; }
	.mainBox .team > li:nth-child(3n+1) { margin-left: 0; }
	.mainBox .team > li img { width: 100%; }
	.mainBox .team > li h4 { font-size:20px; margin-top: 5px; }
	.mainBox .team > li div { min-height: 160px; }
	.mainBox .team p span { float: none; width: 100%; display: block; }
	.mainBox .team p span:last-child:before { display: none; }
	.mainBox .team div ul { margin-top:10px; overflow: hidden; }
	.mainBox .team div li { line-height:150%; letter-spacing: -.8px; }
	
	.mainBox .saBox { margin-top:40px; }
	.mainBox .saBox > li { float: left; margin:0 0 30px 10px !important; width:49%; height:228px; box-sizing:border-box; background: rgba(26, 40, 77, 0.1); display: table; text-align: center; color: #1b284d; }
	.mainBox .saBox > li:nth-child(odd) { margin-left: 0 !important; }
	.mainBox .saBox > li div { display: table-cell; vertical-align: middle; }
	.mainBox .saBox > li div h4 { font-family: "Lato"; font-size:24px; line-height: 120%; }
	.mainBox .saBox > li div div { margin-top: 15px; width: 100%; overflow: hidden; text-align: center; font-size:0; display: block; }
	.mainBox .saBox > li div div p { display: inline-block; vertical-align: top; position: relative; font-size:14px; line-height:120%; }
	.mainBox .saBox > li div div p+p:before { content: ""; display: block; float: left; width:1px; height:12px; background: #1b284d; margin:4px 7px 0; }
	.mainBox .saBox > li ul { margin-top: 5px; }


	.pgBox { width: 100%; box-sizing:border-box; margin: 60px auto; padding:0 15px; }
	.pgBox > div { float: none; width: 100%; padding-left: 0;  }
	.pgBox h3 { color: #1b284d; font-size:32px; line-height:140%; letter-spacing: -.5px; }
	.pgBox p { margin-top: 30px; }
	.pgBox .txt { float: none; width:100%; margin-right: 0;  }
	.pgBox .txt > div { padding:30px 0; }
	.pgBox .txt > div:first-child { padding-top:30px; }
	.pgBox .txt dl { overflow: hidden; }
	.pgBox .txt dt { font-family: 'Frank Ruhl Libre', serif; color: #1b284d; font-size:26px; line-height:120%; font-weight: 900;  }
	.pgBox .txt dt span { font-family: "Lato"; font-weight: 400; margin-left: 25px; }
	.pgBox .txt dd { margin:8px 0 0 63px; font-size:18px; line-height: 120%; color: #1b284d; }
	.pgBox .txt ul { margin:28px 0 0 63px; }
	.pgBox .txt li { overflow: hidden; color:rgba(26, 40, 77, 0.8); font-size:16px; line-height: 120%; margin-top: 12px; background:url(/img/main/icon_check.png) no-repeat left center; padding-left:26px; box-sizing:border-box; }


	.bn { height: auto;  }
	.bn .img { float: none; width:100%; height:60vw; }
	.bn .frame { height:0; padding-top:56.25%;}
	.bn .img img { width:100%;  }
	.bn .txt { float: none; padding:25px 20px; width: 100%; overflow: hidden; }
	.bn .txt > dl dt { font-family: "Lato"; font-size:32px; line-height:120%; }
	.bn .txt > dl dd { margin-top: 8px; font-size:14px; }
	.bn .txt p { margin-top:25px; }
	.bn .txt p a { display: block; width:235px; height:48px; line-height: 48px; font-size:14px; box-sizing:border-box; border:1px solid #fff; text-align: center; color: #fff; transition:all .3s; -webkit-transition:all .3s; }
	.bn .txt p a:hover { background: rgba(255, 255, 255, 0.1); }
	.bn .txt > div { overflow: hidden; }
	.bn .txt > div dl { margin-top: 30px; font-size:12px; }
	.bn .txt > div dt { font-family: "Lato"; font-size:12px; font-weight: 700; line-height: 120%; }
	.bn .txt > div dd { margin-top:8px; font-size:14px; line-height: 120%; }
	.bn .txt > div > div { overflow: hidden; }
	.bn .txt > div > div dl { float: left; margin-right: 50px; }


}


@media screen and (max-width:1200px) {

	.mainBox { padding:50px 15px; } 
	.mainBox > article { width: 100%; }	
	.mainBox .ceoImg > img { top: 0; left: 50%; margin-left:-180px; }
	.mainBox .ceoImg > div { margin-top: 160px; height: auto; padding:15px; box-sizing:border-box; }
	.mainBox .ceoImg dl { margin-top:450px; text-align: center; }
	.mainBox .ceoImg dt { font-size:14px; }
	.mainBox .ceoImg dd { font-size:24px; margin-top: 25px; color: #1b284d; letter-spacing: -.5px; line-height: 130%;  }
	.mainBox .ceoImg p { margin-top: 15px; text-align: center; }
	.mainBox .ceoImg p img { width:180px; }

	.mainBox h3 { margin-top: 50px;  }


	.mainBox .team > li { margin:30px 0 0 5%; width: 30%; }
	.mainBox .team > li:nth-child(4n+1) { margin-left: 5%; }
	.mainBox .team > li:nth-child(3n+1) { margin-left: 0; }
	.mainBox .team > li img { width: 100%; }
	.mainBox .team > li h4 { font-size:20px; margin-top: 5px; }
	.mainBox .team > li div { min-height: 160px; }
	.mainBox .team p span { float: none; width: 100%; display: block; }
	.mainBox .team p span:last-child:before { display: none; }
	.mainBox .team div ul { margin-top:10px; overflow: hidden; }
	.mainBox .team div li { line-height:150%; letter-spacing: -.8px; }
	
	.mainBox .saBox { margin-top:40px; }
	.mainBox .saBox > li { float: left; margin:0 0 30px 10px !important; width:49%; height:228px; box-sizing:border-box; background: rgba(26, 40, 77, 0.1); display: table; text-align: center; color: #1b284d; }
	.mainBox .saBox > li:nth-child(odd) { margin-left: 0 !important; }
	.mainBox .saBox > li div { display: table-cell; vertical-align: middle; }
	.mainBox .saBox > li div h4 { font-family: "Lato"; font-size:24px; line-height: 120%; }
	.mainBox .saBox > li div div { margin-top: 15px; width: 100%; overflow: hidden; text-align: center; font-size:0; display: block; }
	.mainBox .saBox > li div div p { display: inline-block; vertical-align: top; position: relative; font-size:14px; line-height:120%; }
	.mainBox .saBox > li div div p+p:before { content: ""; display: block; float: left; width:1px; height:12px; background: #1b284d; margin:4px 7px 0; }
	.mainBox .saBox > li ul { margin-top: 5px; }

	
	
	/*팀원소개*/
	.mainBox .ceoImg > img { top: 0; left: 50%; margin-left:-125px; width: 250px; }
	.mainBox .ceoImg > div { margin-top: 80px;  }
	.mainBox .ceoImg dl { margin-top:350px; }
	.mainBox .ceoImg dt { font-size:14px; }
	.mainBox .ceoImg dd { margin-top: 10px; }
	.mainBox .ceoImg dd+dd { margin-top: 20px; font-size:16px; }
	.mainBox .ceoImg p { margin-top: 15px; text-align: center; }
	.mainBox .ceoImg p img { width:150px; }
	.mainBox h3 { margin-top: 50px; font-size:32px; }
	.mainBox .team { border-bottom:1px solid rgba(27, 40, 77, 0.2); overflow: hidden; padding-bottom:20px; }
	.mainBox .team > li { margin:30px 0 0 2% !important; width: 49%; }
	.mainBox .team > li:nth-child(2n+1) { margin-left: 0 !important; }
	.mainBox .team > li img { width: 100%; }
	.mainBox .team > li h4 { font-size:20px; margin-top: 5px; }
	.mainBox .team > li div { min-height: 180px; }
	.mainBox .team p span { float: none; width: 100%; display: block; }
	.mainBox .team p span:last-child:before { display: none; }
	.mainBox .team div ul { margin-top:10px; overflow: hidden; }
	.mainBox .team div li { line-height:150%; letter-spacing: -.8px; }
	.mainBox .saBox > li { float: none; margin:0 0 30px 0 !important; width:100%; }


	.mainBox .team {
		display:grid;
    grid-template-columns: repeat(2,1fr);
		gap:60px 15px;
	}
	.mainBox .team > li {
		margin:0 !important;
		width:auto;
	}

	.mainBox .team > li div {
		min-height:inherit;
	}

}

@media screen and (max-width:640px) {
		.bn .txt > dl dt { font-size:26px;}
}