@charset "UTF-8";
/*==================================================================
	1. Layout setting
===================================================================*/
#contents{padding-top: 0!important;}
#slideshow{
	margin-bottom: 15px;
}
#slideshow .bx-viewport{
	overflow:visible!important;
}
#slideshow .bx-wrapper .bx-prev {
	left: -70px;
	background: url(images/home/prev.jpg) no-repeat 0 0;
}
#slideshow .bx-wrapper .bx-next {
	right: -70px;
	background: url(images/home/next.jpg) no-repeat 0 0;
}
#slideshow .bx-wrapper .bx-next:hover, #slideshow .bx-wrapper .bx-prev:hover{
	background-position: 0 0;
	opacity: 0.6;
}
.list_img{
	margin-bottom: 27px;
}
.list_img li{
	float: left;
	margin-right: 2.0408%;
}
.list_img li:last-child{
	margin-right: 0;
}
.list_img li img{
	border: 1px solid #dedede;
	max-width: 100%;
}
.list_img li:hover img, .list_img li a.active img{
	border: 2px solid #ebc232;
	margin: -1px;
}
.notices{
	border: 4px solid #eb323c;
	display: table;
	width: 100%;
	font-size: 16px;
	margin-bottom: 80px;
}
.notices .leftNotice{
	background-color: #eb323c;
	display: table-cell;
	width: 20%;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.notices .infoNotice{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
}
.notices .infoNotice a{
	color:#000;
}
.notices .infoNotice p:not(:last-child){
	margin: 0 0 10px;
}
#topic{
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}
#topic:before {
	content: "";
	background-color: #f5f5f5;
	position: absolute;
	width: 1000%;
	height: 100%;
	left: -500%;
	top: 0;
}


.main_topic{
	position: relative;
	padding: 70px 0;
}
.title_topic{
	font-size: 30px;
	color: #454545;
	background: url(images/home/icon_2.png) no-repeat left center;
	display: inline-block;
	padding-left: 50px;
	margin-bottom: 35px;
}
#topic ul{
	margin: 0 -2.0408%;
}
#topic ul li{
	float: left;
	width: 45%;
	text-align: left;
	margin: 0 2.0408% 44px;
	background-color: #fff;
	padding: 30px 27px 30px 30px;
	position: relative;
	line-height: 1.5;
}
#topic ul li:before{
	content: "";
	background: url(images/home/icon_1.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
}
#topic ul li h3{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
}
.img_topic, .info_topic{
	float: left;
}
.img_topic{
	width: 34%;
	margin-right: 3%;
}
.info_topic{
	width: 62%;
	color: #333;
}
.date{
	font-weight: bold;
	color: #a8a8a8;
	display: block;
	position: absolute;
}
.title_02{
	font-size: 30px;
	color: #454545;
	margin-bottom: 60px;
	text-align: center;
}
.title_02 img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

#news{
	position: relative;
    padding: 60px 0 45px;
    margin-bottom: 60px;
}
#news:before {
	content: "";
	background-color: #f5f5f5;
	position: absolute;
	width: 1000%;
	height: 100%;
	left: -500%;
	top: 0;
}
#news ul{
	text-align: left;
}
#news ul li{
	margin-bottom: 30px;
	line-height: 1.5;
}
#news .date_news{
	float: left;
	width: 12.245%;
	font-size: 14px;
	color: #999;
}
#news .tit_news{
	background: url(images/common/arrow1.gif) no-repeat left 7px;
	float: left;
	width: 87.755%;
	padding-left: 20px;
}
#news .tit_news a{
	font-size: 14px;
	color: #000;
	text-decoration: underline;
}
#news .tit_news a:hover{
	text-decoration:none;
}
.viewall{
	text-align: right;
}
.viewall a{
	font-size: 14px;
	color:#ebc232;
	text-decoration: underline;
}
#content3 li{
	border: 1px solid #dedede;
}
#content3 .bx-wrapper .bx-controls-direction a{
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
}
#content3 .bx-wrapper .bx-prev {
	left: -40px;
	background: url(images/home/btn_prev.png) no-repeat 0 0;
}
#content3 .bx-wrapper .bx-next {
	right: -40px;
	background: url(images/home/btn_next.png) no-repeat 0 0;
}
/*------ footer ---*/
#footer{
	margin-top: 80px;
}

/* ------------------------------------------------------------------
	Tablet grid styles
-------------------------------------------------------------------*/
@media only screen and (max-width:768px) {
	#slideshow{margin-bottom: 0;}
	#slideshow .bx-wrapper .bx-viewport li{
		margin-right: 0!important;
	}
	#slideshow .bx-wrapper{margin-bottom: 20px;}
	.list_img li{
		width: 48.98%;
		margin-bottom: 5px;
	}
	.list_img li img{
		width: 100%;
	}
	.list_img li:last-child{
		margin-right: 2.0408%;
	}
	.list_img li:nth-child(2n){
		margin-right: 0;
	}

	.notices .leftNotice, .notices .infoNotice{
		display: block;
		width: 100%;
		padding: 10px 15px;
	}
	#topic ul{
		margin: 0;
	}
	#topic ul li{
		float: none;
		width: 100%;
		margin: 0 0 15px;
	}
	#news .date_news, #news .tit_news{
		float: none;
		width: 100%;
	}
	.img_topic img{
		width: 100%;
	}
}


/* ------------------------------------------------------------------
	Mobile grid styles
-------------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	
}
/*++++++++ ADD 2017/01/17 ++++++++*/
#guide{
	line-height: 1.5;
	font-size: 16px;
	margin-bottom: 60px;
	margin-top: 70px;
}
#guide .leftBox, #guide .rightBox{
	width: 48%;
}

