/*------------------------------------------------------------------------------------------------------
메인비주얼
---------------------------------------------------------------------------------------------------------*/

/*.visual_img {top: 130px!important;}
	@media (max-width: 768px) {
		.visual_img {top: 120px!important;}
	}
	@media all and (min-width: 769px) and (max-width: 1462px) {
		.visual_img {top: 100px!important;}
	}*/

/*.visual_img .carousel-item {min-width: 100%; height: 470px;}
	@media screen and (max-width: 768px) {
		.visual_img .carousel-item {max-height: 250px;}
	}
	@media screen and (min-width: 576px) and (max-width: 991px) {
		.visual_img .carousel-item {height: 350px;}
	}
	@media screen and (min-width: 992px) {
		.visual_img .carousel-item {height: 710px;}
	}*/
.visual_img .carousel-item img {display: block; max-height: 100%; object-fit: contain; object-position: center;}
	@media screen and (min-width: 992px) {
		.visual_img .carousel-item img {
			width: 100%; height: auto;/* max-width: 1200px; max-height: 470px;
			vertical-align: middle; object-fit: cover;*/
		}
	}

	/*-----------------------
	메인카피
	-----------------------*/

.banner_wrap {
	background-image:url(/~2000scholar/main/images/bg_left.png), url(/~2000scholar/main/images/bg_right.png); background-size:248px 194px, 356px 535px; background-position:left/* 270px*/ center ,right/* 150px*/ center; background-repeat:no-repeat, no-repeat; background-attachment:fixed, fixed;
}
@media all and (min-width: 320px) and (max-width: 56.25em) {
	.banner_wrap {background:none;}
}

/*------------------------------------------------------------------------------------------------------
박스배너
---------------------------------------------------------------------------------------------------------*/
.box_wrap {
display:-webkit-flex;
display:-moz-flex;
display:-o-flex;
display:-ms-flex;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
/*justify-content:flex-start;*/
align-items:flex-start;
}
/*.box_wrap > section {width: calc(100% / 4 - 20px);} width 4등분하고 양쪽에 10px 여백 
@media all and (min-width: 320px) and (max-width: 56.25em) {
	.box_wrap > section {margin:0 auto;}
}*/

