/*pc_css*/
@media screen and (min-width:769px){
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 1300px;
		transition: top 0.5s;
	}
	
	.menu{
		display: none;
	}
	
	.menu.hide{
		display: block;
		top:0;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:30px 50px 0 0;
		z-index:20;
		margin-left:calc(100% - 75px);
		position: fixed;
	}
	
	#maincontainer{
		position: relative;
		border-top:75px solid #fff;
	}
	
	#interview .mainbox{
		height:500px;
		background:url("../images/interview/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#interview .mainbox .tlbox{
		font-size:2.5em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#interview .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}

	#interview .bgbox{
		padding:80px 0;
		background:#f4f4f4;
	}
	
	#interview .bgbox .innerbox{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 10px 0;
	}
	
	#interview .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 80px 0;
	}
	
	#interview .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#interview .innerbox.box4{
		width:860px;
		margin:0 auto ;
		background:#fff;
		padding:100px 0;
	}
	
	#interview .innerbox.box5{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 100px 0;
	}
	
	#interview .singletx{
		line-height: 2em;
	}
	
	#interview .bgbox .innerbox .mtxbox{
		line-height: 2em;
		margin:0 0 100px 0;
		text-align: center;
	}
	
	#interview .bgbox .innerbox .listcont{
		width:980px;
		margin:0 auto;
	}
	
	#interview .bgbox .innerbox ul.listbox{
		width:100%;
		margin:0 0 0 0;
		list-style: none;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2{
		width:100%;
		margin:0 0 60px 0;
		list-style: none;
	}
	
	#interview .bgbox .innerbox ul.listbox li{
		width:50%;
		float: left;
		margin:0 0 60px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li a{
		display: block;
		color:#000;
		position: relative;
	}
	
	#interview .bgbox .innerbox ul.listbox a img{
		transition: all 0.5s;
		transform: scale(1);
	}
	
	#interview .bgbox .innerbox ul.listbox li a:hover img{
		transform: scale(1.05);
	}
	
	#interview .bgbox .innerbox ul.listbox li .phbox{
		width:100%;
		height:300px;
		line-height: 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox{
		padding:15px 0 0 0;
		text-align: center;
		padding:30px;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox.box2{
		position: absolute;
		top:0;
		left:0;
		background:#fff;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox .year{
		font-size:0.9em;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .year{
		font-size:0.9em;
		text-align: left;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .position{
		font-size:1.1em;
		text-align: left;
		color:#007e56;
		margin:0 0 10px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .position2{
		font-size:1.7em;
		text-align: left;
		color:#007e56;
		margin:0 0 5px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox .year span{
		color:#fff;
		font-size:0.8em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox .name{
		font-size:1.5em;
		padding:15px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .name{
		font-size:2.3em;
		padding:15px 0;
		text-align: left;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li{
		width:50%;
		float: left;
		margin:0 0 0 0;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .phbox{
		width:100%;
		height:360px;
		line-height: 0;
	}
	
	#interview .innerbox.box5 ul.listbox{
		width:100%;
		margin:0 0 0 0;
		list-style: none;
	}
	
	#interview .innerbox.box5 ul.listbox.box2{
		width:100%;
		margin:0 0 60px 0;
		list-style: none;
	}
	
	#interview .innerbox.box5 ul.listbox li{
		width:33.33333%;
		float: left;
		margin:0 0 60px 0;
	}
	
	#interview .innerbox.box5 ul.listbox li a{
		display: block;
		color:#000;
		position: relative;
	}
	
	#interview .innerbox.box5 ul.listbox a img{
		transition: all 0.5s;
		transform: scale(1);
	}
	
	#interview .innerbox.box5 ul.listbox li a:hover img{
		transform: scale(1.05);
	}
	
	#interview .innerbox.box5 ul.listbox li .phbox{
		width:100%;
		height:300px;
		line-height: 0;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox{
		padding:15px 0 0 0;
		text-align: center;
		padding:30px;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox.box2{
		position: absolute;
		top:0;
		left:0;
		background:#fff;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox .year{
		font-size:0.9em;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .year{
		font-size:0.9em;
		text-align: left;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .position{
		font-size:1.1em;
		text-align: left;
		color:#007e56;
		margin:0 0 10px 0;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .position2{
		font-size:1.7em;
		text-align: left;
		color:#007e56;
		margin:0 0 5px 0;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox .year span{
		color:#fff;
		font-size:0.8em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox .name{
		font-size:1.5em;
		padding:15px 0;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .name{
		font-size:2.3em;
		padding:15px 0;
		text-align: left;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li{
		width:50%;
		float: left;
		margin:0 0 0 0;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .phbox{
		width:100%;
		height:360px;
		line-height: 0;
	}
	
	#interview .bgbox .innerbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .innerbox .tlbox.box2{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .innerbox .tlbox.box3{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#interview .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	/*linkbtn*/
	#interview .linkbtn{
		width:405px;
		text-align: center;
		background:#000;
		padding:28px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#interview .linkbtn.box2{
		width:235px;
	}
	
	#interview .linkbtn .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#interview .linkbtn:hover .bg{
		opacity: 1;
	}
	
	#interview .linkbtn span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#interview .linkbtn:hover span{
		color:#000;
	}
	
	/*linkbtn*/
	#interview .linkbtn2{
		width:345px;
		text-align: center;
		background: -webkit-linear-gradient(left, #000000 0%, #07483f 100%);
        background: -o-linear-gradient(left, #000000 0%, #07483f 100%);
        background: linear-gradient(to right, #000000 0%, #07483f 100%);
		padding:28px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#interview .linkbtn2 .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#interview .linkbtn2:hover .bg{
		opacity: 1;
	}
	
	#interview .linkbtn2 span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#interview .linkbtn2:hover span{
		color:#000;
	}
	
	/*single*/
	#interview .mainsingle{
		width:100%;
		height:800px;
		position: relative;
	}
	
	#interview .mainsingle.bg1{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/m_main.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
	}
	
	#interview .mainsingle.bg2{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/s_main.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
	}
	
	#interview .mainsingle.bg3{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/o_main.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
	}
	
	#interview .mainsingle.bg4{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/k_main.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
	}
	
	#interview .mainsingle .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		padding:0 10%;
	}
	
	#interview .mainsingle .inbox .maintl{
		margin:0 0 50px 0;
	}
	
	#interview .mainsingle .inbox .maintl span{
		background:#000;
		color:#fff;
		font-size:2.8em;
		line-height: 1.8em;
		padding:10px 10px;
	}
	
	#interview .mainsingle .inbox .year{
		font-size:1.3em;
		text-align: left;
		margin:0 0 20px 0;
	}
	
	#interview .mainsingle .inbox .year span{
		color:#fff;
		font-size:0.9em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#interview .mainsingle .inbox .name{
		font-size:2.3em;
		padding:0 0 30px 0;
		margin: 0 0 30px 0;
		position: relative;
	}
	
	#interview .mainsingle .inbox .name:after{
		content: "";
		width:45px;
		border-bottom:2px solid #2b8164;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#interview .mainsingle .inbox .sub{
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	#interview .mainsingle .inbox .sub span{
		font-size:0.8em;
	}
	
	#interview .mainsingle .inbox .tx{
		line-height: 1.8em;
		font-size:0.9em;
		width:450px;
	}
	
	#interview .floatbox.rb{
		margin:0 0 200px 0;
	}
	
	#interview .floatbox .phbox{
		width:50%;
		float: left;
		height:900px;
	}
	
	#interview .floatbox.rb .phbox{
		width:50%;
		float: right;
		height:900px;
	}
	
	#interview .floatbox .textcont{
		padding:0 75px;
		float: left;
		width:calc(50% - 150px);
		
	}
	
	#interview .floatbox .textcont.box2{
		padding:150px 75px 0;
		float: left;
		width:calc(50% - 150px);
		
	}
	
	#interview .floatbox .tlbox.box2{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .floatbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#interview .floatbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
}


