@charset "UTF-8";

/* SUB PAGE // devlp Tabs UI common */
	.info .tabsArea{border-bottom: 1px solid #0190D5; padding-top: 37px;}
	.info .tabsArea li{margin-left: 1px;}
	.info .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;
	}
	.info .tabsArea li .tab.active{background: #FFF; color: #0190D5; border: 2px solid #0190D5; border-bottom: 1px solid #FFF;}
	.info .tabPages{}
	.info .btnArea{padding: 55px 0 0;}
 @media screen and (max-width: 960px){
	/* tablet device & mobile device common */
	.info .tabsArea{margin: 37px 10px 0; padding: 0;    border-bottom: 1px solid #363636;}
	.info .tabsArea li{margin: 0;}
	.info .tabsArea li .tab{
		height: 34px; text-align: center; line-height: 32px; background: #F3F8FA; color: #525658;
		border: none; border-top: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-radius: 0;
		margin: 0; padding: 0; white-space: nowrap;
	}
	.info .tabsArea li .tab.active{background: #0190D5; color: #FFF; border: 1px solid #363636; border-bottom: none;}
}
@media screen and (max-width: 960px) and (min-width: 421px){
	/* supporting Tablet device to mobile device */
	.info .tabsArea li{width: calc(100% / 4);}
	.info .tabsArea li:nth-of-type(4n+1){clear: left;}
	.info .tabsArea li .tab{font-size: 13px; border: 1px solid #ADBFC8; border-right: none; border-bottom: none;}
	.info .tabsArea li:nth-of-type(4n) .tab{border-right: 1px solid #ADBFC8;}
	.info .tabsArea li:nth-of-type(4n) .tab.active{border-right: 1px solid #363636;}
}
@media screen and (max-width: 460px) and (min-width: 361px){
	/* wide Moblie device support */
	.info .tabsArea li{width: calc(100% / 4);}
	.info .tabsArea li:nth-of-type(4n+1){clear: left;}
	.info .tabsArea li .tab{font-size: 11px;}
	.info .tabsArea li:nth-of-type(4n) .tab{border-right: 1px solid #ADBFC8;}
	.info .tabsArea li:nth-of-type(4n) .tab.active{border-right: 1px solid #363636;}
}
@media screen and (max-width: 360px){
	/* Moblie device support */
	.info .tabsArea li{width: calc(100% / 3);}
	.info .tabsArea li .tab{font-size: 11px;}
	.info .tabsArea li:nth-of-type(4n) .tab{border-right: 1px solid #ADBFC8;}
	.info .tabsArea li:nth-of-type(4n) .tab.active{border-right: 1px solid #363636;}
}