@charset "utf-8";

/* 공통 */
.sub_history {width:80%; max-width:520px;}
.sub_history .hist_depth1 {display:flex; justify-content:space-between;}
.sub_history .hist_depth1 >li {width:100%; margin-left:5px; display:block; border:1px solid #e7e7e7; border-radius:10px; background:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.sub_history .hist_depth1 >li:not(:first-child) {background: url("/images/gnb_bl.png") #fff 92% center no-repeat;}
.sub_history .hist_depth1 >li:first-child {max-width:50px; padding:0; margin:0; text-align:center;}
.sub_history .hist_depth1 >li a {display: block; color:#111; line-height:50px; padding:0 20px; font-size:17px;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.sub_history .hist_depth1 >li:first-child a {padding:0;}
.sub_history .hist_depth1 >li a i {color:#aaa; font-size:19px;}
.sub_history .hist_depth1 >li:hover {background:#113a96; border-color:#113a96;}
.sub_history .hist_depth1 >li:last-child, .sub_history .hist_depth1 >li:not(:first-child):hover {background:url("/images/gnb_wh.png") #113a96 92% center no-repeat; border-color:#113a96;}
.sub_history .hist_depth1 >li:last-child > a, .sub_history .hist_depth1 >li:hover > a, .sub_history .hist_depth1 >li:hover a i {color:#fff;}

.sub_history .hist_depth1 .active {position:relative;}
.sub_history .hist_depth1 .active:hover {}
.sub_history .hist_depth1 .active:hover .hist_depth2 {display:block; opacity:1;}
.sub_history .hist_depth2 {display:none; position:absolute; top:51px; right:0; width:100%; text-align:left; z-index:99; border:1px solid #ddd; padding:10px; border-radius:10px; background: #fff; opacity:0;}
.sub_history .hist_depth2 li a {display:block; padding:10px; color:#888; font-weight: normal; font-size:16px; line-height:20px; 
transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.sub_history .hist_depth2 li a:hover {background:#f1f4fa; color:#111;}



@media (max-width:969px){
	.sub_history .hist_depth1 >li {border-radius:8px;}
	.sub_history .hist_depth1 >li a {line-height:45px; padding:0 15px; font-size:16px;}
	.sub_history .hist_depth1 >li a i {font-size:18px;}
	.sub_history .hist_depth2 {top:46px; padding:8px; border-radius:8px;}
	.sub_history .hist_depth2 li a {padding:10px; font-size:15px; line-height:18px;}
	
 }
 
@media (max-width:639px){
	.sub_history {width:100%;}
	.sub_history .hist_depth1 >li {border-radius:6px; margin-left:4px;}
	.sub_history .hist_depth1 >li:first-child {max-width:45px;}
	.sub_history .hist_depth1 >li:not(:first-child), .sub_history .hist_depth1 >li:last-child, .sub_history .hist_depth1 >li:not(:first-child):hover {background-size:10px;}
	.sub_history .hist_depth1 >li a {line-height:42px; padding:0 12px; font-size:15px;}
	.sub_history .hist_depth1 >li a i {font-size:17px;}
	.sub_history .hist_depth2 {top:43px; padding:6px; border-radius:6px;}
	.sub_history .hist_depth2 li a {padding:8px; font-size:14px; line-height:16px;}
	
 }
 
@media (max-width:639px){
	.sub_history .hist_depth1 >li a {font-size:14px; padding:0 10px;}
	.sub_history .hist_depth1 >li a i {font-size:16px;}
	.sub_history .hist_depth1 >li:not(:first-child), .sub_history .hist_depth1 >li:last-child, .sub_history .hist_depth1 >li:not(:first-child):hover {background-size:8px;}
	.sub_history .hist_depth2 {padding:0px;}
	.sub_history .hist_depth2 li a {padding:8px; letter-spacing:-0.04em;}
	
 }