/*교직과정 sub0103 교직설치학과 */
.vision_goal>div {position: relative;margin-bottom: 30px;padding: 0;}
.vision_goal>div:after {content: "";display: block;clear: both;visibility: hidden;}
.vision_goal>div.strategy {margin-bottom: 0;}
.vision_goal>div .lcon {float: left;width: 20%;}
.vision_goal>div .lcon h5 {display: block;position: relative;margin: 0;padding: 55px 0;width: 117px;font-size: 20px;background: url(/_res/u1/yedu/img/content/vision_tit2.png) no-repeat;font-weight: bold;color: #fff;text-align: center;background-size: contain;}
.vision_goal>div .lcon h5:before {content: "";display: block;position: absolute;top: 50%;right: -40px;width: 40px;border-top: 1px solid #cacaca;}
.vision_goal>div .lcon h5:after {content: "";display: block;position: absolute;top: 46%;right: -50px;width: 11px;height: 11px;background: url(/_res/u1/yedu/img/content/vision_tit_dot.png) no-repeat;}
.vision_goal>div .rcon {float: right;	position: relative;padding-top: 60px;width: 80%;}
.vision_goal>div.goal .rcon {padding-top: 50px;}
.vision_goal .vision .lcon h5 {	background: url(/_res/u1/yedu/img/content/vision_tit1.png) no-repeat;background-size: contain;}
.vision_goal div p, .vision_goal div ul li {font-size: 16px;font-weight: bold;color: #333;line-height: 18px;}
.vision_goal div ul li:first-child {margin-bottom: 5px;}

.tit {display: block;padding-bottom: 50px;font-size: 26px;font-weight: bold; color: #a52d69;text-align: center;}
.field_plan:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
.field_plan div {
	float: left;
	width: 33.3%;
	min-height: 252px;
	background: url(/_res/u1/yedu/img/content/plan_box.png) no-repeat 50% 0;
	text-align: center;
}

.field_plan div h5 {
	position: relative;
	padding: 70px 30px 0;
	font-size: 18px;
	color: #42486c;
}

.field_plan div h5:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 45%;
	width: 31px;
	border-top: 3px solid #2f3457;
}

.field_plan div ul {
	padding: 30px 90px 0;
	text-align: left;
}

.field_plan 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;
	font-size: 16px;
}

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

.plan_box:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}

.plan_box>div {
	position: relative;
	float: left;
	width: 30%;
	margin-left: 3.3%;
}

.plan_box>div:before {
	content: "";
	display: block;
	position: absolute;
	left: -25px;
	top: 55%;
	width: 20px;
	height: 43px;
	background: url(/yedu/img/sub1/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(/yedu/img/sub1/plan_tit.png) no-repeat;
	color: #fff;
	text-align: center;
	line-height: 141px;
}

.plan_box>div div {
	margin: 30px auto 0;
	width: 243px;
	min-height: 481px;
	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;
}


.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;height: 200px;}
.type02 .brief-box .left-box .article-chk {position:static !important;}
.type02 .brief-box .left-box img{width:100%;max-width: 150px;border-radius: 8px;height: 100%;object-fit: cover;}
.type02 .brief-box .right-box{float: left;width: calc(100% - 150px);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%;}
}


@media all and (max-width:1280px) {
	.organ1 .lv3>ul:before{left:87px;width:264px;}
	.vision_goal>div .lcon{width:30%;}
	.vision_goal>div .rcon{width:70%;}
	.field_plan div h5{padding-top:60px;}
	.field_plan div h5:before{left:44%;}
	.plan_box>div{margin-left:5%;}
	.plan_box>div:before{left:-11%;}
	.plan_box>div.plan1{margin-left:0;}
	.plan_box>div div{width:100%;min-height:525px;}
}


@media all and (max-width:1040px) {
	.organ1 .lv3>ul:before{left:20%;width:60%;}
	.field_plan div{background-size:auto;}
	.field_plan div ul{padding:25px 60px;}
	.plan_box>div div{min-height:440px;}
}

/**/
@media all and (max-width:995px) {
	.plan_box>div div{min-height:502px;}
}

