@charset "UTF-8";

/* SUB PAGE // devlp Tabs UI common */
	.devlp .tabsArea{border-bottom: 1px solid #0190D5; padding-top: 37px;}
	.devlp .tabsArea li{margin-left: 1px;}
	.devlp .tabsArea li:first-of-type{margin-left: 0;}
	.devlp .tabsArea li .tab{
		width: 100%; background: #F0F0F0; color: #404040; font-size: 18px; line-height: 50px;
		border: 1px solid #C0C0C0; border-bottom: 1px solid #0190D5; border-top-left-radius: 5px; border-top-right-radius: 5px;
		margin-bottom: -1px; padding: 0 22px;
	}
	.devlp .tabsArea li .tab.active{background: #FFF; color: #0190D5; border: 2px solid #0190D5; border-bottom: 1px solid #FFF; margin-top: -1px;}
	.devlp .tabPages{}
	.devlp .btnArea{padding: 55px 0 0;}
@media screen and (max-width: 860px){
	/* supporting Tablet device to mobile device */
	.devlp .tabsArea li{width: calc((100% - 3px) / 5);}
	.devlp .tabsArea li.doubleSize{width: calc(((100% - 3px) / 5) * 2);}
	.devlp .tabsArea li .tab{height: 40px; font-size: 15px; text-align: center; line-height: 30px; padding: 2px 7px;}
	.devlp .tabsArea li .tab.active{border-bottom: 1px solid #FFF; position: relative; z-index: 1; bottom: -1px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.devlp .tabsArea li .tab{font-size: 11px; line-height: normal;}
}