@charset "UTF-8";
/*@import url('http://fonts.googleapis.com/css?family=Lato');*/

body, html{

	width:100%;
	height:100%;
	position:relative;

}


#mfWrap{
	width:100%;
	height:100%;
}

#mfWrap .mfContent{
	width:850px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

#mfWrap .mfContent .mfTop{
	width:100%;
	height:250px;
	background:url('../images/mfTop.jpg');
	background-repeat:no-repeat;
	text-align:center;
	padding-top:95px;
}

#mfWrap .mfContent .mfTop h1{
	font-size:40px;
	color:#fff;
	font-weight:600;
	line-height:60px;	
}

#mfWrap .mfContent .mfTop h1.dorTit{
	font-size:31px;
}

#mfWrap .mfContent .mfTop p{
	font-size:18px;
	color:#fff;
	font-weight:600;
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	line-height:28px;
	
}


#mfWrap .mfContent .myNewsMailTop{
	width:100%;
	height:329px;
	background:url('../images/myNewsMailTop.jpg') !important;
	background-repeat:no-repeat;
	text-align:center;
	position:relative;
}

#mfWrap .mfContent .myNewsMailTop h2{
	position:absolute;
	font-size:40px;
	color:#fff;
	font-weight:600;
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	top:200px;
	left:30px;
}

#mfWrap .mfContent .myNewsMailTop p{
	position:absolute;
	font-size:12px;
	font-weight:500;
	color:#fff;
	top:265px;
	left:30px;
}

/*#mfWrap .mfContent .myNewsMailTop p b{*/
/**/
/*}*/

#mfWrap .mfContent .myNewsMailTop p b span{
	text-decoration:underline;
}

#mfWrap .mfContent .myNewsMailTop button{
	position:absolute;
	width:137px;
	height:33px;
	line-height:33px;
	text-align:center;
	border:1px solid #909298;
	background:rgba(0,0,0,0.45);
	color:#fff;
	font-weight:600;
	top:30px;
	right:30px;
}

#mfWrap .mfContent .mfMain{
	width:850px;
	height:auto;
	overflow:hidden;
	min-height:548px;
	position:relative;
	padding:55px 30px 70px 30px;
	text-align:center;
}

#mfWrap .mfContent .mfMain h2{
	color:#0a7ee5;	
	font-weight:600;
	font-size:20px;
	line-height:30px;
	letter-spacing:-1px;
}

#mfWrap .mfContent .mfMain h3{
	color:#999999;	
	font-weight:600;
	font-size:18px;
	line-height:28px;
	letter-spacing:-1px;
}

#mfWrap .mfContent .mfMain h4{
	color:#000000;	
	font-weight:600;
	font-size:18px;
	line-height:65px;
}

#mfWrap .mfContent .mfMain .mfMainBox{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:20px 0px 20px 0px;
	background:#f3f8fe;
	margin-top:25px;
	margin-bottom:25px;
}

#mfWrap .mfContent .mfMain .mfMainBox table{
	width:360px;
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	margin:0 auto;
}

#mfWrap .mfContent .mfMain .mfMainBox table th{
	width:160px;
	text-align:left;
	font-weight:600;
	font-size:15px;
	color:#000000;
	height:32px;
}

#mfWrap .mfContent .mfMain .mfMainBox table td{
	width:200px;
	font-weight:500;
	font-size:15px;
	color:#555555;
	height:32px;
	text-align:left;
}

#mfWrap .mfContent .mfMain .mfMainBox table td b{
	color:#ff9600;
}

#mfWrap .mfContent .mfMain .mfMainBox p{
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	color:#000;
	font-size:15px;
	line-height:23px;
	font-weight:600;
}

#mfWrap .mfContent .mfMain .mfMainBox p span{
	color:#ff9600;
}

#mfWrap .mfContent .mfMain .dorInfoBox{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:20px 20px 20px 20px;
	border:1px solid #dddddd;
	text-align:left;
	color:#999;
	margin-top:60px;
	margin-bottom:30px;
}

#mfWrap .mfContent .mfMain .dorInfoBox p{
	line-height:18px;
}

#mfWrap .mfContent .mfMain .dorInfoBox p b{
	color:#555;
}

#mfWrap .mfContent .mfMain button.mfMainBoxBtn{
	width:458px;
	height:45px;
	background:#757575;
	color:#fff;
	text-align:center;
	margin:0 auto;
	font-weight:600;
}

#mfWrap .mfContent .mfMain .mfInfo{
	width:100%;
	height:41px;
	border-top:1px solid #ebebeb;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:0px;
}

#mfWrap .mfContent .mfMain .mfInfo p{
	color:#999999;	
	line-height:40px;
}

#mfWrap .mfContent .mfMain .mfInfo p span{
	color:#3a9aff;	
}




