@CHARSET "UTF-8";

@font-face{
font-family:'CoreGothic5';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic5.eot');
src:url('/resources/css/font/CoreGothic5.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic5.woff') format('woff'),
url('/resources/css/font/CoreGothic5.ttf') format('truetype');
}

@font-face{
font-family:'CoreGothic9';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic9.eot');
src:url('/resources/css/font/CoreGothic9.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic9.woff') format('woff'),
url('/resources/css/font/CoreGothic9.ttf') format('truetype');
}

#main_teacherPF { background: url("/resources/images/landing/teacherPF/bg_teacherPF_03.png") no-repeat; background-position:center;background-size: 100% 1097px; overflow: hidden; text-align:center;} 


/* PC 브라우저용 */
.teacherPfContainer {margin: 0 auto; width: 1200px;}
.teacherPfContainer h2{font-family: "CoreGothic9", Helvetica, Arial, sans-serif; font-size:160px; color:#1b1b1b; line-height: 1px;}
.teacherPfContainer h4{font-family: "CoreGothic5", Helvetica, Arial, sans-serif; font-size:38px; color:#ffffff; letter-spacing:-3px; line-height: 10px;}
.teacherPfBox {display: inline-block; width:100%; height:760px; margin-top:50px;}
.teacherPfBox li {position:relative; display: inline-block; width:24.5%; height:250px; float:left; overflow: hidden; margin-right:0.5%; margin-bottom:0.5%; cursor:pointer;}

/* IE8 브라우저용 */
.teacherPfBox .teacherPf01 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_01.png');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_01.png',sizingMethod='scale');}
.teacherPfBox .teacherPf02 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_02.png');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_02.png',sizingMethod='scale');}
.teacherPfBox .teacherPf03 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_03.png'); width:49.5%; margin-right:0px;
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_03.png',sizingMethod='scale');}
.teacherPfBox .teacherPf04 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_04.png');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_04.png',sizingMethod='scale');}
.teacherPfBox .teacherPf05 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_05.png');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_05.png',sizingMethod='scale');}
.teacherPfBox .teacherPf06 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_06.png');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_06.png',sizingMethod='scale');}
.teacherPfBox .teacherPf07 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_07.png'); margin-right:0px;
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_07.png',sizingMethod='scale');}
.teacherPfBox .teacherPf08 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_08.png'); width:49.5%;
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_08.png',sizingMethod='scale');}
.teacherPfBox .teacherPf09 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_09.png');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_09.png',sizingMethod='scale');}
.teacherPfBox .teacherPf10 { background-image:url('/resources/images/landing/teacherPF/teacherPF_img_10.png'); margin-right:0px;
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/landing/teacherPF/teacherPF_img_10.png',sizingMethod='scale');}

.teacherPfBox li { background-repeat: no-repeat; background-size: cover; background-position: center center;}

.teacherPfBox li div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: -100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.teacherPfBox li:hover .hoverContainer{
	left: 0px;
}

.teacherPfBox li .hoverCover {
	background-color: black;
	filter: alpha(opacity=70);
	opacity: 0.7;
	width: 100%;
	height: 100%;
}

.teacherPfBox li div .hoverText span {
	display:block;
	margin-top:100px;
	font-size:18px;
	color:#fff;
}


/* 모바일 페이지용 */
/* 
.mobileTeacherPfContainer {margin: 0 auto; width: 86%; padding-top: 50px; margin-left: 7%; margin-right: 7%;}
.mobileTeacherPfBox {display: inline-block; width:100%; height:100%; margin: 5% auto;}
.mobileTeacherPfBox li {position:relative; display: inline-block; width:24%; height:250px; float:left; overflow: hidden; margin-right:1%; margin-bottom:1%;}

.mobileTeacherPfBox li:nth-child(3) {width: 49%; margin-right:0px; !important;}
.mobileTeacherPfBox li:nth-child(7) {margin-right:0px; !important;}
.mobileTeacherPfBox li:nth-child(8) {width: 49%; !important;}
.mobileTeacherPfBox li:nth-child(10) {margin-right:0px; !important;} 
*/