@charset "UTF-8";

	/* SUB PAGE // FAQ Board */
	.faqPanel{margin-top: 40px;}
	.faqPanel .faqBox{}
	.faqPanel .faqBox .question{
		background: #F9F9F9;
		color: #323232;
		font-size: 16px;
		border: 1px solid #DFE3E6;
		border-radius: 3px;
		outline: none;
		margin-top: 5px;
		padding: 15px 16px;
		cursor: pointer;
	}
	.faqPanel .faqBox .question:first-of-type{margin-top: 0;}
	.faqPanel .faqBox .question .ui-icon{position: relative;}
	.faqPanel .faqBox .question .ui-icon.ui-icon-triangle-1-e:before{
		content: "";
		border-left: 5px solid #0190D5; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent;
		position: absolute; top: 8px; left: 5px;
	}
	.faqPanel .faqBox .question .ui-icon.ui-icon-triangle-1-s:before{
		content: "";
		border-top: 5px solid #0190D5; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent;
		position: absolute; top: 11px; left: 3px;
	}
	.faqPanel .faqBox .question.ui-state-active{background: #F9F9F9; font-weight: normal; border: 1px solid #27A0DB;}

	.faqPanel .faqBox .question .txt{padding-left: 24px;}
	.faqPanel .faqBox .question .txt:before{content: "Q"; color: #0190D5; font-size: 18px; font-weight: bold; margin-right: 8px;}
	.faqPanel .faqBox .answer{
		background: #FFF;
		color: #676767;
		font-size: 16px;
		font-weight: 300;
		line-height: 24px;
		border: 1px solid #DFE3E6;
		position: relative;
		padding: 27px 40px 15px 63px;
	}
	.faqPanel .faqBox .answer:before{content: "A"; color: #8F8F8F; font-size: 18px; font-weight: bold; position: absolute; left: 40px; margin: 0 6px 0 2px;}
	.bnnrPanel{border-top: 1px solid #ECF0F2; margin-top: 37px; padding-top: 35px;}
	.bnnrPanel .innerLeft, .bnnrPanel .innerRight{width: calc(((100% + 30px) / 2) - 30px); height: 116px; display: inline-block; float: left;}
	.bnnrPanel .innerLink{width: 100%; height: 100%; color: #2C2D2E; border-radius: 3px; position: relative;}
	.bnnrPanel .tit{font-size: 30px; font-weight: bold; text-align: center; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%;}
	.bnnrPanel .clickUi{width: 26%; height: 38px; max-width: 121px; font-size: 16px; line-height: 36px; border: 1px solid #CFCFCF; padding: 0 15px; position: absolute; top: 40px; right: 18px;}
	.bnnrPanel .logo1 .clickUi{background: transparent url(../../static/image/sub/ntcbrd/icon1.png) no-repeat top 11px right 15px;}
	.bnnrPanel .logo2 .clickUi{background: transparent url(../../static/image/sub/ntcbrd/icon2.png) no-repeat top 8px right 15px;}
	.bnnrPanel .logo1{background: url(../../static/image/sub/ntcbrd/bg1.png) repeat-x 0 0; border: 1px solid #C2D2E5;}
	.bnnrPanel .logo1:hover{background: #F6F9FC;}
	.bnnrPanel .logo1:active{background: #EEF3F9;}
	.bnnrPanel .logo1>.innerLink, .bnnrPanel .logo2>.innerLink{background-repeat: no-repeat; background-position: top 50% left 27px;}
	.bnnrPanel .logo1>.innerLink{background-image: url(../../static/image/sub/ntcbrd/logo1.png);}
	.bnnrPanel .innerRight{margin-left: 30px;}
	.bnnrPanel .logo2{background: url(../../static/image/sub/ntcbrd/bg2.png) repeat-x 0 0; border: 1px solid #A3C5C7;}
	.bnnrPanel .logo2:hover{background: #F3FAFB;}
	.bnnrPanel .logo2:active{background: #EBF7F8;}
	.bnnrPanel .logo2>.innerLink{background-image: url(../../static/image/sub/ntcbrd/logo2.png);}
	@media screen and (max-width: 1023px){
		/* supporting Tablet device to mobile device */
		.bnnrPanel .innerLeft, .bnnrPanel .innerRight{width: 100%; display: block; float: none;}
		.bnnrPanel .innerRight{margin-top: 30px; margin-left: 0;}	
		.bnnrPanel .tit{font-size: 6vw;}
	}
	@media screen and (max-width: 499px) and (min-width: 420px){
		/* wide Moblie device support */
	 	.bnnrPanel .logo1>.innerLink, .bnnrPanel .logo2>.innerLink{background-repeat: no-repeat; background-position: top 50% left 10px;}
	}
	@media screen and (max-width: 419px){
		/* Moblie device support */
		.bnnrPanel .tit{text-align: right; top: 31%; left: auto; right: 25px; transform: translate(0, -50%);}
		.bnnrPanel .clickUi{width: 100%; max-width: calc(100% - 20px); top: auto; left: 10px; right: 10px; bottom: 10px;}
		.bnnrPanel .logo1>.innerLink, .bnnrPanel .logo2>.innerLink{background-position: top 20% left 10px;}
	}