#mfWrap .mfContent .mfMain .myNewsBox{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:left;
	padding-bottom:30px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxTop{
	width:100%;
	height:46px;
	position:relative;
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	border-bottom:1px solid #bfbfbf;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxTop h2{
	display:inline-block;
	font-size:26px;
	font-weight:600;
	color:#399bfe;
	line-height:46px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxTop p{
	display:inline-block;
	font-size:20px;
	color:#cacaca;
	margin-left:10px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxTop p b{
	font-size:20px;
	color:#000;
	font-weight:600;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxTop p span{
	font-size:14px;
	color:#7b7b7b;
	font-weight:600;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxTop i.moreBtn{
	position:absolute;
	display:block;
	width:24px;
	height:24px;
	background:url('../images/myNewsMoreBtn.png');
	overflow:hidden;
	right:0px;
	top:15px;
	cursor:pointer;
}


#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList{
	width:820px;
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent{
	width:244px;
	height:324px;
	border:1px solid #dedede;
	float:left;
	margin-right:29px;
	position:relative;
}


#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConMainTop{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:20px 20px 20px 20px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConMainTop h3{
	font-size:14px;
	font-weight:600;
	color:#555555;
	line-height:19px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConMainTop p{
	font-size:11px;
	color:#999999;
	line-height:18px;
	margin-top:5px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConMainTop p span{
	font-size:12px;
	color:#555555;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConMainDetail{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0px 20px 0px 20px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConMainDetail p{
	color:#919191;
	font-size:12px;
	line-height:18px;
	display:block;
	max-height:126px;

}


#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConImg{
	width:100%;
	height:145px;
	background:#666;
	overflow:hidden;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConImg img{
	height:145px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConBtm{
	width:100%;
	height:32px;
	border-top:1px solid #dedede;
	position:absolute;
	bottom:0px;
	left:0px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConBtm p{
	display:inline-block;
	line-height:32px;
	color:#999999;
	font-size:11px;
	padding-left:20px;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConBtm p span{
	color:#d7d7d7;
}

#mfWrap .mfContent .mfMain .myNewsBox .myNewsBoxList .myNewsContent .myNewsConBtm img{
	float:right;
	padding-right:20px;
	padding-top:6px;
}

#mfWrap .mfContent .mfMain .qnaMain{
	width:100%;
	height:auto;
	overflow:hidden;
}

#mfWrap .mfContent .mfMain .qnaMain .qnaBox{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#mfWrap .mfContent .mfMain .qnaMain .secBox{
	margin-top:35px;
	padding-bottom:40px;
}

#mfWrap .mfContent .mfMain .qnaMain .qnaBox h3{
	font-size:16px;	
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	color:#000000;
	line-height:35px;
}

#mfWrap .mfContent .mfMain .qnaMain .qnaBox .contentBox{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:20px 20px 20px 20px;
	background:#f7f7f7;
	color:#999999;
	line-height:19px;
}

#mfWrap .mfContent .mfMain .qnaMain .secBox h3{
	color:#399bfe;
}

#mfWrap .mfContent .mfMain .qnaMain .secBox .contentBox{
	background:#f5faff;
	color:#777777;
}

#mfWrap .mfContent .mfMain .qnaMain button{
	background:#3a9aff;
}


#mfWrap .mfContent .mfFooter{
	width:100%;
	height:90px;
	background:url('../images/mfBtm.jpg');
	background-repeat:no-repeat;
	padding-left:198px;
	padding-top:20px;
	border-top:1px solid #ebebeb;
}

#mfWrap .mfContent .mfFooter p{
	color:#98999b;
	font-size:11px;
	line-height:21px;
}

#mfWrap .mfContent .mfFooter p span{
	color:#cdcdcd;
}

#mfWrap .mfContent .mfFooter p span.cpr{
	color:#aeafb2;
}


/*--SNS 화면--*/

#snsForm{
	width:100%;
	height:auto;
	overflow:hidden;
}

#snsForm .snsTop{
	width:100%;
	height:80px;
	background:#0a7ee5;
}

#snsForm .snsTop .snsTopInner{
	width:900px;
	height:80px;
	margin:0 auto;
	position:relative;
}

#snsForm .snsTop .snsTopInner .snsTopLogo{
	width:139px;
	height:48px;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-24px;
}

#snsForm .snsTop .snsTopInner .snsTopTitle{
	width:100%;
	height:80px;
	text-align:right;
	line-height:80px;
	color:#fff;
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	font-size:16px;
	font-weight:600;
}

#snsForm .snsContent{
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:800px;
	padding:30px 0px 30px 0px;
	background:#ececec;
}

#snsForm .snsContent .snsContentInner{
	width:900px;
	height:auto;
	overflow:hidden;
	background:#fff;
	padding:50px 50px 0px 50px;
	margin:0 auto;
}