@media all and (max-width:840px){
	/* 로그인 */
	.form_input {padding:0 100px 0 0;}
	.form_input input[type="submit"] {width:90px;}
	.field_plan div[class^=plan_]{width:253px;}
	.field_plan div.plan_1{float:none;display:block;margin:0 auto;}
	.field_plan div.plan_3{float:right;}
	.field_plan div ul{padding:25px 45px;}

	.plan_box>div{float:none;width:100%;margin:0 0 50px 0;}
	.plan_box>div:before{top:-35px;left:58.4%;width:43px;height:20px;background:url(/yedu/img/sub1/plan_arr_mo.png) no-repeat;}
	.plan_box>div:after{content:"";display:block;clear:both;visibility:hidden;}
	.plan_box>div h5{float:left;padding-left:37px;width:25%;text-align:left;box-sizing:border-box;}
	.plan_box>div div{float:left;margin:0;width:72%;min-height:auto;}


}


@media all and (max-width:800px){
	/****** 학과소개 *****/
	/* 학과소개 */
	.depart_intro .summary {padding:20px 3%;}
	.depart_intro .summary .call {position:relative; right:auto; top:auto; margin:10px 0 0 0;}	


	/* 찾아오시는길 */
	#map_canvas {height:300px;}
	.traffic_ul li strong {display:block; margin-bottom:5px;}
	.add_infor {padding:10px 0;}
	.add_infor li {padding:5px 3%; float:none; width:auto; border:0 !important;}
	.add_infor li span {margin-left:0;}


	/* 교수소개 */
	.staff_list li span.photo {width:85px; height:111px;}

	/* 사이트맵 */
	.sitemap {background:none;}
	.sitemap li {padding:0;}
	.sitemap li h4 {display:block; float:none; width:auto; background:#fcfcfc; padding:5px 0;}
	.sitemap li ul {float:none; width:auto; padding:10px 20px;}


}

@media all and (max-width:768px){
	/* 로그인 */
	.login_summery {float:none; width:80%; height:auto; padding:40px 10% 30px 10%;}
	.login_summery h4 {text-align:left; padding:0 0 0 105px;}
	.login_summery p {background-position:left top; background-size:80px auto; padding:50px 0 10px 105px; text-align:left; margin-top:-52px;}
	.login_summery p span {display:inline;}
	.login_form {float:none; width:80%; height:auto; padding:30px 10%;}

	/*연혁*/
	.history_head{background:url(../../common/img/sub1/bg_history_head.png) no-repeat left top;}
	
	.tit {font-size: 22px;padding: 0 0 30px;}


	/*교직과정 교직설치학과 */
	.vision_goal>div .lcon,
	.vision_goal>div .rcon{float:none;width:auto;}
	.vision_goal>div .lcon h5:before{top:auto;bottom:-30px;left:49%;height:30px;border-top:0;border-left:1px solid #cacaca;}
	.vision_goal>div .lcon h5:after{top:auto;bottom:-30px;left:44%;}
	.vision_goal>div .rcon,
	.vision_goal>div.goal .rcon{padding:40px 50px 0 50px;}
	.vision_goal>div .lcon h5 {margin: 0 auto;}
	.vision_goal div p, .vision_goal div ul li {text-align: center;}

	.plan_box>div:before{left:57.6%;}


	/* 비전 및 목표 */	
	.vision_summary > ul {background-position:center top; padding:75px 0 0 0;background-size:80px auto;}
	.vision_summary > ul > li {padding:0;}
	.vision_summary > ul > li strong {position:relative; left:auto; top:auto; display:block; background-position:left 7px; padding:0 0 0 10px;}
	.vision_summary > ul > li span {display:block;}
	.vision_summary {margin-bottom:40px;}
	.vision_infor .photo {float:none; width:auto; max-width:340px; margin:0 auto; padding:0 5%;}
	.vision_infor .txt {float:none; width:100%; margin-top:30px;}
}


@media all and (max-width:560px){

	.field_plan b{padding-bottom:20px;font-size:22px;}
	.field_plan div[class^=plan_]{float:none;margin:0 auto 20px;}
}