/*교직과정 sub0104 사범계학과 */
.plan_box {
	padding: 20px 0 40px;
	display: flex;
	gap: 30px;
}


.plan_box>div {position: relative;flex: 1;}

.plan_box>div:before {
	content: "";
	display: block;
	position: absolute;
	left: -25px;
	top: 55%;
	width: 20px;
	height: 43px;
	background: url(/_res/u1/yedu/img/content/plan_arr.png) no-repeat;
}

.plan_box>div.plan1:before {
	display: none;
}

.plan_box>div.plan1:before {
	display: none;
}

.plan_box>div h5 {
	margin: 0 auto;
	width: 141px;
	background: url(/_res/u1/yedu/img/content/plan_tit.png) no-repeat;
	color: #fff;
	text-align: center;
	line-height: 141px;
}

.plan_box>div div {
	margin: 30px auto 0;
	width: auto;
	height: calc(100% - 171px);
	border: 1px solid #ebebeb;
}

.plan_box>div div h6 {
	padding: 15px 0;
	background: #f5f5f5;
	font-size: 16px;
	color: #a52d69;
	text-align: center;
}

.plan_box>div div ul {
	padding: 20px 15px;
}

.plan_box>div div ul li {
	padding-left: 10px;
	background: url(/yedu/img/sub1/plan_list_bul.png) no-repeat 0 10px;
	word-wrap: break-word;
	word-break: keep-all;
}


@media all and (max-width:1024px) {
	.plan_box {flex-direction: column;}
	.plan_box>div:before {display: nonel}
}

.type02 .brief-wrap{display: grid;column-gap:48px;row-gap: 40px;grid-template-columns: 1fr 1fr;}
.type02 .brief-box{overflow: hidden;padding: 40px;box-sizing: border-box;border-radius: 6px;margin: 0;border: 3px solid #D3D3D3;}
.type02 .brief-box .left-box {float: left;width: 150px;}
.type02 .brief-box .left-box .article-chk {position:static !important;}
.type02 .brief-box .left-box img{width:100%;max-width: 150px;border-radius: 8px;}
.type02 .brief-box .right-box{float: left;box-sizing: border-box;padding: 0 0 0 40px;}
.type02 .brief-box .right-box p{padding: 0 0 10px 0;margin: -5px 0 15px 0;border-bottom: 5px solid #DCDCDC;font-size: 30px;font-weight: 700;line-height: 43px;position: relative;color: #000;}
.type02 .brief-box .right-box p:before{content: '';width: 40px;height: 5px;position: absolute;bottom: -5px;left: 0;background: #F2BA43;}
.type02 .brief-box .right-box p:after{content: '';width: 80px;height: 5px;position: absolute;bottom: -5px;left: 40px;background: #454A5E;}
.type02 .brief-box .right-box p span{font-size: 17px;font-weight: 500;line-height: 25px;color: #222;}
.type02 .brief-box .right-box dl{margin-bottom: 6px;display: flex;}
.type02 .brief-box .right-box dl:last-child{margin-bottom: 0;}
.type02 .brief-box .right-box dl dt{font-size: 15px;font-weight: 700;line-height: 23px;letter-spacing: -0.03em;padding-right: 10px;width: 72px;color: #555555;}
.type02 .brief-box .right-box dl dd{font-size: 15px;font-weight: 400;line-height: 23px;letter-spacing: -0.03em;color: #555555;width: calc(100% - 82px);}
.type02 .brief-box .right-box dl a{color: #555555;}

@media screen and (max-width:1200px) {
	.type02 .brief-wrap{gap: 20px;}
}
@media screen and (max-width:1024px) {
	.type02 .brief-wrap{grid-template-columns: 1fr;}
}
@media screen and (max-width:768px) {
	.type02 .brief-box .left-box {float: none;width: 100%;text-align: center;}
	.type02 .brief-box .right-box{float: none;width: 100%;padding:0;}
	.type02 .brief-box .right-box p{padding: 20px 0 15px 0;margin: 0 0 15px 0;}
}        
@media screen and (max-width:350px) {
	.type02 .brief-box .right-box p{font-size: 19px;}
	.type02 .brief-box .right-box p span{font-size: 16px;padding: 0 0 0 5px;}
	.type02 .brief-box .right-box dl{flex-direction: column;}
	.type02 .brief-box .right-box dl dt{width: 100%;}
	.type02 .brief-box .right-box dl dd{width: 100%;}
}