@charset "UTF-8";

/* Form Element Design set // textBox, textAreaBox -------------------------------------------------------------- */
	/* 폼 UI // common set *** 추후 작성 예정
	input[readonly], input[disabled], select[readonly], select[disabled],
	.textBox.readonly, .textBox.disable, .selectBox.readonly, .selectBox.disable,
	.selectBox.readonly select[readonly], .selectBox.disable select[disabled]{background: #E4E4E4!important; color: #999!important; border: 1px solid #CACECE!important;}
	.textBox.readonly>label, .textBox.disable>label, .selectBox.readonly>label, .selectBox.disable>label{color: #999!important;}
	.focus{border: 2px solid #3AB2E6 !important;}
	.focus label{margin: -1px;}
	.focus.selectBox:before{right: 14px;}
	*/
	/* 폼 UI // textBox, textAreaBox */
	.textBox, .textareaBox{position: relative;}
	.textBox label, .textareaBox label{
	/* 복붙용 ***	color: #999; cursor: text; position: absolute; top: 1px; left: 1px; */
		color: #999;
		cursor: text;
		position: absolute;
		top: 1px;					/* input 요소의 border-top 설정값 만큼 */
		left: 1px;					/* input 요소의 border-left 설정값 만큼 */
	}
	.textBox input[type="text"], .textBox input[type="password"], .textareaBox textarea{
	/* 복붙용 ***	width: 100%; height: 100%; font-family: inherit; border: 1px solid #999; border-radius: 0; outline-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; */
		width: 100%;				/* 원하는 너비 설정 */
		height: 100%;				/* 높이값 초기화 */
		font-family: inherit;		/* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0;			/* ios 둥근모서리 제거 */
		outline-style: none;		/* 포커스시 발생하는 효과 제거를 원한다면 */
		-webkit-appearance: none; -moz-appearance: none; appearance: none;	/* 브라우저별 기본 스타일링 제거 */
	}
	.textareaBox{height: 8em;}
	.textareaBox textarea{min-height: 8em; resize: vertical;}
	.textBox label, .textBox input[type="text"], .textBox input[type="password"]{line-height: normal;	/* line-height 초기화 // IE8 이하에서 발생하는 line-height 오류 대응 */}
	.textareaBox label, .textareaBox textarea{line-height: normal;}/*padding: .8em .9em 1em;*/
	/*!
	 * custom design(1) 환경에 따라 박스 모델 너비 조정 ***
		.textBox, .textareaBox{width: 200px;}
	 * custom design(1) 환경에 따라 박스 모델 높이 조정 (padding) ***
		.textBox label, .textBox input[type="text"], .textBox input[type="password"], .textareaBox label, .textareaBox textarea{padding: 1em 1.5em .8em;}
	 * custom design(2) 환경에 따라 박스 모델 높이 조정 (line-height), mobile에서 input 커서 위치 이상한 문제 있음 ***
		.textBox{height: 38px;}
		.textBox label, .textBox input[type="text"], .textBox input[type="password"], .textareaBox label{line-height: 38px;}
	*/

