/* sub02_01 ì‚¬ì—…ë‹¨í˜„í™© */
.bg_status .box{width: 100%;} 
.bg_status .box .item{display: block;position: relative;padding:12px 60px 13px 25px;;border: 1px solid #ddd;border-left: 0;border-right: 0;    border-bottom: none;line-height:26px;}
.bg_status .box + .box .item{border-top: 0}

.bg_status.accodion1 .box .item:focus,
.bg_status.accodion1 .box .item:active{border: 1px solid #0076d3;border-right:none}

.bg_status.accodion2 .box .item:focus,
.bg_status.accodion2 .box .item:active{border: 1px solid #01718d;border-right:none}

.bg_status .box .item .middot{position: absolute;left: 20px;top: 23px;width: 5px;height: 5px;background:#3b3b3b;border-radius: 50%;}
.bg_status .box .item b{display:inline-block;position:relative;vertical-align:middle;color:#363636;font-size:17px;font-weight:bold;line-height:26px;word-break: break-all;}
.bg_status .box .item p{position: absolute;display: block;right: 0;top: 0;background: #7a7a7a;    width: 50px; margin: 0;padding: 7px 0;padding: 13px 0;}
.bg_status .box .item:after{content: "";display: block;position: absolute;top: 19px;left: 12px;width: 4px;height: 10px;background: #74a4c8;border-radius: 10px;border-top: 3px solid #185d9c;line-height:24px;}

.bg_status .box .item p span{color: #fff;font-size: 14px;font-weight: bold;text-align: center;}
.bg_status .box .item p span.close{display: none;}
.bg_status .box .item p span.open{display: block;}
.bg_status.accodion1 .box.show .item p{background: #0b419b}
.bg_status.accodion2 .box.show .item p{background: #01718d}
.bg_status.accodion1 .box.show .item .middot{background:#006acc;}
.bg_status.accodion1 .box.show .item b{color:#006acc;}
.bg_status.accodion2 .box.show .item .middot{background:#01718d;}
.bg_status.accodion2 .box.show .item b{color:#01718d;}
.bg_status .box.show .item p span.open{display: none;}
.bg_status .box.show .item p span.close{display: block;}
.bg_status .box .item p span em{display: block;width: 18px;height: 8px;margin: 10px auto;background: url(/_res/ajou/gs/img/common/sub0201_arr.png) no-repeat;}
.bg_status .box .item p span.open em{background-position: 0 0;}
.bg_status .box .item p span.close em{background-position: 0 -8px;}
.bg_status .box .inner{display:none;padding: 28px 20px 0 20px;position: relative;background-color: #f3f3f3;}

.bg_status .box .inner > ul > li{overflow: hidden; font-size: 16px;padding: 0 45px 0 10px;}
.bg_status .box .inner > ul > li.intro{margin-top: 10px}
.bg_status .box .inner > ul > li b{float: left; width: 100px; color: #232323;line-height: 23px;}
.bg_status .box .inner > ul > li span{float: left;width: 84%; color: #565656;line-height: 23px;}
.bg_status .box .inner .btnwrap{position: absolute;bottom: 30px;right: 20px;}
.bg_status .box .inner .btnwrap .btn.btn-file{display: inline-block;position: relative;padding: 8px 10px 6px 20px;background: #fff;border: 1px solid #dcdcdc;font-size: 14px; font-weight: 400; text-align: center;margin: 0 10px 0px 0;}
.bg_status .box .inner .btnwrap .btn.btn-file .bico.home{display: inline-block; position: relative;width: 32px; height: 32px;margin-left: 5px; background: url(/_res/cit-bk21/img/common/btn_home.png);}
.bg_status.accodion2 .box .inner .btnwrap .btn.btn-file .bico.home{background-position: -31px 0;}


@media screen and (max-width: 1024px) {
	
	
}
@media screen and (max-width: 768px) {
	.bg_status .box .inner ul li{line-height: 22px;padding: 0 20px 0 10px;font-size: 14px;}
	.bg_status .box .item{line-height:20px;font-size:15px;}
	.bg_status .box .item:after {top: 16px;}
	.bg_status .box .item p {padding: 9px 0 20px 0;height: 100%;box-sizing: border-box;}
}
@media screen and (max-width: 420px) {
	
	
	
}