@import url("/_res/bucheon/bcu/css/depart-contract.css"); 

.top-contract-box .contract-txt-box{top:104px;}
.top-contract-box .contract-txt-box .title-p{padding:0 0 54px;font-weight:700;font-size:30px;line-height:34px;color:#111;}
.bottom-contract-box > div .img-box{padding:20px 0 45px;}
.bottom-contract-box .obj-list{display:flex;flex-wrap:wrap;padding:0 80px 30px 80px;border-bottom:1px solid #eee;}
.bottom-contract-box .obj-list li{position:relative;padding:0 10px 7px 10px;width:50%;font-size:16px;line-height:26px;color:#333;box-sizing:border-box;}
.bottom-contract-box .obj-list li:before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#646464;border-radius:50%;}
.bottom-contract-box .major-box{padding:30px 0 0;background:url(/_res/bucheon/bcu/img/depart/bg-contract01-01.jpg)no-repeat 0 0/cover;}
.bottom-contract-box .major-box .title{padding:0 0 35px;font-weight:900;font-size:20px;line-height:25px;color:#fff;text-align:center;}
.bottom-contract-box .major-box{margin:40px 0 0;padding:43px 0 38px;background:url(/_res/bucheon/bcu/img/depart/bg-contract01-01.jpg)no-repeat 0 0/cover;}
.bottom-contract-box .major-box > div{padding:0 110px;}
.bottom-contract-box .major-box > div:after{content:'';display:block;clear:both;}
.bottom-contract-box .major-box > div > div{float:left;width:50%;}
.bottom-contract-box .major-box ol li{padding:0 0 15px;}
.bottom-contract-box .major-box ol li span{display:inline-block;color:#fff;vertical-align:top;}
.bottom-contract-box .major-box ol li .number{margin:0 10px 0 0;width:25px;height:25px;border-radius:50%;background:#f9971b;font-weight:500;font-size:15px;line-height:25px;text-align:center;box-sizing:border-box;}
.bottom-contract-box .major-box ol li .txt{width:calc(100% - 40px);font-weight:300;font-size:16px;line-height:26px;color:#fff;}

.bottom-contract-box .info-box{padding:0 0 40px;}
.bottom-contract-box .info-box:last-of-type{padding:0;}
.bottom-contract-box .info-box .info-title{padding:16px 0;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:500;font-size:21px;line-height:40px;color:#111;text-align:center;}
.bottom-contract-box .info-box.info01 .info-title{background-color:#eff4f4;}
.bottom-contract-box .info-box.info02 .info-title{background-color:#efeff4;}
.bottom-contract-box .info-box .info-title span{display:inline-block;padding:0 0 0 55px;}
.bottom-contract-box .info-box.info01 .info-title span{background:url(/_res/bucheon/bcu/img/depart/bg-depart-intro04.png)no-repeat left center;}
.bottom-contract-box .info-box.info02 .info-title span{background:url(/_res/bucheon/bcu/img/depart/bg-depart-intro05.png)no-repeat left center;}

.bottom-contract-box .info-box .info-list-box{display:flex;padding:35px 40px 30px 40px;border:1px solid #eff4f4;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.bottom-contract-box .info-box.info02 .info-list-box{border-color:#efeff4;}
.bottom-contract-box .info-box .info-list-box > div{flex:1;}
.bottom-contract-box .info-box .info-list-box > div:after{content:'';display:block;clear:both;}
.bottom-contract-box .info-box .info-list-box > div.col02{flex:2.5;}
.bottom-contract-box .info-box .info-list-box > div > div{float:left;width:50%;}
.bottom-contract-box .info-box .info-list-box > div p{padding:0 0 20px;font-weight:500;font-size:16px;color:#111;}
.bottom-contract-box .info-box .info-list-box .info-list > li{position:relative;padding:0px 10px 10px 10px;font-weight:200;font-size:16px;line-height:26px;color:#555;}
.bottom-contract-box .info-box .info-list-box .info-list > li:before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:50%;background-color:#646464;}
.bottom-contract-box .info-box .info-list-box .info-list > li span{font-weight:400;}
.bottom-contract-box .info-box .info-list-box .info-list > li > ul > li{position:relative;padding:0 0 0 8px;}
.bottom-contract-box .info-box .info-list-box .info-list > li > ul > li:before{content:'';position:absolute;top:12px;left:0;width:4px;height:1px;background-color:#646464;}

@media screen and (max-width:1024px){
	.top-contract-box{margin:0;padding:0 0 55px;border-bottom:0;}
	.top-contract-box .contract-txt-box .title-p{padding:0 0 30px;}
	
	.bottom-contract-box .obj-list{padding:0 0 30px;}
	.bottom-contract-box .major-box > div{padding:0 30px}
}

@media screen and (max-width:768px){
	.top-contract-box{padding:0 0 30px;}
	.top-contract-box .contract-txt-box .title-p{padding:0 0 10px;font-size:23px;line-height:28px;}
	.bottom-contract-box > div .img-box{padding:20px 0;}
	.bottom-contract-box .obj-list{display:block;}
	.bottom-contract-box .obj-list li{padding:0 0 5px 10px;width:100%;font-size:14px;line-height:24px;}
	
	.bottom-contract-box .major-box{margin:20px 0 0;padding:30px 0 10px;}
	.bottom-contract-box .major-box .title{padding:0 0 20px;font-size:16px;line-height:21px;}
	.bottom-contract-box .major-box > div{padding:0 15px;}
	.bottom-contract-box .major-box > div > div{float:none;width:100%;}
	.bottom-contract-box .major-box ol li{padding:0 0 10px;}
	.bottom-contract-box .major-box ol li .number{width:24px;height:24px;font-size:13px;line-height:24px;}
	.bottom-contract-box .major-box ol li .txt{font-size:14px;line-height:24px;}
	
	.bottom-contract-box .info-box{padding:0 0 20px;}
	.bottom-contract-box .info-box .info-title{padding:10px 0;font-size:18px;line-height:28px;}
	.bottom-contract-box .info-box .info-title span{padding:0 0 0 40px;background-size:28px !important;}
	.bottom-contract-box .info-box .info-list-box{flex-wrap:wrap;padding:15px 15px 0;}
	.bottom-contract-box .info-box .info-list-box > div{flex:unset;padding:0 10px 15px 0;width:50%;box-sizing:border-box;}
	.bottom-contract-box .info-box .info-list-box > div > div{float:none;width:100%;}
	.bottom-contract-box .info-box .info-list-box > div p{padding:0 0 10px;}
	.bottom-contract-box .info-box .info-list-box .info-list > li{padding:0 0 5px 10px;font-size:14px;line-height:24px;}
	.bottom-contract-box .info-box .info-list-box .info-list > li:before{top:11px;width:3px;height:3px;}

}

@media screen and (max-width:460px){
	.bottom-contract-box .info-box .info-list-box{display:block;}
	.bottom-contract-box .info-box .info-list-box > div{padding:0 0 10px 0;width:100%;}
}