@charset "UTF-8";

	/* SUB PAGE // intro */
/* 	.intro{} */
/* 	.intro .subTitArea{} */
/* 	.intro .contArea{padding: 0 0 0 30px;} */
/* 	.intro .contArea .para{color: #333; font-size: 16px; line-height: 26px;} */
/* 	.intro .contArea .systemInfo{color: #858585; font-size: 16px; padding: 23px 0 0 3px;} */
/* 	.intro .systemInfo li{padding-bottom: 11px;} */
/* 	.intro .systemInfo li:last-of-type{padding-bottom: 5px;} */
/* 	.intro .contArea .serviceCategory{padding: 13px 0 0;} */
	.serviceCategory{margin: 12px 0;}
	.serviceCategory .item{
		background: url("../../static/image/sub/intro/greenGraBg.png") repeat-x 0 0; color: #00AA91; font-size: 18px; line-height: 57px; letter-spacing: -1px;
		border: 1px solid #00AA91; display: inline-block; float: left; position: relative; margin-right: 15px; padding: 0 20px;
	}
	.serviceCategory .item:not(:last-of-type):before{content: ""; width: 15px; height: 1px; background: #00AA91; position: absolute; top: 50%; right: -16px;}
	.serviceCategory .item:nth-of-type(-n+6){margin-bottom: 20px;}
	.serviceCategory .item:nth-of-type(6):before, .intro .contArea .serviceCategory li:last-of-type:before{content: ""; display: none;}
	.intro .contArea .changeFlow{padding-top: 25px;}
	.changeFlow .flowYear{margin-bottom: 4px;}
	.changeFlow .flowYear .yearBox:nth-of-type(1){width: 195px;}
	.changeFlow .flowYear .yearBox:not(first-child){width: 270px;}
	.changeFlow .flowYear .yearTooltip{
		width: 76px;
		background: #D1EBF7;
		color: #346193;
		font-size: 13px; text-align: center;
		letter-spacing: -1px;
		border-radius: 10px;
		position: relative;
		margin: 0 auto;	padding: 5px 0;
	}
	.changeFlow .flowYear .yearTooltip:before{
		content: "";
		border-top: 5px solid #D1EBF7; border-left: 5px solid transparent; border-right: 5px solid transparent;
		position: absolute; left: calc(50% - 5px); bottom: -5px;
	}
	.changeFlow .flowBox{}
	.changeFlow .flowBox:nth-of-type(n+1){padding: 10px 11px 0 0;}
	.changeFlow .flowBox:nth-of-type(n+3){width: 270px; border-left: 2px dashed #E7F3FA; padding: 0 5px;}
	.changeFlow .flowBox .level{width: 145px; background: #0190D5; color: #FFF; font-size: 22px; text-align: center; line-height: 58px; border-radius: 30px; margin-bottom: 50px;}
	.changeFlow .flowBox .level:last-of-type{margin-bottom: 35px;}
	.changeFlow .flowBox .stepTit{
		background: url("../../static/image/sub/intro/decoArr.png") no-repeat 7px 0;
		color: #363636;
		font-size: 18px;
		line-height: 77px;
		margin-bottom: 30px; padding: 0 10px 0 18px;
	}
	.changeFlow .flowBox .stepTit .point{background: #5FD9A1; color: #FFF; font-size: 18px; line-height: 28px; border: 1px solid #FFF; border-radius: 5px; padding: 0 10px;}
	.changeFlow .flowBox ul{width: 223px; min-height: 90px; background: #F9F9F9; border-radius: 10px; margin: 0 auto; padding: 13px 17px 10px;}
	.changeFlow .flowBox li{color: #0190D5; font-size: 13px; font-weight: 300; text-indent: -15px; margin-left: 15px;}
	.changeFlow .flowBox li:before{content: "\2022"; color: #0190D5; font-size: 25px; line-height: 0; vertical-align: -3px; margin-right: 3px;}
	.changeFlow .flowBox .targUsr{
		width: 223px;
		background: #F2F2F2;
		color: #727070;
		font-size: 13px; font-weight: 300;
		line-height: 48px;
		border-radius: 10px;
		margin: 35px auto 0; padding: 0 20px;
	}
	.changeFlow .flowBox .targUsr .point{background: #FFF; color: #1A1A1A; font-size: 13px; font-weight: 300; line-height: 24px; margin-right: 10px; padding: 0 10px;}
	.intro .targetGraph{padding-left: 15px;}
	.intro .targetGraph img{border: 1px solid #ECECEC;}

@media screen and (min-width: 991px){
	.pageTitPnl .pageTit{font-size: 36px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.pageTitPnl .pageTit{font-size: 28px;}
}
@media screen and (min-width: 576px){
	.pageTitPnl .pageTit{letter-spacing: -2px; padding-left: 0; padding-right: 0;}
	.pageTitPnl .pageTit:before, .pageTitPnl .pageTit:after{height: 30px; top: .56em;}
	.pageTitPnl .pageTit:before{left: -100px;}
	.pageTitPnl .pageTit:after{right: -100px;}
}
@media screen and (max-width: 575px){
	.pageTitPnl .pageTit{font-size: 18px;}
	.pageTitPnl .pageTit:before, .pageTitPnl .pageTit:after{height: 20px; top: .6em;}
	.pageTitPnl .pageTit:before{left: -65px;}
	.pageTitPnl .pageTit:after{right: -65px;}
}

/* 아래 확인후 삭제 예정 */
@media screen and (max-width: 960px){
	.serviceCategory .item{width: calc(50% - 7.5px); font-size: 16px; text-align: center; margin: 0 0 20px; padding: 0;}
	.serviceCategory .item:nth-of-type(even){margin-left: 15px;}
	.serviceCategory .item:nth-of-type(even):before{display: none;}
	.serviceCategory .item:nth-last-of-type(-n+2){margin-bottom: 0;}
}
@media screen and (max-width: 760px){
	.intro{padding-top: 25px;}
	.wrap .intro .pageTitArea h3{font-size: 20px; padding-bottom: 5px; margin-bottom: 20px;}
	.wrap .intro .subTitArea{padding-top: 0;}
	.intro .contArea{padding-left: 5px;}
	.intro .contArea .para.systemInfo{padding: 15px;}
	.intro ul.para > li, .intro ol.para > li{margin-bottom: 0;}
	.intro .systemInfo li:last-of-type{margin-bottom: 0;}
	.intro .contArea .para:not(.systemInfo){color: #333; font-size: 13px; line-height: 24px; padding: 12px 15px;}
}