@charset "UTF-8";


/*전체감싸기*/
	.historyList{position:relative;font-size:1.04em !important;}

/*이미지들*/
	.historyList .hisMainImg{width:35%;min-height:470px;background:url(../images/his_01.jpg) no-repeat;top:0px;left:0px;}
	/*Tablet*/
	@media only screen and (max-width:860px){
	.historyList .hisMainImg{}
	}
	.hisBgImg_01{width:148px;height:148px;background:url(../images/hisBg_01.png) no-repeat;top:35px;right:0px;}
	/*Tablet*/
	@media only screen and (max-width:860px){
	.hisBgImg_01{width:75px;height:75px;}
	}
	.hisBgImg_02{width:94px;height:94px;background:url(../images/hisBg_02.png) no-repeat;top:595px;left:245px;}
	/*Tablet*/
	@media only screen and (max-width:860px){
	.hisBgImg_02{width:47px;height:47px;}
	}
/*공통사항*/
	.historyList .hisMainImg,
	.historyList .hisBgImg_01,
	.historyList .hisBgImg_02{background-size:100%;background-position:center top !important;position:absolute;}
	/*이미지들공통사항Tablet*/
	@media only screen and (max-width:860px){
	.historyList .hisMainImg,
	.historyList .hisBgImg_01,
	.historyList .hisBgImg_02{}
	}
	/*이미지들공통사항Mobile*/
	@media only screen and (max-width:460px){
	.historyList .hisMainImg,
	.historyList .hisBgImg_01,
	.historyList .hisBgImg_02{display:none;}
	}

/*목록*/
	.historyList > ul > li{margin-left:40%;}
	.historyList > ul > li > h3{font-size:18px;color:#FFF;text-align:center;line-height:100%;width:83px;text-indent:-10px;height:60px;padding-top:32px;clear:both;background:url(../images/hisYearBg.png) no-repeat left top;}
	.historyList > ul > li > dl{background:url(../images/hisYearBg3.png) repeat-y left top;margin-left:34px;margin-top:-10px;}
	.historyList > ul > li > dl > dt{font-weight:bold;font-size:16px;padding-left:25px;background:url(../images/bul_01.png) no-repeat left;}
	.historyList > ul > li > dl > dd{padding:0 0 20px 25px;}
	/*Tablet*/
	@media only screen and (max-width:860px){
	}
	/*Mobile*/
	@media only screen and (max-width:460px){
	.historyList > ul > li{margin-left:0;margin-bottom:20px;}
	.historyList > ul > li > h3{margin:auto;width:auto;text-indent:0;height:auto;padding:13px 0;background:#00327b;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;}
	.historyList > ul > li > dl{width:auto;float:none;background:none;margin-top:10px;margin-left:15px;}
	.historyList > ul > li > dl > dt{padding-left:15px;background:url(../images/bul_dot_02.png) no-repeat left;}
	.historyList > ul > li > dl > dd{padding:0 0 10px 25px;border-bottom:1px solid #DDD;}
	}