@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100;300;400;500;700&display=swap');

.simhei {font-family:simhei, sans-serif;}
.Arial {font-family:Arial, simhei, sans-serif;}
.YaHei {font-family:Microsoft YaHei, YaHei, sans-serif;}

body
{
	margin				:	0px ; 
	padding			:	0px ;
	overflow-x		:	hidden ;
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

#kmh 
{
	overflow			:	hidden;
	margin				:	0 auto;
}

#body 
{
	position			:	relative ;
}


form , p , h1 , h2 , h3 , h4 , h5 , h6 
{
	/*display 			:	inline ; */
	margin				:	0px ;
	border				:	0px ;
	padding			:	0px ;
}

dl , dd , dt
{
	margin				:	0px ;
	border				:	0px ;
	padding			:	0px ;
}

img
{
	border				:	none ;
	vertical-align		:	top;
}

ul
{
	list-style-type	:	none ; 
	margin				:	0px ;
	border				:	0px ;
	padding			:	0px ;
}

table
{
	border-collapse	:	collapse ;
	width				:	100% ;
}

tr , td
{
	padding			:	0px;
	margin				:	0px;
}

input , select , label ,button
{
	vertical-align		:	middle ;
	margin				:	0px ;
}

input , button , select , textarea
{ /*  Google Chrome  인풋트  라인제거  */
		outline		:	none ;
		padding		:	0px ;
}

button
{
	cursor				:	pointer; 
}

textarea
{
	resize				:	none ;
}

.hide ,caption
{
	display			:	none ;
}

ul.noline li
{
	font				:	0/0 arial ;
}

ul.ufl li
{
	float				:	left ;
}

a,
a:hover
{
	text-decoration	:	none ;
	
}




/*-----------------------------------------------------------------

정렬 스타일

-----------------------------------------------------------------*/

.al
{
	text-align			:	left!important ;
}

.ac
{
	text-align			:	center!important ;
}

.ar
{
	text-align			:	right!important ;
}

.vt
{
	vertical-align		: top!important ;
}

.vm
{
	vertical-align		: middle!important ;
}

.vb
{
	vertical-align		: bottom!important ;
}

.fl
{
	float				:	left ;
}

.fr
{
	float				:	right!important ;
}

.cb
{
	clear				:	both ;
}

.txt_ls
{
	letter-spacing	:	-1px !important
} 

/*-----------------------------------------------------------------

padding 스타일

-----------------------------------------------------------------*/

.l03
{
	padding-left		:	3px ;
}

.l05
{
	padding-left		:	5px ;
}

.l06
{
	padding-left		:	6px ;
}

.l08
{
	padding-left		:	8px ;
}

.l10
{
	padding-left		:	10px ;
}

.l14
{
	padding-left		:	14px ;
}

.l15
{
	padding-left		:	15px ;
}

.l20
{
	padding-left		:	20px ;
}

.l22
{
	padding-left		:	22px ;
}

.l24
{
	padding-left		:	24px ;
}

.l25
{
	padding-left		:	25px ;
}

.l28
{
	padding-left		:	28px ;
}


.l30
{
	padding-left		:	30px ;
}

.l35
{
	padding-left		:	35px ;
}

.l33
{
	padding-left		:	33px ;
}

.l37
{
	padding-left		:	37px ;
}

.l40
{
	padding-left		:	40px ;
}

.l45
{
	padding-left		:	45px ;
}

.l50
{
	padding-left		:	50px ;
}

.l60
{
	padding-left		:	60px ;
}

.l70
{
	padding-left		:	70px ;
}

.l75
{
	padding-left		:	75px ;
}

.l90
{
	padding-left		:	90px ;
}

.l100
{
	padding-left		:	100px ;
}
.l140
{
	padding-left		:	140px ;
}

.l150
{
	padding-left		:	150px ;
}

.t01
{
	padding-top		:	1px ;
}

.t03
{
	padding-top		:	3px ;
}

.t05
{
	padding-top		:	5px ;
}

.t08
{
	padding-top		:	8px ;
}

.t10
{
	padding-top		:	10px ;
}

.t12
{
	padding-top		:	12px ;
}

.t15
{
	padding-top		:	15px ;
}

.t16
{
	padding-top		:	16px ;
}

.t17
{
	padding-top		:	17px ;
}

.t20
{
	padding-top		:	20px ;
}

.t24
{
	padding-top		:	24px ;
}

.t25
{
	padding-top		:	25px ;
}

.t30
{
	padding-top		:	30px ;
}

.t35
{
	padding-top		:	35px ;
}

.t40
{
	padding-top		:	40px ;
}

.t42
{
	padding-top		:	42px ;
}

.t45
{
	padding-top		:	45px ;
}

.t50
{
	padding-top		:	50px ;
}

.t60
{
	padding-top		:	60px ;
}

.t70
{
	padding-top		:	70px ;
}

.t80
{
	padding-top		:	80px ;
}

.t90
{
	padding-top		:	90px ;
}

.t100
{
	padding-top		:	100px ;
}

.t120
{
	padding-top		:	120px ;
}

.t130
{
	padding-top		:	130px ;
}

.b05
{
	padding-bottom	:	5px ;
}

.b10
{
	padding-bottom	:	10px ;
}

.b20
{
	padding-bottom	:	20px ;
}

.b30
{
	padding-bottom	:	30px ;
}

.b40
{
	padding-bottom	:	40px ;
}

.b50
{
	padding-bottom	:	50px ;
}

.r03
{
	padding-right		:	3px ;
}

.r05
{
	padding-right		:	5px ;
}

.r10
{
	padding-right		:	10px ;
}

.r15
{
	padding-right		:	15px ;
}

.r20
{
	padding-right		:	20px ;
}

.r25
{
	padding-right		:	25px ;
}

.r30
{
	padding-right		:	30px ;
}

.r40
{
	padding-right		:	40px ;
}

.r50
{
	padding-right		:	50px ;
}

.r60
{
	padding-right		:	60px ;
}
.mr20
{
	margin-right		:	20px ;
}

.mr50
{
	margin-right		:	50px ;
}


.mt30
{
	margin-top		:	30px ;
}

/*-----------------------------------------------------------------

text color border 스타일

-----------------------------------------------------------------*/

.brd1
{
	border			: 1px solid #dddddd ;
}

.bline1
{
	border-bottom		: 1px solid #cccccc;
}


.line1
{
	border-top		: 1px solid #dddddd;
}
.line2
{
	border-top		: 1px solid #24242c;
}

.red
{
	color			: #f66f4a!important;
}

.b
{
	font-weight		: 700!important;
	color			: #222222;
}



.cont_tit1
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 18px;
	color			: #fff;
	letter-spacing  : -0.5px;
}