.box_wrap > section > a {display:block; box-sizing:border-box; width:290px; height:330px; padding:20px 16px; text-decoration:none;}
.box_wrap > section > a:hover {
background-color:#f4f4f4;
color:#000;
}
.box_wrap > section > a > div {
display:-webkit-flex;
display:-moz-flex;
display:-o-flex;
display:-ms-flex;
display:flex;
flex-direction:column;
flex-wrap:wrap;
/*justify-content:space-between;
justify-content:flex-start;*/
align-items:flex-start;
width:256px; height:290px; outline:1px solid #fff;
}
.box_wrap > section > a > div > .icon_box {width:100%; height:138px; text-align:center;}
.box_wrap > section > a > div > h3 {
width:100%; margin:20px auto; padding:0;
font-weight:500;
}
.box_wrap > section > a > div > .pbtn {width:145px; height:30px; line-height:30px; margin:0 auto; padding:0; background-color:#ffcc30; outline:2px solid #333;}
.box_wrap > section > a:hover > div > .pbtn {background:none;}
.box_wrap > section > a > div > p {
box-sizing:border-box; width:100%; padding:0 15px; word-break:break-all; word-break:keep-all;
font-size:16px; line-height:20px;
}

/*-------------------------
장학금 종류
-------------------------*/
.type_box {background-color:#ffc30c;}
.type_box .icon_box {background:rgba(252, 148, 148, 0.3) url(/~2000scholar/main/images/box_1.png) center center no-repeat;}
.box_wrap > section.type_box > a:hover > div > .icon_box {background:rgba(255, 255, 255, 0.3) url(/~2000scholar/main/images/box_1_hover.png) center center no-repeat;}

/*-------------------------
으뜸스쿨
-------------------------*/
.pro_box_1 {background-color:#b9d649;}
.pro_box_1 .icon_box {background:rgba(125, 151, 26, 0.3) url(/~2000scholar/main/images/box_2.png) center center no-repeat;}
.box_wrap > section.pro_box_1 > a:hover > div > .icon_box {background:rgba(255, 255, 255, 0.3) url(/~2000scholar/main/images/box_2_hover.png) center center no-repeat;}

/*-------------------------
드림스쿨
-------------------------*/
.pro_box_2 {background-color:#007f89;}
.pro_box_2 .icon_box {background:rgba(8, 191, 201, 0.3) url(/~2000scholar/main/images/box_3.png) center center no-repeat;}
.box_wrap > section.pro_box_2 > a:hover > div > .icon_box {background:rgba(255, 255, 255, 0.3) url(/~2000scholar/main/images/box_3_hover.png) center center no-repeat;}
.box_wrap > section.pro_box_2 > a > div > h3, .box_wrap > section.pro_box_2 > a > div > p {color:#fff;}
.box_wrap > section.pro_box_2 > a:hover > div > h3, .box_wrap > section.pro_box_2 > a:hover > div > p {color:#353535;}

/*-------------------------
비전스쿨
-------------------------*/
.pro_box_3 {background-color:#005b91;}
.pro_box_3 .icon_box {background:rgba(109, 177, 217, 0.3) url(/~2000scholar/main/images/box_4.png) center center no-repeat;}
.box_wrap > section.pro_box_3 > a:hover > div > .icon_box {background:rgba(255, 255, 255, 0.3) url(/~2000scholar/main/images/box_4_hover.png) center center no-repeat;}
.box_wrap > section.pro_box_3 > a > div > h3, .box_wrap > section.pro_box_3 > a > div > p {color:#fff;}
.box_wrap > section.pro_box_3 > a:hover > div > h3, .box_wrap > section.pro_box_3 > a:hover > div > p {color:#353535;}

/*------------------------------------------------------------------------------------------------------
미니리스트
---------------------------------------------------------------------------------------------------------*/
.minilist_wrap ul {border-top: 3px solid #282828; border-bottom: 3px solid #282828;}
.tab li {
	width: calc(100% / 3); /*padding-left: 3rem; padding-right: 3em;*/
	font-size: 1.125rem; cursor: pointer;
}
.tab li a {transform:translateY(-50%); right: 0.8rem;}

/*------------------------------------------------------------------------------------------------------
장학기금참여방법
---------------------------------------------------------------------------------------------------------*/
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_banner img {display: none;}
		.join_text {text-align: center;}
	}

/*.join_banner {background:url(../main/images/join_banner_bg.png) center 21px no-repeat; background-size:100%;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_banner {padding:20px 0; background:none; background-color:#f4f4f4;}
	}
	
.join_banner > .container .join_text {margin:60px 0 0 150px; padding:0; position:absolute; left:0; top:0;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_banner > .container .join_text {margin:0 auto; position:relative;}
	}*/

.join_banner {background:url(../main/images/join_banner_bg.png) center 21px no-repeat;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_banner {margin-bottom:3rem; padding:20px 0; background:none; background-color:#f4f4f4;}
	}
.join_banner > .container .join_text {margin:60px 0 0 50px; padding:0; position:absolute; left:0; top:0;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_banner > .container .join_text {margin:0 auto; position:relative;}
	}

.join_text > h2 {
	margin:0; padding:0 0 0 0; text-align:left;
	color:#fff; font-weight:500;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_text > h2 {
			text-align:center;
			color:#000;
		}
	}
	
.join_text > h2 span {color:#ffc30c;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_text > h2 span {color:#ea3a3a;}
	}
	
.join_text > h3 {
	width:462px; text-align:left;
	font-size:16px; color:#fff; font-weight:300;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_text > h3 {
			width:100%; text-align:center;
			color:#353535;
		}
		
.join_text > a {
	padding:10px 50px; background-color:#ffc30c; border-radius:50px; border:3px solid #505063;
	color:#000; font-weight:400;
}
/*.join_bank {color: #f4f4f4!important;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.join_text > a {float:none; display: inline-block; min-width: 160.217px; margin: 1px 0;}
		.join_bank {color: #000;}
	}*/