@charset "utf-8";


/* 공통 */
.fontB{font-family: 'NotoM';}
.tit1{margin:0 0 10px;}


/* 0101 소개 */
.intrcnBox{text-align:center; font-size:18px; letter-spacing: -1px; word-break: keep-all; line-height:1.2;}
.intrcnBox p{font-weight: bold; color:#266ed4; font-size:22px; margin:0 0 10px;}
.intrcnBox table tr td{word-break: keep-all;}



/*0101_연혁*/
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:18px; letter-spacing: -1px; color:#fff; text-align:center; background:url('/images/web/welfare/sub/bg_history.png') no-repeat;box-sizing: content-box;}
.history_box h3 span {display:block; font-size:24px; line-height:30px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:100px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}


/* 인사말 */
.greeting_box {position:relative; padding-left:280px; color:#555; letter-spacing:-1px; word-break:keep-all; }
.greeting_img {position:absolute; left:0; top:0;}
.greeting_tit {font-size:26px; font-family:'NotoM'; color:#005bac;}
.greeting_tit span {color:#000;}
p.greeting_txt {margin-top:30px; font-size:16px; line-height:1.6;}

/* 취업가이드 */
.tale_e_book {overflow:hidden;}
.tale_e_book li {position:relative; width:31%; margin-left:3.5%; float:left;}
.tale_e_book li:first-child {margin-left:0;}
.tale_e_book li a {display:block; height:448px; border:1px solid #b2b7c7; }
.tale_e_book li a span.img {display:block; padding:19px 0; text-align:center; border-bottom:1px solid #b2b7c7; background:url("/images/web/welfare/sub/pt_ebook.png") repeat;}
.tale_e_book li a p {padding:0 60px 0 100px; font-size:20px; line-height:58px; color:#222; background:url("/images/web/welfare/sub/btn_ebook.png") no-repeat right center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tale_e_book li a p span {position:absolute; left:0; bottom:0; width:80px; height:80px; background:#005bac url("/images/web/welfare/sub/ico_ebook.png") no-repeat center;}
.tale_e_book li a:hover p {background-position:95% center;}

/********** Media quary **********/
@media screen and (max-width:1019px) {
	
	/* 인사말 */
	.greeting_box {padding-left:30%;}
	.greeting_img {width:27%;}
	.greeting_img img {max-width:100%;}
	.greeting_tit span {display:block;}
	p.greeting_txt br {display:none;}
	
	

}

@media screen and (max-width:860px) {
	
	/* 취업가이드 */
	.tale_e_book li {width:31%; margin-left:3.5%; float:left;}
	.tale_e_book li a {height:auto; }
	.tale_e_book li a span.img {padding:19px;}
	.tale_e_book li a span.img img {max-width:100%}
	.tale_e_book li a p {padding:0 60px 0 20px; font-size:17px;}
	.tale_e_book li a p span {left:auto; bottom:auto; right:0; top:0;}



	


}

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

	/* 인사말 */
	.greeting_box {padding:0;}
	.greeting_img {position:relative; left:auto; top:auto; width:50%; margin:0 auto 30px; text-align:center;}
	.greeting_tit span {display:inline;}
	

}

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

	/* 취업가이드 */
	.tale_e_book li {width:100%; margin:0 0 20px; float:none;}

	
	
}

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

		/*0101_연혁*/
	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}


}

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

	
}

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

	

}