@charset "utf-8";


/************************************************
	Main Page Style
*************************************************/

.main-layout:after		{ content: ""; display: block; clear: both; }

.item					{ position: relative; height: 230px; padding: 20px; float: left; box-sizing: border-box; z-index: 1; }
.item:before			{ content: ""; display: block; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #dedede; z-index: -1; }
.item h3				{ font-size: 16px; font-weight: bold; color: #343434; margin-bottom: 15px; }
.item .btn-more			{ position: absolute; right: 20px; top: 20px; font-size: 11px; color: #999; }



#main_visual					{ position: relative; border-bottom: 1px solid #dedede; margin-bottom: 30px; background: #eff3f6; }
#main_visual .slides			{ text-align: center; }

.tb-control-paging, 
.tb-control-paging *				{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.tb-control-paging					{ position: absolute; bottom: 20px; left: 10px; right: 10px; text-align: center; }
.tb-control-paging li				{ display: inline-block; padding: 0 5px; }
.tb-control-paging li a				{ display: block; width: 15px; height: 15px; border-radius: 9.0em; overflow: hidden; text-indent: -999px; background: #999; }
.tb-control-paging li a.tb-active	{ background: #49a5bf; width: 25px; }

.tb-pauseplay			{ position: absolute; bottom: 50px; width: 30px; height: 30px; left: 50%; margin-left: -10px; overflow: hidden; }
.tb-pauseplay a			{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-indent: -999px; color: #aaa; }
.tb-pauseplay a:before	{ content: "\ea1c"; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-family: 'icon'; line-height: 30px; text-indent: 0; text-align: center; font-size: 20px; }
.tb-pauseplay a.tb-pause:before	{ content: "\ea1d"; }
.tb-pauseplay a:hover:before	{ color: #49a5bf; }

.tb-direction-nav { display: none; }

@media all and (min-width: 951px) {
	.item.col-1		{ width: 33.33%; }
	.item.col-2		{ width: 66.66%; }
	.item.col-3		{ width: 100%; }
}

@media all and (min-width: 601px) and (max-width: 950px) {
	.item.ta-col-1	{ width: 50%; }
	.item.ta-col-2	{ width: 100%; }
	.item.col-3	{ float: none; clear:both; }
}

@media all and (max-width: 600px) {
	.item			{ width: 100%; float: none; height: auto; }
}


.latest-board				{ position: relative; }
.latest-board li			{ position: relative; margin-bottom: 5px; }
.latest-board a				{ display: block; position: relative; padding-right: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-board a span		{ display: block; position: absolute; top: 0; right: 0; font-size: 11px; color: #777; width: 65px; overflow: hidden; white-space: nowrap; }

.latest-board.multi a		{ padding-left: 90px; }
.latest-board.multi i		{ display: block; position: absolute; top: 0; left: 0; width: 80px; border-radius: 2px; line-height: 20px; background: #49a5bf; font-size: 11px; color: #fff; padding: 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.latest-education					{ position: relative; }
.latest-education li				{ position: relative; padding-left: 18px; line-height: 20px; padding-right: 50px; margin-bottom: 10px; padding-bottom: 25px; }
.latest-education li:before			{ content: "\e920"; display: block; position: absolute; top: 0; left: 0; font-family: 'icon'; font-size: 14px; color: #49a5bf; }
.latest-education li a				{ display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-education li span			{ display: block; position: absolute; left: 0; right: 0px; bottom: 0; font-size: 11px; background: #fafafa; border: 1px solid #e1e1e1; padding: 0 10px; }
.latest-education li span + span	{ top: 0; right: 0; left: auto; bottom: auto; width: 40px; text-align: center; background: #49a5bf; color: #fff; border-radius: 2px; padding: 0; border-color: #368ba2; line-height: 18px; }


.latest-recruit					{ position: relative; }
.latest-recruit li				{ position: relative; padding-left: 18px; line-height: 20px; padding-right: 50px; margin-bottom: 10px; padding-bottom: 25px; }
.latest-recruit li:before		{ content: "\e91a"; display: block; position: absolute; top: 0; left: 0; font-family: 'icon'; font-size: 14px; color: #49a5bf; }
.latest-recruit li a			{ display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-recruit li span			{ display: block; position: absolute; left: 0; right: 0px; bottom: 0; font-size: 11px; background: #fafafa; border: 1px solid #e1e1e1; padding: 0 10px; }
.latest-recruit li span + span	{ top: 0; right: 0; left: auto; bottom: auto; width: 40px; text-align: center; background: #49a5bf; color: #fff; border-radius: 2px; padding: 0; border-color: #368ba2; line-height: 18px; }


.latest-survey					{ position: relative; }
.latest-survey li				{ position: relative; padding-left: 18px; line-height: 20px; padding-right: 50px; margin-bottom: 10px; padding-bottom: 25px; }
.latest-survey li:before		{ content: "\e926"; display: block; position: absolute; top: 0; left: 0; font-family: 'icon'; font-size: 14px; color: #49a5bf; }
.latest-survey li a				{ display: block; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-survey li span			{ display: block; position: absolute; left: 0; right: 0px; bottom: 0; font-size: 11px; background: #fafafa; border: 1px solid #e1e1e1; padding: 0 10px; }
.latest-survey li span + span	{ top: 0; right: 0; left: auto; bottom: auto; width: 40px; text-align: center; background: #49a5bf; color: #fff; border-radius: 2px; padding: 0; border-color: #368ba2; line-height: 18px; }

.latest-gallery			{ position: relative; overflow: hidden; }
.latest-gallery li		{ position: relative; }
.latest-gallery li a	{ display: block; position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; border: 1px solid #dadada; overflow: hidden; line-height: 143px; }
.latest-gallery li a i,
.latest-gallery li a .contents	{ display: none; }

@media all and (min-width: 951px) {
	.latest-gallery li	{ width: 20%; height: 155px; float: left; }
}

@media all and (min-width: 601px) and (max-width: 950px) {
	.latest-gallery li	{ width: 20%; height: 155px; float: left; }
}

@media all and (max-width: 600px) {
	.latest-gallery li	{ width: 100%;height: auto; max-width: 320px; margin: 5px auto; }
	.latest-gallery li a	{ position: relative;top: auto; left:auto; bottom: auto; right: auto;line-height: 1.0em; }
}