@charset "utf-8";

/* ==============================
 * main
================================= */
.isMain .msec03 {display:none !important} /* 대학원 요청 : pms 231030 글 확인 */ 
.isMain .msec04 .msec .mIcban1 .item:nth-last-child(1),
.isMain .msec04 .msec .mIcban1 .item:nth-last-child(2) {display:block} 
@media all and (min-width:1000px) {
	.isMain .msec04 {padding-bottom:80px}
	.isMain .msec04 h3.m-tit {position:absolute;left:0;top:20px;}
	.isMain .msec04 .msec .mIcban1 {margin-top:-20px;padding-left:350px;;justify-content:flex-end}
	.isMain .mIcban1 .item {width:calc(( 100% - 60px ) / 4)}
	.isMain .mIcban1 .item:nth-child(5n) {margin-right:20px;}
	.isMain .mIcban1 .item:nth-child(4n),
	.isMain .msec04 .msec .mIcban1 .item:last-child {margin-right:0}
}
@media all and (max-width:1459px) and (min-width:1000px) {
	.isMain .msec04 h3.m-tit {padding-left:30px}
}

@media all and (max-width:1199px) and (min-width:1000px) {
	.isMain .msec04 .msec .mIcban1 {padding-left:250px}
}

/* ==============================
 * contents
================================= */
/* 요람 */
.bookletList {width:100%;display:flex;flex-wrap:wrap;}
.bookletList > li {width:30%;margin:0 1.66% 40px 1.66%;text-align:center;}
.bookletList .inBox {display:inline-block;max-width:320px;width:100%;margin:0 auto;}
.bookletList .img {border:1px solid #ddd;}
.bookletList .img img {width:100%;}
.bookletList .txt {font-weight:500;line-height:1.1em;padding:32px 0 28px 0;}
.bookletList .year {display:block;font-size:1.667em;color:#000000;padding-bottom:10px;}
.bookletList .btnBox {display:flex;justify-content:center;}
.bookletList .btnBox a.btn {position:relative;display:inline-block;width:49%;font-weight:500;color:#3e536b;border:1px solid #ddd;box-sizing:border-box;border-radius:20px;padding:10px 16px 10px 18px;overflow:hidden;transition:all .3s ease;}
.bookletList .btnBox a.btn:before {content:"";display:block;position:absolute;top:0;right:-30px;border-radius:30px;width:0;height:100%;transition:all .45s cubic-bezier(0.65, 0, 0.076, 1)}
.bookletList .btnBox a.btn span {display:block;position:relative;text-align:left;padding:0 36px 0 0;transition:all .3s ease;}
.bookletList .btnBox a.btn span:after {content:"";display:block;position:absolute;top:50%;right:0;background:url(/resources/_Img/Common/style_spr.png) no-repeat -175px -124px;width:24px;height:24px;margin-top:-13px;}
.bookletList .btnBox a.btn span.down:after {background-position:-140px -124px;}
.bookletList .btnBox a.btn:focus span,
.bookletList .btnBox a.btn:hover span {color:#fff;}
.bookletList .btnBox a.btn:focus:before,
.bookletList .btnBox a.btn:hover:before {left:-30px;right:auto;width: calc(100% + 60px);background:#142e5d;border-color:#142e5d;}
.bookletList .btnBox a.btn:focus span:after,
.bookletList .btnBox a.btn:hover span:after {background-position:-175px -159px;}
.bookletList .btnBox a.btn:focus span.down:after,
.bookletList .btnBox a.btn:hover span.down:after {background-position:-140px -159px;}
.bookletList .btnBox > a:last-child {margin-left:2%;}
.bookletList .btnBox > a:first-child {margin-left:0;}

@media all and (min-width:1000px) {
	#mainNavi .depth2-wrap .mn_a2.over span,
	#mainNavi .depth2-wrap .mn_a2.over span,
	#mainNavi .depth2-wrap .mn_a2.over:focus span,
	#mainNavi .depth2-wrap .mn_a2.over:hover span {color:#fff !important;}
}
@media all and (max-width:999px) {
	.bookletList .btnBox {display:block;}
	.bookletList .btnBox a.btn {display:block;width:100%;margin-left:0 !important;}
	.bookletList .btnBox > a:first-child {margin-bottom:10px;}
}
@media all and (max-width:499px) {
	.bookletList > li {width:46%;margin:0 2% 40px 2%;}
}