/* ------------------------------------------------------------------
	202007 front-page modified
-------------------------------------------------------------------*/
.list-topics li {
	display: none;
}
.list-topics li:nth-child(1),
.list-topics li:nth-child(2),
.list-topics li:nth-child(3),
.list-topics li:nth-child(4) {
	display: block;
}
#lesson,
#course,
#instructor {
	line-height: 1.5;
	font-size: 16px;
	margin-bottom: 7em;
	margin-top: 3em;
}
.box_selection {
	width: 100%;
}
.box_selection .box_item {
	width: 100%;
	margin-bottom: 1em;
}
.box_selection .box_item a {
	display: block;
	background-color: #e0e0ef;
	color: #333;
	text-align: center;
	text-decoration: none;
}
.box_selection.box2 .box_item a {
	background-color: #ebc232;
	color: #fff;
}
.box_selection .box_item a .item_title {
	font-size: 1.25em;
	display: block;
	padding-top: 0.5rem;
}
.box_selection.box2 .box_item a .item_title {
	font-size: 1.375em;
}
.box_selection .box_item a .item_desc {
	font-size: 0.875em;
	display: block;
	padding-bottom: 1rem;
}
.fa-address-card-o {
	color: #ebc232;
	margin-right: 0.25em;
	vertical-align: middle;
}
.fa-book {
	color: #ebc232;
	margin-right: 0.25em;
	vertical-align: middle;
}
.simple_btn {
	display: inline-block;
	padding: 0.25em 2em;
	background-color: #ebc232;
	border: 1px solid #ebc232;
	border-radius: 0.25em;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.5em;
	box-shadow: 1px 1px 1px #ccc;
}
.first_view_content {
	color: #333;
	margin-bottom: 6em;
}
.first_item,
.second_item {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.5em;
	width: 97%;
}
.first_item {
	margin: 1em 0.5em;
}
.second_item {
	margin: 1em 0.5em 2em;
	padding: 3em 2em 2em;
	border: 5px solid #ebc232;
	border-radius: 0.5em;
	background-color: #ffffc3;
}
.first_h2 {
	font-size: 1.5em;
	color: #333;
	text-align: center;
	border-top: 7px solid #ccc;
	border-bottom: 7px solid #ccc;
	padding: 0.5rem;
	margin-bottom: 0.25em;
	line-height: 1.5;
}
.three_point p {
	font-size: 1.375em;
	padding: 0.5rem 1em;
	border-bottom: 1px dashed #ccc;
}
.three_point p i {
	color: #e00;
}

.order_point p {
	padding: 0.5rem 1rem;
	border-bottom: 1px dashed #ccc;
}
.order_point p i {
	color: #e00;
}



.desc_point {
	line-height: 1.75;
	margin-bottom: 0;
}
.desc_point .first_line {
	font-size: 1.125em;
	font-weight: bold;
}
.desc_point .second_line {
	font-size: 1em;
}
.desc_point .third_line {
	font-size: 1.75em;
	font-weight: bold;
	color: #333;
}
@media (min-width: 768px) {
	.box_selection .box_item {
		width: calc(33% - 2px);
		display: inline-block;
		vertical-align: top;
	}
	.box_selection.box2 .box_item {
		width: calc(49% - 4px);
		margin: 0 4px 1em;
	}
	.box_selection .box_item a:hover {
		box-shadow: 1px 1px 3px #999;
	}
	.simple_btn:hover {
		background-color: #fffcf0;
		color: #ebc232 !important;
		box-shadow: 1px 1px 3px #ccc inset;
		text-decoration: none;
		transition: 0.5s;
	}
	.box_selection .box_item a .item_title {
		font-size: 1em;
	}
	.box_selection .box_item a .item_desc {
		font-size: 0.75em;
	}
	.first_item {
		width: 45%;
	}
	.second_item {
		width: 50%;
	}
	.first_h2 {
		font-size: 2.5em;
	}
	.desc_point .third_line {
		font-size: 1.5em;
	}
}
@media (min-width: 992px) {
	#slideshow .bx-viewport {
		overflow: visible !important;
	}
	.box_selection .box_item {
		width: calc(33% - 1px);
	}
	.box_selection.box2 .box_item {
		width: calc(49% - 1px);
	}
	.box_selection .box_item a .item_title {
		font-size: 1.375em;
	}
	.box_selection .box_item a .item_desc {
		font-size: 0.875em;
	}
	.first_item {
		width: 39%;
	}
	.second_item {
		width: 57%;
		padding: 1.5em 2em 0.75em;
	}
	.desc_point .first_line {
		font-size: 1.25em;
	}
	.desc_point .second_line {
		font-size: 1.125em;
	}
	.desc_point .third_line {
		font-size: 2em;
	}
}

/* ------------------------------------------------------------------
	202501 front-page modified
-------------------------------------------------------------------*/
.est-exp {
	margin: 1.5em auto 0;
    width: 100%;
    padding: 1em 1.5em;
	
}
.est-exp_title {
	font-size: 1.25em;
    border-bottom: 1px solid #999;
    margin-bottom: 0.5em;
}
.est-exp_content {
	font-size: 14px;
	color: #555;
}
.to_next {
	padding: 0.25rem 0.75rem;
	margin-top: 0.5em;
    display: inline-block;
    background-color: #ebc232;
    color: #fff !important;
    text-decoration: none !important;
}
@media (min-width: 992px) {
	.est-exp {
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
}

#publishing {
	line-height: 1.5;
	font-size: 16px;
	margin-bottom: 7em;
	margin-top: 3em;
}