.cont_tit2
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #000;
}


@media screen and (max-width: 1200px) {

	.cont_tit2
	{
		text-align		: center;
	}

}


.cont_tit3
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 20px;
	color			: #fff;
	background      : #4a505f;
	height			: 47px;
	line-height		: 47px;
}

.cont_tit4
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 16px;
	color			: #fff;
	text-align		: center;
}

.cont_tit5
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 40px;
	color			: #fff;
	text-align		: center;
}

.cont_tit6
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 48px;
	color			: #000000;
}


@media screen and (max-width: 768px) {


	.cont_tit6
	{
		font-weight		: 600;
		font-size		: 40px;
	}

}

.cont_tit7
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 30px;
	color			: #000000;
  	background      : url('../img/memb/ic1.png') 0 12px no-repeat;
  	padding-left    : 35px;
}


@media screen and (max-width: 768px) {


	.cont_tit7
	{
		font-size		: 25px;
	}

}



.cont_text1
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 20px;
	color			: #000;
	letter-spacing  : -0.5px;
}


@media screen and (max-width: 768px) {

	.cont_text1
	{
		font-size		: 18px;
	}

}


.cont_text2 a
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 18px;
	color			: #666666;
}


.cont_text3 a
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 18px;
	color			: #000;
}


.cont_text4
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 30px;
	color			: #000000;
}



@media screen and (max-width: 768px) {

	.cont_text4
	{
		font-size		: 25px;
	}

}




.cont_text5
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 16px;
	color			: #666666;
}

.cont_text6
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 24px;
	color			: #141414;
}



.contents img{
	max-width: 100%;
}

.txtFlow {
	/*width: 200px;*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.txtFlow2{
	width:785px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
}



.txtFlow3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}


.txtFlow4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient: vertical;
}

.ellipsis {
	overflow: hidden;
	max-height: 100px;
	line-height: 25px;
}
.ellipsis:before {
	content:"";
	float: left;
	width: 5px;
	height: 100px;
}
.ellipsis > *:first-child {
	float: right;
	width: 100%;
	/* margin-left: -5px; */
	margin-left: -30px;
}
.ellipsis > *:first-child p{
	word-break: break-all;
	word-wrap: break-word;
	white-space: normal;
}
.ellipsis-after {
	content: "\02026";
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -25px;
	left: 100%;
	width: 50px;
	margin-left: -50px;
	/* padding-right: 5px; */
	padding-right: 30px;
	text-align: right;
	background-size: 100% 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
	background: -webkit-gradient(linear, left top, right top,from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}