@charset "utf-8";

/* [S]운영목적 */
.operation-goal {max-width: 87rem;margin: 3rem auto 0;}
.operation-goal .box {position: relative;display: flex;width: 22.5rem;flex-direction: column;}
.operation-goal .box::before {content: '';position: absolute;left: 50%;margin-left: -.05rem;background: #a6a6a6;bottom: -4rem;width: 1px;height: 4rem;}
.operation-goal .box::after {content: '';position: absolute;left: 50%;margin-left: -.05rem;background: #a6a6a6;top: -4rem;height: 4rem;width: 1px;}
.operation-goal .box .tit {display: flex;justify-content: center;align-items: center;}
.operation-goal .info {padding: 2.1rem 2rem ;background: #f7f7f7;border-radius: 0 0 1rem 1rem;flex: 1;}
.operation-goal .info li {position: relative;margin-bottom: .6rem;padding-left: 2rem;font-family: pm;font-size: 1.7rem;color: #555;}
.operation-goal .info li:last-child {margin-bottom: 0;}
.operation-goal .info li::before {content: '';position: absolute;left: 0;top: 1.1rem;width: .8rem;height: .2rem;background: #424242;}
.operation-goal .top {position: relative;margin-bottom: 4rem;padding-bottom: 4rem;}
.operation-goal .top::before {content: '';position: absolute;left: 50%;;bottom: 0;width: calc(100% - 22.5rem);height: 1px;background: #a6a6a6;transform: translateX(-50%);}
.operation-goal .top .box {margin: 0 auto;}
.operation-goal .top .box::after {display: none;}
.operation-goal .middle {position: relative;margin-bottom: 4rem;padding-bottom: 4rem;}
.operation-goal .middle::before {content: '';position: absolute;left: 50%;;bottom: 0;width: calc(100% - 22.5rem);height: 1px;background: #a6a6a6;transform: translateX(-50%);}
.operation-goal .middle::after {content: '';position: absolute;left: 50%;bottom: -4rem;width: 1px;height: 4rem;margin-left: -.5rem;background: #a6a6a6;}
.operation-goal .middle > ul {display: flex;justify-content: space-between;}
.operation-goal .bottom {position: relative;padding-right: 1rem;}
.operation-goal .bottom::before {display: none; content: '';position: absolute;left: 50%;;top: 0;width: calc(100% - 22.5rem);height: 1px;background: #a6a6a6;transform: translateX(-50%);}
.operation-goal .bottom > ul {position: relative;}
.operation-goal .bottom > ul::before {display: none; content: '';position: absolute;left: 50%;;bottom: 0;width: calc(100% - 22.5rem);height: 1px;background: #a6a6a6;transform: translateX(-50%)}
.operation-goal .bottom .box.last::before {display: none;}
.operation-goal .box1 .tit {padding: 1.55rem 2rem;background: url('../../images/sub/bg-tit-box1.png') no-repeat center / cover;font-size: 2.6rem;font-family: sm;color: #fff;border-radius: 1rem 1rem 0 0;}
.operation-goal .box2 .tit {padding: 2.1rem 2rem 1.6rem;background: url('../../images/sub/bg-tit-box2.png') no-repeat center / cover;font-size: 2.2rem;font-family: sl;color: #fff;border-radius: 1rem 1rem 0 0;}
.operation-goal .box3 .tit {padding: 2.05rem 2rem;border: 1px solid #00aae5;font-size: 1.8rem;font-family: pm;color: #00aae5;border-radius: 1rem;}
.operation-goal .bottom > ul {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.operation-goal .bottom .box3 {margin-bottom: 4rem}
.operation-goal div.box3 {margin: 0 auto;}

@media screen and (max-width: 768px) {
	.operation-goal .box {width: 18.5rem;}
	.operation-goal .info li {padding-left: 1.6rem;font-size: 1.6rem;}
	.operation-goal .info li::before {top: 1rem;}
	.operation-goal .box1 .tit {font-size: 2.1rem;}
	.operation-goal .box2 .tit {font-size: 1.9rem;}
	.operation-goal .box3 .tit {font-size: 1.7rem;}
	.operation-goal .top::before {width: calc(100% - 18.5rem);}
	.operation-goal .middle::before {width: calc(100% - 18.5rem);}
	.operation-goal .bottom::before {width: calc(100% - 18.5rem);}
	.operation-goal .bottom::after {width: calc(100% - 18.5rem);}
	.operation-goal .bottom > ul::before {width: calc(100% - 18.5rem);}
}
/* [E]운영목적 */