*{word-break:keep-all;}
strong{font-family:'Noto Medium';}
a:hover.btn{color:#eee;}

/* introduce*/
#introduceBox																		{display: block;}
#introduceBox .thumb															{width: 44%;float: left;position: relative;}
#introduceBox .thumb img													{max-width: 100%;}
#introduceBox .thumb .sign													{position: absolute;left: 40%;top: 220px;width: 200px;height: 90px;background: #0a489b;color: #fff;text-align: right;padding: 15px 20px 0 0;box-sizing: border-box;font-size: 1.07rem;transition: all 0.2s ease;}
#introduceBox .desc																{width: 55%;float: right;}
#introduceBox .desc h3														{color: #333;font-weight: 600;font-size: 1.18rem;line-height: 1.5;}
#introduceBox .desc p															{text-align: justify;}

#departBox																			{clear: both;border-bottom: 1px solid #7f8084;margin: 0 0 30px 0;padding: 0 0 30px 0;display: table; width:100%;}
#departBox h3																	{color: #2565b7;font-size: 1.55rem;line-height: 1.3;}
#departBox h3 em																{font-weight: 600;font-size: 2.5rem;}
#departBox p																		{text-align: justify;}
#departBox .desc																	{height: 100%;padding: 0 15% 0 0;display: table-cell;vertical-align: middle;}
#departBox .symbol																{height: 100%;display: table-cell;vertical-align: middle;text-align: right;}
#departBox img																	{width: 100%;max-width: 100%;}

.clear{clear:both;}


/*li 이미지 리스트*/
.li-imgBox										{border:1px solid #d2d2d2; overflow:hidden; padding-bottom:20px;}
.li-imgBox > li									{width:50%; float:left; list-style:none; margin:0; padding:0; position:relative; display:inline-block; text-align:center; }
.li-imgBox > li + li:before						{content:''; display:block; width:1px; height:1000px; background-color:#d2d2d2; position:absolute; left:0; top:0; z-index:0}
.li-imgBox > li .thum img						{width:100%; float:left; position:relative; z-index:1;}
.li-imgBox > li .thum							{height:100%;}
.li-imgBox > li div strong.li-boxTitle			{display:block; font-size:1.2em; padding:10px 0; clear:both;}
.li-imgBox > li div + div							{padding:10px;}
.li-imgBox li ul										{padding:20px; overflow:hidden;}

.li-imgBox.titleBox								{background-color:#fafafa; border:none; border-top:4px solid #5971b5;}
.li-imgBox.titleBox > li							{text-align:left;;}
.li-imgBox.titleBox > li > div					{text-align:left; padding:20px;}
.li-imgBox.titleBox > li > div.title				{padding:10px 20px 0; min-height:30px;}
.li-imgBox.titleBox > li > div.title > strong	{display:block; position:relative; padding-left:10px; font-size:1.15em; margin-bottom:5px;}
.li-imgBox.titleBox > li > div.title > strong:before	{content:''; display:block; width:3px; height:15px; background-color:#638bc7; position:absolute; left:0; top:5px; z-index:0}

.fs15{ font-size: 15px; }
.fs18{ font-size: 18px; }
.fs20{ font-size: 20px; }
.fs25{ font-size: 25px; }

.bold{ font-weight: bold; }

.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }

.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }

.pl10{ padding-left: 10px; }
.pl20{ padding-left: 20px; }
.pl30{ padding-left: 30px; }

.alignL{ text-align: left; }
.alignR{ text-align: right; }
.alignC{ text-align: center; }