@media screen and (max-width:768px){
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	
	.menu{
		display: none;
	}
	
	.menu.hide{
		display: block;
		top:0;
		left:0;
		right:auto;
		transition:top 0.5s;
		padding:20px 5% 0 0;
		z-index:20;
		margin-left:calc(100% - 11%);
		position: fixed;
	}
	
	#maincontainer{
		position: relative;
		border-top:55px solid #fff;
	}
	
	#interview .mainbox{
		height:130px;
		background:url("../images/interview/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#interview .mainbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:20px 0 0 0;
		margin:0 0 0 0;
		position: relative;
		text-align: center;
		color:#fff;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#interview .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}

	#interview .bgbox{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#interview .bgbox .innerbox{
		width:90%;
		margin:0 auto 40px;
		background:#fff;
		padding:50px 5% 10px;
	}
	
	#interview .bgbox .innerbox.box2{
		width:90%;
		margin:0 auto 0;
		background:#fff;
		padding:50px 5% 40px;
	}
	
	#interview .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#interview .innerbox.box4{
		width:80%;
		margin:0 auto ;
		background:#f4f4f4;
		padding:50px 10%;
	}
	
	#interview .innerbox.box5{
		width:100%;
		margin:0 auto ;
		background:#fff;
		padding:0 0 50px 0;
	}
	
	#interview .singletx{
		line-height: 2em;
	}
	
	#interview .bgbox .innerbox .mtxbox{
		line-height: 2em;
		margin:0 0 50px 0;
		text-align: center;
	}
	
	#interview .bgbox .innerbox .listcont{
		width:100%;
		margin:0 auto;
	}
	
	#interview .bgbox .innerbox ul.listbox{
		width:100%;
		margin:0 0 0 0;
		list-style: none;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2{
		width:100%;
		margin:0 0 30px 0;
		list-style: none;
	}
	
	#interview .bgbox .innerbox ul.listbox li{
		width:100%;
		float: left;
		margin:0 0 30px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li a{
		display: block;
		color:#000;
		position: relative;
	}
	
	#interview .bgbox .innerbox ul.listbox a img{
		transition: all 0.5s;
		transform: scale(1);
	}
	
	#interview .bgbox .innerbox ul.listbox li a:hover img{
		transform: scale(1.05);
	}
	
	#interview .bgbox .innerbox ul.listbox li .phbox{
		width:100%;
		height:180px;
		line-height: 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox{
		padding:15px 0 0 0;
		text-align: center;
		padding:20px 0 40px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox.box2{
		position: relative;
		top:0;
		left:0;
		background:#fff;
		text-align: center !important;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox .year{
		font-size:0.9em;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .year{
		font-size:0.9em;
		text-align: center;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .position{
		font-size:1.1em;
		text-align: center;
		color:#007e56;
		margin:0 0 10px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .position2{
		font-size:1.7em;
		text-align: center;
		color:#007e56;
		margin:0 0 5px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox .year span{
		color:#fff;
		font-size:0.8em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#interview .bgbox .innerbox ul.listbox li .namebox .name{
		font-size:1.5em;
		padding:15px 0;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .namebox .name{
		font-size:2.3em;
		padding:15px 0;
		text-align: center;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li{
		width:100%;
		float: left;
		margin:0 0 0 0;
	}
	
	#interview .bgbox .innerbox ul.listbox.box2 li .phbox{
		width:100%;
		height:180px;
		line-height: 0;
	}
	
	#interview .innerbox.box5 ul.listbox{
		width:100%;
		margin:0 0 0 0;
		list-style: none;
	}
	
	#interview .innerbox.box5 ul.listbox.box2{
		width:100%;
		margin:0 0 30px 0;
		list-style: none;
	}
	
	#interview .innerbox.box5 ul.listbox li{
		width:33.33333%;
		float: left;
		margin:0 10px 30px;
	}
	
	#interview .innerbox.box5 ul.listbox li a{
		display: block;
		color:#000;
		position: relative;
	}
	
	#interview .innerbox.box5 ul.listbox a img{
		transition: all 0.5s;
		transform: scale(1);
	}
	
	#interview .innerbox.box5 ul.listbox li a:hover img{
		transform: scale(1.05);
	}
	
	#interview .innerbox.box5 ul.listbox li .phbox{
		width:100%;
		height:200px;
		line-height: 0;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox{
		padding:15px 0 0 0;
		text-align: center;
		padding:30px;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox.box2{
		position: absolute;
		top:0;
		left:0;
		background:#fff;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox .year{
		font-size:0.9em;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .year{
		font-size:0.9em;
		text-align: left;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .position{
		font-size:1.1em;
		text-align: left;
		color:#007e56;
		margin:0 0 10px 0;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .position2{
		font-size:1.7em;
		text-align: left;
		color:#007e56;
		margin:0 0 5px 0;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox .year span{
		color:#fff;
		font-size:0.8em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#interview .innerbox.box5 ul.listbox li .namebox .name{
		font-size:1.5em;
		padding:15px 0;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .namebox .name{
		font-size:2.3em;
		padding:15px 0;
		text-align: left;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li{
		width:50%;
		float: left;
		margin:0 0 0 0;
	}
	
	#interview .innerbox.box5 ul.listbox.box2 li .phbox{
		width:100%;
		height:360px;
		line-height: 0;
	}
	
	#interview .bgbox .innerbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .innerbox .tlbox.box2{
		font-size:1.5em;
		line-height: 1.7em;
		padding:240px 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .innerbox .tlbox.box3{
		font-size:2.3em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .innerbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#interview .innerbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
	/*linkbtn*/
	#interview .linkbtn{
		width:100%;
		text-align: center;
		background:#000;
		padding:25px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#interview .linkbtn.box2{
		width:235px;
	}
	
	#interview .linkbtn .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#interview .linkbtn:hover .bg{
		opacity: 1;
	}
	
	#interview .linkbtn span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#interview .linkbtn:hover span{
		color:#000;
	}
	
	/*linkbtn*/
	#interview .linkbtn2{
		width:90%;
		text-align: center;
		background: -webkit-linear-gradient(left, #000000 0%, #07483f 100%);
        background: -o-linear-gradient(left, #000000 0%, #07483f 100%);
        background: linear-gradient(to right, #000000 0%, #07483f 100%);
		padding:25px 0;
		color:#fff;
		font-size:0.8em;
		font-style: italic;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#interview .linkbtn2 .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#interview .linkbtn2:hover .bg{
		opacity: 1;
	}
	
	#interview .linkbtn2 span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#interview .linkbtn2:hover span{
		color:#000;
	}
	
	/*single*/
	#interview .mainsingle{
		width:100%;
		height:calc(550px - 100px);
		position: relative;
		top:0;
	}
	
	#interview .mainsingle.bg1{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/m_main.jpg") no-repeat;
		background-size:cover;
		background-position: top 50% left 70%;
	}
	
	#interview .mainsingle.bg2{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/s_main.jpg") no-repeat;
		background-size:cover;
		background-position: top 50% left 70%;
	}
	
	#interview .mainsingle.bg3{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/o_main.jpg") no-repeat;
		background-size:cover;
		background-position: top 50% left 70%;
	}
	
	#interview .mainsingle.bg4{
		background:url("https://recruit.bigtreetc.com/newgrads/images/interview/k_main.jpg") no-repeat;
		background-size:cover;
		background-position: top 50% left 70%;
	}
	
	#interview .mainsingle .inbox{
		padding:0 5%;
	}
	
	#interview .mainsingle .inbox .maintl{
		position: relative;
		top:230px;
	}
	
	#interview .mainsingle .inbox .maintl span{
		background:#000;
		color:#fff;
		font-size:1.6em;
		line-height: 2.4em;
		padding:10px 10px;
	}
	
	#interview .mainsingle .spbox{
		background:#fff;
		margin:calc(250px) 0 0 0;
		padding:20px;
	}
	
	#interview .mainsingle .inbox .year{
		font-size:1.3em;
		text-align: left;
		margin:0 0 20px 0;
	}
	
	#interview .mainsingle .inbox .year span{
		color:#fff;
		font-size:0.9em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#interview .mainsingle .inbox .name{
		font-size:2.3em;
		padding:0 0 30px 0;
		margin: 0 0 0 0;
		position: relative;
	}
	
	#interview .mainsingle .inbox .name:after{
		display: none;
	}
	
	#interview .mainsingle .inbox .sub{
		font-weight: 600;
		margin:0 0 10px 0;
		font-size:1.1em;
	}
	
	#interview .mainsingle .inbox .sub span{
		font-size:0.8em;
	}
	
	#interview .mainsingle .inbox .tx{
		line-height: 1.8em;
		font-size:0.9em;
		width:100%;
	}
	
	#interview .floatbox .phbox{
		width:100%;
		float: none;
		height:300px;
	}
	
	#interview .floatbox .textcont{
		padding:0 10%;
		float: none;
		width:80%;
		margin:50px 0 50px 0;
		
	}
	
	#interview .floatbox .tlbox.box2{
		font-size:1.5em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		margin:0 0 40px 0;
		position: relative;
		text-align: center;
	}
	
	#interview .floatbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
	}
	
	#interview .floatbox .tlbox:after{
		content: "";
		width:45px;
		border-bottom:2px solid #008475;
		position: absolute;
		left:50%;
		margin:0 0 0 -22px;
		bottom:0;
	}
	
}