@charset "UTF-8";
/* CSS Document */


/* ************************************************************* */
/*          INTERVIEW TOP  RAYOUT
/* ************************************************************* */

.guideline .tab {
	width: 86%;
	margin: 0 7%;
	padding: 0;
	float: left;
	border-bottom: #008B5F 1px solid;
}

.guideline .tab li {
	width: 13.5%;
	height: 70px;
	margin: 0 0.5% 0 0;
	padding: 0;
	float: left;
	font-size: 13px;
	text-align: center;
	transition: ease 0.5s all;
	line-height: 1.2em;
	border: #008B5F 1px solid;
	border-bottom: none;
	box-sizing: border-box;
}

.guideline .tab li span {
	font-size: 12px;
}

.guideline .tab li:hover {
	opacity: 0.7;
}

.guideline .tab li.act:hover {
	opacity: 1;
}

.guideline .tab li a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 25px 0 0;
	text-align: center;
	font-size: 13px;
	color: #004831;
	display: block;
}

.guideline .tab li.line2 {
	padding: 18px 0 0;
}

.guideline .tab li.line2 a {
	padding: 0;
}

.guideline .tab li.act {
	background-color: #008B5F;
	color: #FFF;
	padding: 25px 0 0;
	font-size: 13px;
	line-height: 1.1em;
}

.guideline .block {
	width: 86%;
	margin: 0 7%;
	padding: 0;
	float: left;
}

.guideline h2 {
	width: 90%;
	margin: 50px 5%;
	text-align: center;
	font-size: 18px;
}

.guideline table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-weight: 700;
}

.guideline td { border: none; }

.guideline td:nth-of-type(1) {
	width: 180px;
	color: #FFF;
	background-color: #008B5F;
	padding: 15px;
	border-bottom: #FFF 1px solid;
}

.guideline td:nth-of-type(2) {
	padding: 15px;
	border-bottom: #E2EFBC 1px solid;
}

.guideline td:nth-of-type(2) p.small {
	font-weight: 400;
	font-size: 14px;
}

.guideline td:nth-of-type(2) span {
	font-weight: 400;
}

.guideline td:nth-of-type(2) span a {
	background-color: #004831;
	padding: 5px 15px;
	margin-right: 5px;
	font-weight: 700;
	color: #FFF;
	border-radius: 5px;
}

.guideline .entry_btn {
	width: 100%;
	margin: 50px 0;
	background-color: #008B5F;
	float: left;
}

.guideline .entry_btn .en {
	width: 90%;
	margin: 50px 5% 0;
	text-align: center;
	color: #FFF;
	font-size: 42px;
}

.guideline .entry_btn p {
	width: 90%;
	margin: 10px 5%;
	text-align: center;
	color: #FFF;
	font-size: 14px;
}

.guideline .entry_btn .btn_box {
	width: 100%;
	margin: 20px 0 50px;
	text-align: center;
	display: flex;
}

.guideline .entry_btn .btn_box .btn.more {
	margin: 0 auto;
}

.guideline .entry_btn .btn_box .btn.more a {
	background-color: #004831;
	color: #FFF;
}

.guideline .entry_btn .btn_box .btn.more a:hover {
	background-color: #FFF;
	color: #004831;
}

/* ************************************************************************************
          Responsive Layout Whideth 1000px
*************************************************************************************** */
@media only screen and (max-width: 1000px) {

.guideline .tab {
	border-bottom: none;
	flex-wrap: wrap;
    gap: 1rem;
	        display: flex;
}

.guideline .tab,
.guideline .block { width: 100%;margin: 0; }

.guideline .tab li {
        width: 47%;
        height: 3rem;
        gap: 1rem;
        margin: 0;
        border: #008B5F 1px solid;
        display: flex;
}

/*.guideline .tab li.act { box-sizing: border-box;border: none; }*/

.guideline .tab li a {
        padding: 0;
        text-align: left;
        align-items: center;
        display: flex;
        justify-content: center;
}

.guideline .tab li.line2 {
	padding: 4.5px 15px;
	text-align: left;
}

.guideline .tab li.act {
        padding: 0;
        text-align: left;
        align-items: center;
        display: flex
;
        justify-content: center;
}

.guideline .tab li br {
	display: none;
}

}

/* ************************************************************************************
          Responsive Layout Whideth 680px
*************************************************************************************** */
@media only screen and (max-width: 680px) {

.guideline td:nth-of-type(1) {
	width: 90%;
	padding: 5px 5%;
	float: left;
	background-color: #008B5F;
	color: #FFF;
	text-align: center;
}

.guideline td:nth-of-type(2) {
	width: 90%;
	padding: 10px 5%;
	float: left;
	background-color: #FFF;
	color: #004831;
}

.guideline td:nth-of-type(2) span a {
	background-color: #004832;
	color: #FFF;
}

}