/* Form Element Design set // selectBox set --------------------------------------------------------------------- */
	.selectBox{border: 1px solid #999; position: relative; z-index: 1;}
	.selectBox:before{content: ' '; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; position: absolute; top: 50%; right: 15px; margin-top: -.1em;}
	.selectBox label{color: #999; position: absolute; top: 1px; left: 5px; z-index: -1;}
	.selectBox select{
	/* 복붙용 ***	width: calc(100% + 1px); height: auto; font-family: inherit; border: 0; opacity: 0; fliter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: -2px; */
		width: calc(100% + 2px);	/* 원하는 너비 설정 (보더 만큼 크기가 어긋나기 때문에 selectBox div 좌우픽셀 만큼 더해주어야함) */
		height: auto;				/* 높이값 초기화 */
		font-family: inherit;		/* 폰트 상속 */
		border: 0;
		opacity: 0;					/* 기몬형태 감춤 */
		fliter: alpha(opacity=0);	/* 기몬형태 감춤 // support IE8 */
		-webkit-appearance: none; -moz-appearance: none; appearance: none;	/* 네이티브 외형 감추기 */
		margin-top: -2px; margin-left: -1px;	/* selectBox div border 픽셀만큼 밀리는 문제 보완 */
	}
	/*!
	 * custom design(1) 환경에 따라 박스 모델 너비 조정 ***
		.selectBox{width: 200px;}
	 * custom design(2) 환경에 따라 박스 모델 높이 조정 (padding) ***
		.selectBox label, .selectBox select{padding: 1em 1.6em;}
	 * custom design(3) 환경에 따라 박스 모델 높이 조정 (line-height), mobile에서 input 커서 위치 이상한 문제 있음 ***
		.selectBox{height: 38px;}
		.selectBox label, .selectBox select{line-height: 38px;}
	*/

/* Form Element Design set // selectBox set (IE8 support) ------------------------------------------------------- */
	.selectBox.ie8{
	/* 복붙용 ***	background: url('/img/ㅇㅇㅇ.png') no-repeat 95% 50%;	// IE8 before selector support	*/
		position: relative; border: 1px solid #999; z-index: 1;
	}
	.selectBox.ie8:before{content: ' '; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; position: absolute; top: 50%; right: 15px; margin-top: -.1em;}
	.selectBox.ie8 label{
		color: #999; position: absolute; top: 1px; left: 5px;
		z-index: -1;				/* IE8에서 label이 위치한 곳이 클릭되지 않는 문제 해결 */
	}
	.selectBox.ie8 select{
	/* width: 100%; height: auto; font-family: inherit; border: 0; opacity: 0; fliter: alpha(opacity=0); appearance: none; -moz-appearance: none; -webkit-appearance: none; */
		width: 100%;				/* 원하는 너비 설정 */
		height: auto;				/* 높이값 초기화 */
		font-family: inherit;		/* 폰트 상속 */
		border: 0;
		opacity: 0;					/* 기몬형태 감춤 */
		fliter: alpha(opacity=0);	/* 기몬형태 감춤 // support IE8 */
		appearance: none;			/* 네이티브 외형 감추기 */
		-moz-appearance: none;
		-webkit-appearance: none;
	}
	.selectBox.ie8 label{
		line-height: normal;		/* line-height 초기화 // IE8 이하에서 발생하는 lien-height 오류 대응 */
		padding: .8em .5em 1em;
	}
	.selectBox.ie8 select{
		line-height: normal;		/* line-height 초기화 // IE8 이하에서 발생하는 lien-height 오류 대응 */
		padding: .8em .5em 1em;}

 /* Form Element Design set // numberBox set --------------------------------------------------------------------- */
	/* numberBox common set */
	.numberBox{position: relative;}
	.numberBox input[type="number"]::-webkit-inner-spin-button, .numberBox input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
	.numberBox input[type="number"]{-moz-appearance: textfield;}
	.numberBox input[type="number"]:focus{outline: 0;}
	.numberBox input[type="number"]{width: 80px; height: 37px; background: #F5F5F5; text-align: center; line-height: 1.65; border: 1px solid #999; padding-right: 20px;}/*width: 45px; height: 42px; border: 1px solid #EEE;*/
	.numberBox input:focus{outline: 0;}
	.cntNav{width: 20px; height: calc(100% - 2px); background: #FFF; position: absolute; top: 1px; right: 1px;}/*top: 0; right: 0; border-right: 1px solid #FFF;*/
	.cntbtn{
		width: 100%; height: 50%; background: #5F6467;
		color: #FFF; font-size: 13px; text-align: center; line-height: 1.4;
		-webkit-transform: translateX(-100%); transform: translateX(-100%);
		-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
		position: absolute; right: -20px; cursor: pointer;
	}
	.cntbtn.numUp{border-bottom: 1px solid rgba(255,255,255,.35); top: 0;}
	.cntbtn.numDown{bottom: 0;}

	/* numberBox (plus/minus) */
	/*
	.cntNav.basic .cntbtn.numUp{top: 0;}
	.cntNav.basic .cntbtn.numUp:before{content: "\f077";}
	.cntNav.basic .cntbtn.numDown{bottom: 0;}
	.cntNav.basic .cntbtn.numDown:before{content: "\f078";}
	*/

	/* numberBox (arrow up/down) */
	.cntNav.arr .cntbtn.numUp{top: 0;}
	.cntNav.arr .cntbtn.numUp:before{content: "\f077";}
	.cntNav.arr .cntbtn.numDown{bottom: 0;}
	.cntNav.arr .cntbtn.numDown:before{content: "\f078";}

	/* numberBox (triangle up/down) */
	.cntNav.trg .cntbtn.numUp{top: 0;}
	.cntNav.trg .cntbtn.numUp:before{content: "\F0D8";}
	.cntNav.trg .cntbtn.numDown{bottom: 0;}
	.cntNav.trg .cntbtn.numDown:before{content: "\F0D7";}

	/*!
	 * custom design 환경에 따라 xxxxxxx 조정 ***
		.numberBox input[type="number"]{color: #3A3D40; text-align: left; border: 1px solid #D5D5D5; line-height: 1.65; padding-left: 7px; padding-right: 20px;}
	*/

/*	.cntNav{height: 100%; position: absolute; top: 0; right: 1px;}*/
/*	.cntbtn{*/
/*		width: 100%; text-align: center; line-height: 15px; border-left: 1px solid #D5D5D5;*/
/*		position: absolute; cursor: pointer;*/
/*	}*/

/* Form Element Design set // checkBox set ---------------------------------------------------------------------- */
	/* checkBox common set */
	.checkBox{position: relative;}
	.checkBox input[type="checkbox"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; padding: 0; margin: -1px;}	/* 실제 체크박스는 화면에서 숨김 */
	.checkBox input[type="checkbox"]+label{cursor: pointer; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; position: relative; display: inline-block; padding-left: 30px;}
	/* checkBox01 (Defalut) */
	.checkBox input[type="checkbox"]+label:before{
		content: ' ';
		width: 21px; height: 21px; background: #FFF;
		text-align: center;
		line-height: 21px;	/* 세로정렬을 위해 height값과 일치 */
		border: 1px solid #CACECE; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
		top: -2px;			/* 이 값을 변경해서 글자와의 정렬 // vertical-align 역할 */
		left: 0;
	}
	.checkBox input[type="checkBox"]+label:active:before, .checkBox input[type="checkBox"]:checked+label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.checkBox input[type="checkbox"]:checked+label:before{
		content: '\2714';	/* 체크표시 유니코드 사용 */
		background: #FFF; color: #99A1A7; text-shadow: 1px 1px #FFF;
		border-color: #ADB8C0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	}
	/* checkBox02 (grey.ver) */
	.checkBox.gray input[type="checkbox"]+label:before{background: #FAFAFA;}
	.checkBox.gray input[type="checkbox"]:checked+label:before{background: #E9ECEE;}
	/* checkBox03 (transper Style) */
	.checkBox.transper1 input[type="checkbox"]+label:before{
		border-color: #6CC0E5; box-shadow: none; opacity: .6;
		-webkit-transition: all .12s, border-color .08s;
		-moz-transition: all .12s, border-color .08s;
		-ms-transition: all .12s, border-color .08s;
		transition: all .12s, border-color .08s;
		margin-top: 0;
	}
	.checkBox.transper1 input[type="checkbox"]:checked+label:before {
		content: "";
		width: 10px; background: transparent;
		border-color: transparent #6CC0E5 #6CC0E5 transparent; border-top-color: transparent; border-left-color: transparent; border-radius: 0;
		opacity:1;
		-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
		position: absolute; top: -5px; left: 5px;
	}

/* Form Element Design set // radioBox set ---------------------------------------------------------------------- */
	/* radioBox common set */
	.radioBox{position: relative;}
	.radioBox input[type="radio"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; margin: -1px; padding: 0;}
	.radioBox input[type="radio"]+label{cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-block; padding-left: 30px;}
	.radioBox input[type="radio"]+label:before{
		content: " ";
		width: 21px; height: 21px; background: #FAFAFA;
		text-align: center;
		border: 1px solid #CACECE; border-radius: 100%;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute; top: -1px; left: 0;
	}
	.radioBox input[type="radio"]+label:active:before, .radioBox input[type="radio"]:checked + label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.radioBox input[type="radio"]:checked+label:before{background: #E9ECEE; border-color: #ADB8C0;}
	.radioBox input[type="radio"]:checked+label:after{content: " "; width: 13px; height: 13px; background: #99A1A7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); position: absolute; top: 50%; left: 4px; transform: translateY(-50%);}
	/* radioBox red bullet Style */
	.radioBox.red input[type="radio"]:checked+label:after{background: #FF6666;}
	/* radioBox blue bullet Style */
	.radioBox.blue input[type="radio"]:checked+label:after{background: #2DBFFF;}
	/* radioBox green bullet Style */
	.radioBox.green input[type="radio"]:checked+label:after{background: #22E054;}
	/* radioBox scarlet bullet Style */
/*	.radioBox.scarlet input[type="radio"]:checked+label:after{background: #22E054;}*/

/* Popup Design template // TYPE 01 ~ 08   /   09, 10 구현 예정 ------------------------------------------------- */
	/* Popup Design TYPE 01 */
	#tab1.popup{font-size: 18px; background: #E8EDF1; margin: 0; padding: 0;}
	#tab1.popup .popupTit{
		width: 100%;
		background: #4A566C;
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 10px 30px 12px;		
	}
	#tab1.popup .popupTit .fas{color: #CACFD3; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab1.popup .popupCon{font-size: 14px; color: #646464; border: 1px solid #CACFD3; padding: 15px 10px 15px;}
	#tab1.popup .popupPanel{background: #F6FBFF; font-weight: 600; border: 1px solid #CACFD3; padding: 20px;}
	#tab1.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab1.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab1.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab1.popup .popupPanel .noticeCon li:before{content: '\20DD  '; margin-right: 15px;}
	#tab1.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab1.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}

	/* Popup Design TYPE 02 */
	#tab2.popup{font-size: 18px; color: #9AB9C3; background: #E8EDF1; border-radius: 25px; margin: 0; padding: 25px 30px;}
	#tab2.popup .popupTit{
		width: 100%;
		height: 45px;
		font-size: 17px;
		color: #32506C;
		font-weight: 600;	
		border-bottom: 5px solid #4BB4A3;
		box-sizing: border-box;
		position: relative;
		margin: 0px auto;
	}
	#tab2.popup .popupTit .lineDeco{width: 150px; border-bottom: 5px solid #32506C; position: absolute; top: 40px; left: 0;}
	#tab2.popup .popupTit .fas{color: #9AB9C3; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab2.popup .popupCon{font-size: 14px; color: #646464;}
	#tab2.popup .popupPanel{background: #F6FBFF; font-weight: 600; border: 1px solid #CACFD3; padding: 20px;}
	#tab2.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab2.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab2.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab2.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab2.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab2.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}

	/* Popup Design TYPE 03 */
	#tab3.popup{font-size: 18px; color: #9AB9C3; background: #E8EDF1; margin: 0;}
	#tab3.popup .popupTit{
		width: 100%;
		height: 55px;
		font-size: 17px;
		color: #32506C;
		font-weight: 600;	
		border-top: 5px solid #2395FF;
		box-sizing: border-box;
		position: relative;
		margin: 0px auto;
		padding: 10px 40px 12px;
	}
	#tab3.popup .popupTit .lineDeco{width: 150px; border-top: 5px solid #1d255a; position: absolute; top: -5px; left: 0;}
	#tab3.popup .popupTit .fas{color: #2395FF; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab3.popup .popupCon{font-size: 14px; color: #646464; box-sizing: border-box; padding: 0 20px 20px;}
	#tab3.popup .popupPanel{background: #F6FBFF; font-weight: 600; border: 1px solid #CACFD3; padding: 20px;}
	#tab3.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab3.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab3.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab3.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab3.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab3.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}

	/* Popup Design TYPE 04 */
	#tab4.popup{font-size: 18px; background: #fff; margin: 0; padding: 0;}
	#tab4.popup .popupTit{
		width: 100%;
		background: #01a7a1;
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		box-sizing: border-box;
		margin: 0px auto;		
		padding: 10px 30px 12px;		
	}
	#tab4.popup .popupTit .fas{color: #77D6C7; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab4.popup .popupCon{font-size: 14px; color: #646464; padding: 15px 10px 15px;}
	#tab4.popup .popupPanel{
		background: #f7fdfc;
		font-weight: 600;
		border-top: 3px solid #77D6C7;
		border-bottom: 1px solid #acacac;
		padding: 20px;
	}
	#tab4.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab4.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab4.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab4.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab4.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab4.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}
	/* Popup Design TYPE 05 */
	#tab5.popup{font-size: 18px; background: #fff; margin: 0; padding: 0;}
	#tab5.popup .popupTit{
		width: 100%;
		background: #01a7a1;
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 10px 30px 12px;
	}
	#tab5.popup .popupTit .fas{color: #77D6C7; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab5.popup .popupCon{font-size: 14px; color: #646464; padding: 15px 10px 15px;}
	#tab5.popup .popupPanel{font-weight: 600; border-top: 3px solid #77D6C7; border-bottom: 1px solid #01A7A1; padding: 20px;}
	#tab5.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab5.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab5.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab5.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab5.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab5.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}
	/* Popup Design TYPE 06 */
	#tab6.popup{font-size: 18px; background: #fff; margin: 0; padding: 0;}
	#tab6.popup .popupTit{
		width: 100%;
		background: #C5DED4;
		font-size: 16px;
		color: #0E242B;
		font-weight: 600;
		box-sizing: border-box;
		margin: 0px auto;		
		padding: 10px 30px 12px;
	}
	#tab6.popup .popupTit .fas{color: #4BB4A3; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab6.popup .popupCon{background: #fff; font-size: 14px; color: #646464; padding: 15px 10px 15px;}
	#tab6.popup .popupPanel{font-weight: 600; border-bottom: 1px solid #CACFD3; padding: 20px;}
	#tab6.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab6.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab6.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab6.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab6.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab6.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}
	/* Popup Design TYPE 07 */
	#tab7.popup{font-size: 18px; background: #4A566C/*#E8EDF1*/; margin: 0; padding: 0;}
	#tab7.popup .popupTit{
		width: 100%;
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		box-sizing: border-box;
		margin: 0px auto;
		padding: 10px 30px 12px;
	}
	#tab7.popup .popupTit .fas{color: #9AB9C3; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab7.popup .popupCon{font-size: 14px; color: #646464; padding: 0 20px 15px;}
	#tab7.popup .popupPanel{background: #e8edf1; font-weight: 600; padding: 20px;}
	#tab7.popup .popupPanel.angle{position: relative;}
	#tab7.popup .popupPanel.angle .tr, #tab7.popup .popupPanel.angle .bl{position: absolute; border-color: #4A566C;}
	#tab7.popup .popupPanel.angle .tr{top: 0; right: 0; border-top: 15px solid #4A566C; border-left: 15px solid transparent;}
	#tab7.popup .popupPanel.angle .bl{bottom: 0; left: 0; border-bottom: 15px solid #4A566C; border-right: 15px solid transparent;}
	#tab7.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab7.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab7.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab7.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab7.popup .popupCon .closeMsg{color: #fff; font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab7.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}
	/* Popup Design TYPE 08 */
	#tab8.popup{font-size: 18px; background: #E8EDF1; margin: 0; padding: 0;}
	#tab8.popup .popupTit{
		width: 100%;
		height: 52px;
		background: #50677d	/* 6b7fa2 */;
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		box-sizing: border-box;
		position: relative;
		margin: 0px auto;		
		padding: 10px 25px 0;		
	}
	#tab8.popup .popupTit .fas{color: #9AB9C3; font-size: 20px; vertical-align: -2px; margin-right: 7px;}
	#tab8.popup .popupTit .angle{
		width: 430px; height: 100%; background: #4A566C; position: absolute; top: 0; left: 0; padding: 10px 30px 0; box-sizing: border-box;
	}
	#tab8.popup .popupTit .tr, #tab8.popup .popupTit .br{position: absolute; border-color: #4A566C;}
	#tab8.popup .popupTit .tr{top: 0; right: 155px; border-bottom: 26px solid #4A566C; border-right: 15px solid transparent;}
	#tab8.popup .popupTit .br{bottom: 0; right: 155px; border-top: 26px solid #4A566C; border-right: 15px solid transparent;}
	#tab8.popup .popupCon{font-size: 14px; color: #646464; border: 1px solid #CACFD3; padding: 15px 10px 15px;}
	#tab8.popup .popupPanel{background: #F6FBFF; font-weight: 600; border: 1px solid #CACFD3; padding: 20px;}
	#tab8.popup .popupPanel .noticeTit{font-size: 16px; font-weight: 600; word-break: keep-all;}
	#tab8.popup .popupPanel .noticeCon{font-size: 13px; font-weight: normal; margin: 15px 30px;}
	#tab8.popup .popupPanel .noticeCon li{list-style-type: none; line-height: 2;}
	#tab8.popup .popupPanel .noticeCon li:before{content: '\20DD  ';}
	#tab8.popup .popupCon .closeMsg{font-size: 12px; text-align: right; margin: 15px -1px 0;}
	#tab8.popup .popupCon .closeMsg input[type="checkbox"]{vertical-align: -2px; margin-left: 5px;}