#snsForm .snsContent .snsContentInner .snsContentTop{
	width:100%;
	height:40px;
	position:relative;
}

#snsForm .snsContent .snsContentInner .snsContentTop h3{
	font-size:25px;
	font-weight:600;
	color:#343844;
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
}

#snsForm .snsContent .snsContentInner .snsContentTop .snsTopInfo{
	width:200px;
	text-align:right;
	position:absolute;
	right:0px;
	bottom:5px;
	color:#d3d3d3;
}

#snsForm .snsContent .snsContentInner .snsContentTop .snsTopInfo b{
	color:#555555;
	font-weight:500;
}

#snsForm .snsContent .snsContentInner .snsContentTop .snsTopInfo span{
	color:#999999;
	font-size:11px;
}

#snsForm .snsContent .newsContentTop{
	width:100%;
	height:auto;
	position:relative;
}

#snsForm .snsContent .newsContentTop .newsContentTopTitle{
	width:100%;
	height:auto;
	position:relative;
	padding-left:160px;
/* 	min-height:120px;	 */
}

#snsForm .snsContent .newsContentTop .newsContentTopTitle .newsTitleInner{
	width:100%;
/* 	min-height:100px; */
	border-left:1px solid #d6d9dd;	
	padding:0px 20px 0px 20px;
}

#snsForm .snsContent .newsContentTop .newsContentTopTitle .newsTitleInner h3{
	font-size:30px;
	color:#000;
	font-weight:600;
	line-height:31px;
}

#snsForm .snsContent .newsContentTop .newsContentTopTitle .newsTitleInner p{
	font-size:12px;
	color:#999;
	margin-top:10px;
}

#snsForm .snsContent .newsContentTop .newsContentTopLogo{
	width:160px;
	height:100px;
	position:absolute;
	text-align:center;	
}

#snsForm .snsContent .newsContentTop .newsContentTopLogo img{
	width:50%;
	margin-top:20px;
}


#snsForm .snsContent .snsContentGrp{
	width:100%;
	height:auto;
	overflow:hidden;
	border:1px solid #ccd0d4;
	text-align:center;
}

#snsForm .snsContent .newsContent{
	padding:20px 20px 20px 20px;
	border:none;
	border-top:1px solid #d6d9dd;
	margin-top:20px;	
}

#snsForm .snsContent .newsContent .doc_images{

}

#snsForm .snsContent .newsContent .doc_title{
	font-family:"MalgunGothic", Dotum, Arial, sans-serif;
	margin-top:30px;
	text-align:left;
	font-size:17px;
	font-weight:600;
	color:#333;
	line-height:31px;
}

#snsForm .snsContent .newsContent .doc_title .doc_desc{
	line-height:31px;
	font-weight:500;
	margin-top:30px;
}

#snsForm .snsContent .snsContentTbl{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

#snsForm .snsContent .snsContentTbl table{
	width:100%;
}

#snsForm .snsContent .snsContentTbl table th{
	height:39px;
	width:108px;
	vertical-align:top;
	padding-top:14px;
	color:#fff;
	background:#999ba1;
	line-height:18px;
	border-bottom:1px solid #f2f2f2;
	text-align:left;
	padding-left:10px;
}

#snsForm .snsContent .snsContentTbl table td{
	padding:14px 10px 14px 10px;
	line-height:18px;
	vertical-align:top;
	border-bottom:1px solid #f2f2f2;
}

#snsForm .snsContent .snsContentTbl table tr:first-child th,
#snsForm .snsContent .snsContentTbl table tr:first-child td{

	border-top:1px solid #e5e5e5;
}

#snsForm .snsContent .snsContentTbl table tr:last-child th,
#snsForm .snsContent .snsContentTbl table tr:last-child td{

	border-top:1px solid #e5e5e5;
}


ul.filter li{
	letter-spacing:-1px;
	color:#777777;
	line-height:22px;
}

ul.filter li:before{
	content:"· ";
	color:#d2d2d2;
}


ul.filter li b{
	color:#555555;
}

ul.filter li span{
	color:#9e9e9e;
}


#snsForm .snsContent .snsButton{
	width:100%;
	height:45px;
	margin-top:20px;
	text-align:center;
}

#snsForm .snsContent .snsButton a{
	display:inline-block;
	width:458px;
	height:45px;
	line-height:45px;
	background:#399bfe;
	color:#fff;
	font-weight:600;
	text-align:center;
}

#snsForm .snsContent .snsFooter{
	width:100%;
	height:80px;
	margin-top:50px;
	border-top:1px solid #eaebec;
	position:relative;
}

#snsForm .snsContent .snsFooter .snsFtLogo{
	width:132px;
	height:78px;
}

#snsForm .snsContent .snsFooter .snsFtCopy{
	width:450px;
	height:78px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:78px;
	font-size:11px;
	color:#b3b4b7;
	text-align:right;
}