@charset "utf-8";

/* 연혁  */
.his_lst_wrap {position:relative;min-height: 20rem;}
.his_tab_left{ width:270px; float:left; }
.his_lst_wrap .his_tab {position:relative; display:block; overflow:hidden; }
.his_lst_wrap .his_tab a {position:relative; display:inline-block; padding:0 .25rem; color:#666; font-size:1.1rem; font-family:"SCDream"; font-weight:400; color:#555; letter-spacing:-1px; -moz-transition:color 0.3s; -webkit-transition:color 0.3s; -ms-transition:color 0.3s; transition:color 0.3s; }
.his_lst_wrap .his_tab a > span {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; }
.his_lst_wrap .his_tab + .his_tab{margin-top:1rem; }
.his_lst_wrap .his_tab a:before{position:absolute; bottom:0; left:50%; width:0; height:15px; background:#e8ecf5; content:""; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); border-radius:10px; -webkit-transition:width 0.3s; -ms-transition:width 0.3s; -moz-transition:width 0.3s; transition:width 0.3s; z-index:-1; }
.his_lst_wrap .his_tab a:after{position:absolute; top:50%; left:calc(100% + 1rem); width:0; height:2px; background:#22499d; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:""; -webkit-transition:width 0.3s; -ms-transition:width 0.3s; -moz-transition:width 0.3s; transition:width 0.3s; }
.his_lst_wrap .list_box {display:none; position:relative; width:calc(100% - 270px); height:auto; padding-left:2rem; float:right; }
.his_lst_wrap .list_box .hisLst > li{ overflow:hidden; padding:1.5rem 0; border-bottom:2px dotted #cecece; }
.his_lst_wrap .list_box .hisLst > li:first-of-type{padding-top:0; }
.his_lst_wrap .list_box .hisLst > li .year{ float:left; width:100px; font-family:"SCDream"; font-weight:700; font-size:1.1rem; color:#000; }
.his_lst_wrap .list_box .hisLst > li .his_detail{float:left; width:calc(100% - 100px);}
.his_lst_wrap .list_box .hisLst > li .his_detail > li{overflow:hidden; font-size:.9rem; }
.his_lst_wrap .list_box .hisLst > li .his_detail > li + li { margin-top:.75rem; }
.his_lst_wrap .list_box .hisLst > li .his_detail > li > strong{width:70px; float:left; color:#333; font-weight:600; font-family:"SCDream"; }
.his_lst_wrap .list_box .hisLst > li .his_detail > li > span{width:calc(100% - 70px); float:left; color:#555; }
.his_lst_wrap .list_box.on {display:block; }
.his_lst_wrap .his_tab a.on {color:#22499d; font-weight:700; font-size:1.3rem; }
.his_lst_wrap .his_tab a.on:before{ width:100%;}
.his_lst_wrap .his_tab a.on:after{width:80px; }

#histList .col-sm-12{position: relative;}
#histList .col-sm-12 .dtpic{width:100%; }
#histList .col-sm-12 .ui-datepicker-trigger{position:absolute;top:50%;right:.25rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

@media (max-width:1440px){

	/* 연혁  */
	.his_tab_left{width:200px; }
	.his_lst_wrap .list_box{width:calc(100% - 200px); }
	.his_lst_wrap .his_tab a{font-size:1rem; }
	.his_lst_wrap .his_tab a.on{font-size:1.1rem; }
	.his_lst_wrap .list_box .hisLst > li .year{width:60px; font-size:.95rem; }
	.his_lst_wrap .list_box .hisLst > li .his_detail{width:calc(100% - 60px); }
	.his_lst_wrap .list_box .hisLst > li .his_detail > li > strong{width:50px; }
	.his_lst_wrap .list_box .hisLst > li .his_detail > li > span{width:calc(100% - 50px); }	
}

@media (max-width:1024px){

	/* 연혁  */
	.his_tab_left{width:130px; }
	.his_lst_wrap .list_box{width:calc(100% - 130px); padding-left:1rem; }
	.his_lst_wrap .his_tab a:after{display:none; }		
}

@media (max-width:600px){

	/* 연혁  */
	.his_tab_left{width:110px; }
	.his_lst_wrap .list_box{width:calc(100% - 110px); }
	.his_lst_wrap .his_tab a,
	.his_lst_wrap .his_tab a.on{font-size:.95rem; }
	.his_lst_wrap .his_tab ~ .his_tab{top:2rem; }
	.his_lst_wrap .list_box{padding-left:.5rem; }
	.his_lst_wrap .list_box .hisLst > li .year{display:block; width:100%; float:none; font-size:.85rem; }
	.his_lst_wrap .list_box .hisLst > li .his_detail{display:block; width:100%; float:none; margin-top:.25rem; }
	.his_lst_wrap .list_box .hisLst > li .his_detail > li{width:calc(100 - 60px); font-size:.8rem; }
	.his_lst_wrap .list_box .hisLst > li .his_detail > li > strong{display:block; width:100%; float:none; }
	.his_lst_wrap .list_box .hisLst > li .his_detail > li > span{display:block; width:100%; float:none; }

}