@import url(reset.css);

/*common*/
/*body {font-size:14px; font-family:"¸¼Àº °íµñ",Helvetica, AppleGothic, sans-serif; color:#333; text-align:left;}*/

@font-face {font-family: 'SBAggroB';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'SBAggroM';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');font-weight: normal;font-style: normal;}

body {font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; color:#333; text-align:left;}

a:link, a:visited {color:#333; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}

th, strong {font-weight:700;}

/*layout*/
#wrap {width:100%;}
.binder {width:1100px; margin:0 auto;}
	#container {}
	#container:after {content:""; display:block; clear:both;}
		div.section01 {width:100%; height:940px;}
		div.section02 {}
		div.section03 {}
		div.section04 {width:100%; height:1885px;}
	footer {}
/*container*/
	#container {}

	div.section01 {
		background:url('../../images/cfes1_200327/section01_bg_new.png') 50% 50% no-repeat;
		overflow:hidden;
		position:relative;
	}
	div.section01 > div.binder {}
	div.section01 > div.binder > div.s01_title {}
	div.section01 > div.binder > div.s01_title > h2 {
		width:630px;
		height:189px;
		margin:240px auto 18px;
		text-indent:-99999999px;
		overflow:hidden;
		background:url('../../images/cfes1_200327/s01_title.png') 50% 50% no-repeat;
	}
	div.section01 > div.binder > div.s01_title > p {
		width:931px;
		height:255px;
		margin:0 auto;
		text-indent:-99999999px;
		overflow:hidden;
		background:url('../../images/cfes1_200327/s01_text.png') 50% 50% no-repeat;
	}
	div.section01 > p {
		height:856px;
		position:absolute;
		bottom:0;
	}
	div.section01 > p.s01_teacher_kim {
		width:429px;
		background:url('../../images/cfes1_200327/s01_teacher_kim.png') 50% 50% no-repeat;
		right:1390px;
	}
	div.section01 > p.s01_teacher_so {
		width:436px;
		background:url('../../images/cfes1_200327/s01_teacher_so.png') 50% 50% no-repeat;
		left:1384px;
	}

	div.section02 {
		background:#21273e;
		overflow:hidden;
	}
	div.section02 > div.binder {}
	div.section02 > div.binder > h2 {
		font-family: 'SBAggroB', 'sans-serif';
		font-size: 4rem;
		color: white;
		padding: 100px 100px 20px 100px;
		margin: 0 auto;
		text-align: center;
	}
	div.section02 > div.binder > h2 span {color:#c1ef46}
	div.section02 > div.binder > ul {}
	div.section02 > div.binder > ul:after {
		display:block;
		clear:both;
		content:"";
	}
	div.section02 > div.binder > ul > li {
		text-indent:-99999999px;
		width:540px;
		height:575px;
		float:left;
		overflow:hidden;
	}
	div.section02 > div.binder > ul > li:nth-child(even) {
		margin-left:20px;
	}
	div.section02 > div.binder > ul > li:nth-child(1) {
		background:url('../../images/cfes1_200327/s02_part1.png') 50% 50% no-repeat;
	}
	div.section02 > div.binder > ul > li:nth-child(2) {
		background:url('../../images/cfes1_200327/s02_part2.png') 50% 50% no-repeat;
	}
	div.section02 > div.binder > ul > li:nth-child(3) {
		background:url('../../images/cfes1_200327/s02_part3.png') 50% 50% no-repeat;
	}
	div.section02 > div.binder > ul > li:nth-child(4) {
		background:url('../../images/cfes1_200327/s02_part4.png') 50% 50% no-repeat;
	}
	div.section02 > div.binder > ul > li:nth-child(5) {
		width:1100px;
		background:url('../../images/cfes1_200327/s02_part5.png') 50% 50% no-repeat;		
	}
	div.section02 > div.binder > a {
		display:block;
		margin:85px auto 130px;
	}

	div.section03 {
		background:#efefef;
		overflow:hidden;
	}
	div.section03 > div.binder {}
	div.section03 > div.binder > h2 {
		width:715px;
		height:53px;
		margin:175px auto 57px;
		text-indent:-99999999px;
		overflow:hidden;
		background:url('../../images/cfes1_200327/s03_title.png') 50% 50% no-repeat;
	}
	div.section03 > div.binder > dl {}
	div.section03 > div.binder > dl:after {
		display:block;
		clear:both;
		content:"";
	}
	div.section03 > div.binder > dl:nth-child(3) {
		margin-bottom:70px;
	}
	div.section03 > div.binder > dl > dt {
		width:132px;
		height:142px;
		text-indent:-99999999px;
		overflow:hidden;
		float:left;
	}
	div.section03 > div.binder > dl:nth-child(2) > dt {
		background:url('../../images/cfes1_200327/s03_01.png') 50% 50% no-repeat;
	}
	div.section03 > div.binder > dl:nth-child(3) > dt {
		background:url('../../images/cfes1_200327/s03_02.png') 50% 50% no-repeat;
	}
	div.section03 > div.binder > dl > dd {
		font-size:30px;
		font-weight:300;
		word-break:keep-all;
		padding:20px 0px 20px 17px;
		width:950px;
		height:142px;
		float:left;
	}
	div.section03 > div.binder > dl > dd > span {}

	div.section04 {
		margin-top:-30px;
		text-indent:-99999999px;
		overflow:hidden;
		background:url('../../images/cfes1_200327/section04_bg_new.png') 50% 50% no-repeat;
	}