/* CSS Document */

/* 서브 슬라이드 */
#sub_flash { overflow:hidden; border-bottom:1px solid #e2e2e2;}
	#sub_flash .sub_img { width:100%; overflow:hidden }
	#sub_flash .sub_img img { width:100%; }
	
	
#s_contents { width:100%; max-width:1200px; margin:auto; letter-spacing:-1px;}	

.s2_content_wrap { padding:20px 0; margin-bottom:20px; font-family:'Nanum Gothic', sans-serif;}
	
@media only screen and (min-width: 200px) {
	.s_title { border-bottom:1px solid #e2e2e2; padding-top:20px; }
		.s_title h3 { text-align:center; color:#333; font-weight:bold; font-size:1.8em; }
		.s_title p { text-align:right; padding-bottom:10px;}
		
	
	
	/* 인사말 */
	.intro { padding:20px 0; width:98%; margin:auto; letter-spacing:-1px;}
		.intro h4 { font-weight:bold; font-size:1.3em; line-height:1.5em; margin-bottom:20px; padding:0 0px;}
		.intro h4 span { display:inline-block; background:none; height:auto; line-height:normal; color:#b20a0a; padding:0px 0px; margin-left:0px;}
		.intro p { font-size:1.0em; line-height:1.8em; }
		.intro ul { margin:25px 0; }
		.intro ul li {  font-size:1.0em; margin-bottom:15px; }
		.intro ul li span { background:#a6aa0a; color:#fff; display:inline-block; border-radius:20px; width:30px; height:30px; text-align:center; font-size:0.8em; margin-right:10px; line-height:30px; }
		.intro .gray_box { background:#f3f3f3; padding:25px 40px; }

	/* 회사 개요 */
	#outline { width:98%; margin:auto;}
		#outline h1 { width:100%; color:#b20a0a; font-size:1.8em; font-weight:bold; margin-bottom:20px; }
		#outline h4 { width:100%; color:#333; line-height:1.2em; font-size:1.2em; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #b6b6b6; }
		#outline p { width:100%; font-size:1.1em; margin-top:20px; margin-bottom:30px; }
		
		#outline table { width:100%; border-collapse:collapse; border-top:3px solid #a6aa0a; }	
		#outline table tr td, #outline table tr th  { padding:15px 0; border-bottom:1px solid #b6b6b6; font-size:1.0em;}
		#outline table tr:nth-child(even) > * { background:#f6f6f6; }
		#outline table tr th span { display:block; padding-left:25px; background:url(../images/dot2.jpg) no-repeat 2px 5px; margin-left:15px;}
		
	#principle {width:98%; margin:auto;}		
		#principle ul { overflow:hidden; width:100%;}
		#principle ul li { width:50%; overflow:hidden; position:relative; }
		#principle ul li .background { width:100%;}
		#principle ul li .background img { width:100%;}
		#principle ul li .text { position:absolute; text-align:center; margin:auto; color:#fff; width:100%; padding:40% 0; font-size:1.2em;}
		#principle ul li .text .eng { display:block; font-size:0.8em; }
z
		#principle ul .pr_red { background:#b20a0a; float:left;}
		#principle ul .pr_blue { background:#5f7f9c; float:right;}
		#principle ul .pr_green { background:#a6aa0a; float:right;}
		#principle ul .pr_purple { background:#532b3a; float:left;}
		
	/* 경영이념  */
	#p4 { width:98%; margin:auto;}
		#p4 h1 { text-align:center; margin-bottom:30px; font-size:1.4em;}
		#p4 h1 .box { display:inline-block; padding:3px 4px 6px 4px; background:#b20a0a; color:#fff; font-weight:bold;}
		#p4 h1 .point { color:#b20a0a; font-weight:bold;}
		#p4 p { width:100%; height:2px; background:url('/images/dash.jpg') repeat-x; margin-bottom:30px; }
		
		#p4 ul { width:100%; overflow:hidden;}
		#p4 ul li { width:100%; margin-bottom:2%; overflow:hidden;}
		#p4 ul li > div { width:100%; float:left; margin:0px 1%; margin-bottom:10px;}
		#p4 ul li h4 { vertical-align:bottom; font-size:1.4em; font-weight:bold; margin-bottom:15px;}
		#p4 ul li h4 img { vertical-align:bottom; width:10%; margin-right:10px; }
		
		#p4 ul li .red { color:#b20a0a;}
		#p4 ul li .blue { color:#5f7f9c;}
		#p4 ul li .green { color:#a6aa0a;}
		#p4 ul li .purple { color:#532b3a;}
		
		#p4 ul li > div > div { border:1px solid #E3E3E3; border-radius:10px; background:#F9F9F9; padding:30px; font-size:1.1em;} 
		
	/* 비전 */
	#vision { width:98%; margin:auto; }
		#vision ul li { width:100%; padding:20px; background:#efefef; margin-bottom:20px; font-size:1.2em; }
		#vision ul li span { font-weight:bold; display:block; }
		#vision ul .red { border-left:20px solid #b20a0a; }
		#vision ul .blue { border-left:20px solid #5f7f9c; }
		#vision ul .green { border-left:20px solid #a6aa0a; }
		#vision ul .purple { border-left:20px solid #532b3a; }
		
	/* 연혁 */
	#history { width:98%; margin:auto; }
		#history > div { margin-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
		#history > div h4 { float:none; width:100%; color:#bebebe; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin-bottom:20px;}
		#history > div h4 span { color:#532b3a;}
		#history > div ul { float:none; width:100%;  }
		#history > div ul li { margin-bottom:10px; font-size:1.1em; letter-spacing:-1px; }
		#history > div ul li span { font-weight:bold; color:#532b3a; display:block; margin-right:10px; width:100%; border-right:none; }
		
	/* 조직도 */
	#organ { width:98%; margin:auto; }
		#organ #icon { width:100%; overflow:hidden; }
		#organ #icon li { float:left; width:100%; margin:2% 0; position:relative;}
		#organ #icon li > img { width:100%;}
		#organ #icon li:last-child { margin-right:0;}
		#organ #icon li .icon_text { position:absolute; width:100%; height:100%;text-align:center;}
		#organ #icon li .icon { width:30%; margin:auto; margin-bottom:10px; margin-top:25%; }
		#organ #icon li .icon img { width:100%; }
		#organ #icon li .text { width:100%; font-size:1.4em; letter-spacing:-1px; }
		
		#organ h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#organ h3 img { width:25px; height:auto; }
		#organ .box_2 { background:#f7f7f8; padding:3%; width:100%; overflow:hidden; margin-bottom:20px; margin-left:0px;}
		#organ .box_2 > div { float:none; width:100%; margin:2%; overflow:hidden; padding:10px;}
		#organ .box_2 .f_box { border-bottom:1px solid #CDCDCD; border-right:none; }
		#organ .box_2 div h4 { float:none; width:100%; font-size:1.2em; font-weight:bold; margin-bottom:10px; }
		#organ .box_2 div ul { overflow:hidden; width:100%;}
		#organ .box_2 div ul li { list-style:circle; margin-left:15px;}
		
		#organ .box3 { margin-left:0px; width:100%; background:#e8f0f6; padding:30px;}
		#organ .box3 > ul > li { font-size:1.1em; margin-bottom:10px; letter-spacing:-1px; }
		#organ .box3 > ul > li > ul > li { font-size:0.9em; padding-left:30px; margin:5px 0;}
		#organ .box3 > ul > li span { font-weight:bold; color:#5f7f9c;}
		
	/* 자격현황 */
	#document { width:98%; margin:auto; }
		#document ul li { width:100%; float:none; margin-bottom:20px; }
		#document ul li:nth-child(odd) { margin-right:0%; }
		#document ul li img { width:100%;}
		#document ul li div { width:100%; background:#f1f1f1; border:1px solid #c8c8c8; border-top:none; padding:10px; text-align:center; font-size:1.2em; color:#4c4c4c;}
		
		
	/* 사이트맵 */
	#siteMap2 { width:98%; margin:auto; }
		#siteMap2 .sitemap_step01 { overflow:hidden; }
		#siteMap2 .sitemap_step01 .sstep01 { width:100%; overflow:hidden; margin-bottom:30px;}
		#siteMap2 .sitemap_step01 > li:last-child { margin-right:0%;}
		#siteMap2 .sitemap_step01 .sstep01 > a { padding-left:10px; font-size:1.4em; color:#333; border-left:10px solid #a6aa0a; font-weight:bold; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 { font-size:1.1em; font-weight:normal;  font-family:'Nanum Gothic', sans-serif; background:url(../images/dot4.jpg) no-repeat 0px 15px; padding-left:15px; margin:15px; float:left; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a { font-weight:normal;}
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a:hover { color:#5f7f9c; text-decoration:none; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep03 { float:none; width:100%; margin-top:10px; font-size:0.9em; padding:0;}		
		
	/* 홈페이지제작 */
	#hpg { width:98%; margin:auto; }
		#hpg .dan1 { width:100%; overflow:hidden; position:relative; margin-bottom:30px; }
		#hpg .dan1 .img { width:100%; margin-top:30px; float:none;}
		#hpg .dan1 .img img { width:100%;}
		#hpg .dan1 .text { width:100%; font-size:1.2em; padding:4.5%; background:rgba(0,0,0,0.8); color:#fff; float:none; margin-top:0px;}
	
		#hpg .dan2 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 10px; margin:40px 0; font-size:1.2em; line-height:2em; }		
	
		#hpg h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#hpg h3 img { width:25px; height:auto; }
	
		#hpg ul { width:100%;}
		#hpg ul li { width:100%; overflow:hidden; margin-bottom:30px;}
		#hpg ul li .icon { background:#f3f3f3; float:none; width:100%; padding:20px 20px; position:relative; border-radius:10px; margin:10px auto; text-align:center; }
		#hpg ul li .icon img { width:40%;}
		#hpg ul li .box { display:none; }
		#hpg ul li .text { float:none; width:100%; padding:40px 20px; margin-left:0px; border:1px solid #D8D8D8; position:relative; border-radius:10px; }
		#hpg ul li .text img { width:18.75%; display:none; }
		#hpg ul li .text div { position:inherit;}
		#hpg ul li .text div span { font-weight:bold; font-size:1.2em; display:inline-block; margin-bottom:5px;}
		
	/* 웹호스팅 */
	#hst { width:98%; margin:auto; }
		#hst h3 { font-weight:bold; font-size:1.4em; margin:10px 0; padding-bottom:4px;}
		#hst h3 img { width:20px; height:auto; }
		#hst > p { font-size:1.0em; line-height:1.8em; margin-bottom:30px; margin-left:20px; width:97%; }
		#hst > ul { font-size:1.0em; margin-left:20px; width:97%; margin-bottom:30px; }
		#hst > ul li { margin-bottom:10px; }

		
		#hst .img { width:100%; margin:50px 0;}
		#hst .img img { width:100%;}
		
		#hst .step_ul { width:100%; color:#333;}
		#hst .step_ul > li { font-weight:bold; margin-bottom:20px;}
		#hst .step_ul > li > ul { font-weight:normal; margin:10px 0 0px 20px;}
		#hst .step_ul > li > ul > li { list-style:outside; font-size:0.9em; margin:0;}

		#hst table { width:97%; margin-left:0px; text-align:center; font-size:1.1em;}
		#hst table tr:first-child td { background:#532b3a; color:#fff; border-right:1px solid #B46E88; }		
		#hst table tr td { padding:15px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}	
		#hst table tr .noline { border-right:none;}
		
		#hst .commond { width:100%; margin-left:0px; }
		#hst .commond > li { background:url(/images/dot3.png) no-repeat 0 8px; padding-left:35px; font-weight:bold; margin-bottom:20px; }
		#hst .commond > li > ul { font-weight:normal; font-size:0.9em; margin:10px 0 0px 20px; }
		#hst .commond > li > ul > li { list-style:outside; }
	
	/* 프레젠테이션 */
	#ppt { width:98%; margin:auto; }
		#ppt h3 { font-weight:bold; font-size:1.4em; margin:0 0 10px 0; padding-bottom:4px;}
		#ppt h3 img { width:25px; height:auto; }
		#ppt > p { font-size:1.1em; line-height:1.8em; margin-bottom:30px; margin-left:25px; width:97%; }

		
	#ppt .icon_ul { width:97%;margin:20px auto;  margin-left:25px; overflow:hidden;} 
	#ppt .icon_ul li { width:100%; float:none; background:#f4f4f4; border:1px solid #d7d7d7; border-radius:12px; text-align:center; padding:25px; } 
	#ppt .icon_ul li:nth-child(even) { margin:4% 0%;   } 
	#ppt .icon_ul li .img { width:100%; margin-bottom:20px; }
	#ppt .icon_ul li .img img { width:40%;}
	#ppt .icon_ul li h4 { font-weight:bold; margin-bottom:10px; color:#5f7f9c; }
	
	#ppt .step_ul { width:97%; margin-left:25px;}
		#ppt .step_ul li { font-size:1.2em; margin-bottom:20px;}
		#ppt .step_ul li h4 { color:#5f7f9c; font-weight:bold; margin-bottom:10px; font-size:1.1em; }
		#ppt .step_ul li h4 span { display:inline-block; width:30px; height:30px; line-height:30px; background:#5f7f9c; border-radius:50px; color:#fff; font-size:0.8em; text-align:center;}
		#ppt .step_ul li p { margin-left:40px; }
		
	/* 전자북 */
	#ebook { width:98%; margin:auto;}
		#ebook h3 { font-weight:bold; font-size:1.4em; margin:10px 0; padding-bottom:4px;}
		#ebook h3 img { width:30px; height:auto; }
		
		#ebook > p { font-size:1.1em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }							
		#ebook > ul { width:100%; padding-left:35px; }
		#ebook > ul > li { font-size:1.1em; line-height:2em; }
		
		#ebook > h4 { font-weight:bold; font-size:1.3em; margin:40px 0px 30px 30px; }
		#ebook .ebook { width:100%; margin-bottom:40px; overflow:hidden;}
		#ebook .ebook li { width:100%; float:none; text-align:center; margin-right:0%; font-size:1.0em; line-height:1.6em; margin-bottom:20px; }
		#ebook .ebook li:last-child { margin-right:0;}
		#ebook .ebook li .icon { width:100%;}
		#ebook .ebook li .icon img { width:20%;}		
		#ebook .ebook li p { margin-top:20px; margin-bottom:5px; font-weight:bold; color:#333; font-size:1.3em; letter-spacing:1px; }
		
		#ebook .box_ul { width:100%; overflow:hidden;}
		#ebook .box_ul > li { width:96%; float:none; background:#f2f2f2; padding:40px 30px; text-align:center; border-radius:20px; margin-right:0%; margin-bottom:10px; }
		#ebook .box_ul > li img { display:inline-block; margin-bottom:5px; }
		#ebook .box_ul > li h4 { margin-bottom:20px; font-weight:bold; font-size:1.2em; color:#532b3a; }
		#ebook .box_ul > li ul li { line-height:1.8em; }
		#ebook .box_ul > li ul li:last-child { margin-bottom:0px;}
		
		#ebook .two_ul { width:96%; overflow:hidden; }
		#ebook .two_ul li { width:100%; float:left; padding:40px; background:#f2f2f2; margin:10px 0.5%; border-radius:20px; }
		#ebook .two_ul li p { font-size:1.0em; font-weight:bold; margin-bottom:10px; }
		
		#ebook .last_ul { width:100%; }
		#ebook .last_ul li { background:url(/images/dot4.jpg) no-repeat 0px 13px; padding-left:10px; }

}

@media only screen and (min-width: 480px) {
	/* 인사말 */
	.intro { padding:20px 0; width:98%; margin:auto; letter-spacing:-1px;}
		.intro h4 { font-weight:bold; font-size:1.4em; line-height:1.5em; margin-bottom:20px; padding:0 0px;}
		.intro h4 span { display:inline-block; background:none; height:auto; line-height:normal; color:#b20a0a; padding:0px 0px; margin-left:0px;}
		.intro p { font-size:1.1em; line-height:1.8em; }
		.intro ul { margin:25px 0; }
		.intro ul li {  font-size:1.1em; margin-bottom:15px; }
		.intro ul li span { background:#a6aa0a; color:#fff; display:inline-block; border-radius:20px; width:30px; height:30px; text-align:center; font-size:0.8em; margin-right:10px; line-height:30px; }
		.intro .gray_box { background:#f3f3f3; padding:25px 40px; }
		
	#outline { width:98%; margin:auto;}
		#outline h1 { width:100%; color:#b20a0a; font-size:2.0em; font-weight:bold; margin-bottom:20px; }
		#outline h4 { width:100%; color:#333; line-height:1.2em; font-size:1.3em; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #b6b6b6; }
		#outline p { width:100%; font-size:1.2em; margin-top:20px; margin-bottom:30px; }
		
		#outline table { width:100%; border-collapse:collapse; border-top:3px solid #a6aa0a; }	
		#outline table tr td, #outline table tr th  { padding:20px 0; border-bottom:1px solid #b6b6b6; font-size:1.1em;}
		#outline table tr:nth-child(even) > * { background:#f6f6f6; }
		#outline table tr th span { display:block; padding-left:30px; background:url(../images/dot2.jpg) no-repeat 2px 5px; margin-left:20px;}
		
	#principle {width:98%; margin:auto;}		
		#principle ul { overflow:hidden; width:100%;}
		#principle ul li { width:50%; overflow:hidden; position:relative; }
		#principle ul li .background { width:100%;}
		#principle ul li .background img { width:100%;}
		#principle ul li .text { position:absolute; text-align:center; margin:auto; color:#fff; width:100%; padding:40% 0; font-size:1.4em;}
		#principle ul li .text .eng { display:block; font-size:0.8em; }

		#principle ul .pr_red { background:#b20a0a; float:left;}
		#principle ul .pr_blue { background:#5f7f9c; float:right;}
		#principle ul .pr_green { background:#a6aa0a; float:right;}
		#principle ul .pr_purple { background:#532b3a; float:left;}

	/* 경영이념  */
	#p4 { width:98%; margin:auto;}
		#p4 h1 { text-align:center; margin-bottom:30px; font-size:1.6em;}
		#p4 h1 .box { display:inline-block; padding:3px 4px 6px 4px; background:#b20a0a; color:#fff; font-weight:bold;}
		#p4 h1 .point { color:#b20a0a; font-weight:bold;}
		#p4 p { width:100%; height:2px; background:url('/images/dash.jpg') repeat-x; margin-bottom:30px; }
		
		#p4 ul { width:100%; overflow:hidden;}
		#p4 ul li { width:100%; margin-bottom:2%; overflow:hidden;}
		#p4 ul li > div { width:100%; float:left; margin:0px 1%; margin-bottom:10px;}
		#p4 ul li h4 { vertical-align:bottom; font-size:1.6em; font-weight:bold; margin-bottom:15px;}
		#p4 ul li h4 img { vertical-align:bottom; width:10%; margin-right:10px; }
		
		#p4 ul li .red { color:#b20a0a;}
		#p4 ul li .blue { color:#5f7f9c;}
		#p4 ul li .green { color:#a6aa0a;}
		#p4 ul li .purple { color:#532b3a;}
		
		#p4 ul li > div > div { border:1px solid #E3E3E3; border-radius:10px; background:#F9F9F9; padding:40px; font-size:1.2em;} 

	/* 비전 */
	#vision { width:98%; margin:auto; }
		#vision ul li { width:100%; padding:20px; background:#efefef; margin-bottom:20px; font-size:1.2em; }
		#vision ul li span { font-weight:bold; display:block; }
		#vision ul .red { border-left:20px solid #b20a0a; }
		#vision ul .blue { border-left:20px solid #5f7f9c; }
		#vision ul .green { border-left:20px solid #a6aa0a; }
		#vision ul .purple { border-left:20px solid #532b3a; }
	
	/* 연혁 */
	#history { width:98%; margin:auto; }
		#history > div { margin-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
		#history > div h4 { float:none; width:100%; color:#bebebe; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin-bottom:20px;}
		#history > div h4 span { color:#532b3a;}
		#history > div ul { float:none; width:100%;  }
		#history > div ul li { margin-bottom:10px; font-size:1.1em; letter-spacing:-1px; }
		#history > div ul li span { font-weight:bold; color:#532b3a; display:inline-block; margin-right:10px; width:40px; border-right:2px solid #532b3a; }

	/* 조직도 */
	#organ { width:98%; margin:auto; }
		#organ #icon { width:100%; overflow:hidden; }
		#organ #icon li { float:left; width:44%; margin:3%; position:relative;}
		#organ #icon li > img { width:100%;}
		#organ #icon li:last-child { margin-right:0;}
		#organ #icon li .icon_text { position:absolute; width:100%; height:100%;text-align:center;}
		#organ #icon li .icon { width:30%; margin:auto; margin-bottom:10px; margin-top:25%; }
		#organ #icon li .icon img { width:100%; }
		#organ #icon li .text { width:100%; font-size:1.4em; letter-spacing:-1px; }
		
		#organ h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#organ h3 img { width:25px; height:auto; }
		#organ .box_2 { background:#f7f7f8; padding:3%; width:100%; overflow:hidden; margin-bottom:20px; margin-left:0px;}
		#organ .box_2 > div { float:none; width:100%; margin:2%; overflow:hidden; padding:10px;}
		#organ .box_2 .f_box { border-bottom:1px solid #CDCDCD; border-right:none;}
		#organ .box_2 div h4 { float:left; width:40%; font-size:1.2em; font-weight:bold; }
		#organ .box_2 div ul { overflow:hidden; width:60%;}
		#organ .box_2 div ul li { list-style:circle; margin-left:15px;}
		
		#organ .box3 { width:100%; background:#e8f0f6; padding:4%;}
		#organ .box3 > ul > li { font-size:1.1em; margin-bottom:10px; letter-spacing:-1px; }
		#organ .box3 > ul > li > ul > li { font-size:0.9em; padding-left:30px; margin:5px 0;}
		#organ .box3 > ul > li span { font-weight:bold; color:#5f7f9c;}
		
	/* 자격현황 */
	#document { width:98%; margin:auto; }
		#document ul li { width:100%; float:none; margin-bottom:20px; }
		#document ul li:nth-child(odd) { margin-right:0%; }
		#document ul li img { width:100%;}
		#document ul li div { width:100%; background:#f1f1f1; border:1px solid #c8c8c8; border-top:none; padding:10px; text-align:center; font-size:1.2em; color:#4c4c4c;}
		
	/* 사이트맵 */
	#siteMap2 { width:98%; margin:auto; }
		#siteMap2 .sitemap_step01 { overflow:hidden; }
		#siteMap2 .sitemap_step01 .sstep01 { width:100%; overflow:hidden; margin-bottom:30px;}
		#siteMap2 .sitemap_step01 > li:last-child { margin-right:0%;}
		#siteMap2 .sitemap_step01 .sstep01 > a { padding-left:10px; font-size:1.4em; color:#333; border-left:10px solid #a6aa0a; font-weight:bold; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 { font-size:1.1em; font-weight:normal;  font-family:'Nanum Gothic', sans-serif; background:url(../images/dot4.jpg) no-repeat 0px 15px; padding-left:15px; margin:15px; float:left; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a { font-weight:normal;}
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a:hover { color:#5f7f9c; text-decoration:none; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep03 { float:none; width:100%; margin-top:10px; font-size:0.9em; padding:0;}
		
		
	/* 홈페이지제작 */
	#hpg { width:98%; margin:auto; }
		#hpg .dan1 { width:100%; overflow:hidden; position:relative; margin-bottom:30px; }
		#hpg .dan1 .img { width:100%; margin-top:30px; float:none;}
		#hpg .dan1 .img img { width:100%;}
		#hpg .dan1 .text { width:100%; font-size:1.2em; padding:4.5%; background:rgba(0,0,0,0.8); color:#fff; float:none; margin-top:0px;}
	
		#hpg .dan2 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 10px; margin:40px 0; font-size:1.2em; line-height:2em; }		
	
		#hpg h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#hpg h3 img { width:25px; height:auto; }
	
		#hpg ul { width:100%;}
		#hpg ul li { width:100%; overflow:hidden; margin-bottom:30px;}
		#hpg ul li .icon { background:#f3f3f3; float:none; width:100%; padding:20px 20px; position:inherit; border-radius:10px; margin:10px auto; text-align:center; }
		#hpg ul li .icon img { width:30%;}
		#hpg ul li .box { display:none; }
		#hpg ul li .text { float:none; width:100%; padding:40px 20px; margin-left:0px; border:1px solid #D8D8D8; position:relative; border-radius:10px; }
		#hpg ul li .text img { width:18.75%; display:none; }
		#hpg ul li .text div { position:inherit;}
		#hpg ul li .text div span { font-weight:bold; font-size:1.2em; display:inline-block; margin-bottom:5px;}
		
	/* 웹호스팅 */
	#hst { width:98%; margin:auto; }
		#hst h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#hst h3 img { width:25px; height:auto; }
		#hst > p { font-size:1.1em; line-height:1.8em; margin-bottom:30px; margin-left:25px; width:97%; }
		#hst > ul { font-size:1.1em; margin-left:25px; width:97%; margin-bottom:30px; }
		#hst > ul li { margin-bottom:10px; }

		
		#hst .img { width:100%; margin:50px 0;}
		#hst .img img { width:100%;}
		
		#hst .step_ul { width:100%; color:#333;}
		#hst .step_ul > li { font-weight:bold; margin-bottom:20px;}
		#hst .step_ul > li > ul { font-weight:normal; margin:10px 0 0px 20px;}
		#hst .step_ul > li > ul > li { list-style:outside; font-size:0.9em; margin:0;}

		#hst table { width:97%; margin-left:0px; text-align:center; font-size:1.1em;}
		#hst table tr:first-child td { background:#532b3a; color:#fff; border-right:1px solid #B46E88; }		
		#hst table tr td { padding:15px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}	
		#hst table tr .noline { border-right:none;}
		
		#hst .commond { width:100%; margin-left:0px; }
		#hst .commond > li { background:url(/images/dot3.png) no-repeat 0 10px; padding-left:25px; font-weight:bold; margin-bottom:20px; }
		#hst .commond > li > ul { font-weight:normal; font-size:0.9em; margin:10px 0 0px 20px; }
		#hst .commond > li > ul > li { list-style:outside; }
		
	/* 프레젠테이션 */
	#ppt { width:98%; margin:auto; }
		#ppt h3 { font-weight:bold; font-size:1.6em; margin:0 0 10px 0; padding-bottom:4px;}
		#ppt h3 img { width:25px; height:auto; }
		#ppt > p { font-size:1.1em; line-height:1.8em; margin-bottom:30px; margin-left:25px; width:97%; }

		
	#ppt .icon_ul { width:97%; margin:20px auto;  margin-left:25px; overflow:hidden;} 
	#ppt .icon_ul li { width:30%; float:left; background:#f4f4f4; border:1px solid #d7d7d7; border-radius:12px; text-align:center; padding:25px; } 
	#ppt .icon_ul li:nth-child(even) { margin:0 4%;   } 
	#ppt .icon_ul li .img { width:100%; margin-bottom:20px; }
	#ppt .icon_ul li .img img { width:55%;}
	#ppt .icon_ul li h4 { font-weight:bold; margin-bottom:10px; color:#5f7f9c; }
	
	#ppt .step_ul { width:97%; margin-left:25px;}
		#ppt .step_ul li { font-size:1.2em; margin-bottom:20px;}
		#ppt .step_ul li h4 { color:#5f7f9c; font-weight:bold; margin-bottom:10px; font-size:1.1em; }
		#ppt .step_ul li h4 span { display:inline-block; width:30px; height:30px; line-height:30px; background:#5f7f9c; border-radius:50px; color:#fff; font-size:0.8em; text-align:center;}
		#ppt .step_ul li p { margin-left:40px; }
		
	/* 전자북 */
	#ebook { width:98%; margin:auto;}
		#ebook h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#ebook h3 img { width:30px; height:auto; }
		
		#ebook > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }							
		#ebook > ul { width:100%; padding-left:35px; }
		#ebook > ul > li { font-size:1.2em; line-height:2em; }
		
		#ebook > h4 { font-weight:bold; font-size:1.4em; margin:40px 0px 30px 30px; }
		#ebook .ebook { width:100%; margin-bottom:40px; overflow:hidden;}
		#ebook .ebook li { width:48%; float:left; text-align:center; margin-right:1.5%; letter-spacing:0; font-size:1.1em; line-height:1.6em; margin-bottom:20px; }
		#ebook .ebook li:last-child { margin-right:0;}
		#ebook .ebook li .icon { width:100%;}
		#ebook .ebook li .icon img { width:20%;}		
		#ebook .ebook li p { margin-top:20px; margin-bottom:5px; font-weight:bold; color:#333; font-size:1.4em; letter-spacing:1px; }
		
		#ebook .box_ul { width:100%; overflow:hidden;}
		#ebook .box_ul > li { width:96%; float:none; background:#f2f2f2; padding:40px 30px; text-align:center; border-radius:20px; margin-right:0%; margin-bottom:10px; }
		#ebook .box_ul > li img { display:inline-block; margin-bottom:5px; }
		#ebook .box_ul > li h4 { margin-bottom:20px; font-weight:bold; font-size:1.2em; color:#532b3a; }
		#ebook .box_ul > li ul li { line-height:1.8em; }
		#ebook .box_ul > li ul li:last-child { margin-bottom:0px;}
		
		#ebook .two_ul { width:96%; overflow:hidden; }
		#ebook .two_ul li { width:100%; float:left; padding:40px; background:#f2f2f2; margin:10px 0.5%; }
		#ebook .two_ul li p { font-size:1.2em; font-weight:bold; margin-bottom:10px; border-radius:20px; }
		
		#ebook .last_ul { width:100%; }
		#ebook .last_ul li { background:url(/images/dot4.jpg) no-repeat 0px 13px; padding-left:10px; }

}


@media only screen and (min-width: 768px) {
	/* 인사말 */
	.intro { padding:20px 0; width:98%; margin:auto; letter-spacing:-1px;}
		.intro h4 { font-weight:bold; font-size:1.4em; line-height:1.8em; margin-bottom:20px; padding:0 8px;}
		.intro h4 span { display:inline-block; background:#b20a0a; height:44px; line-height:44px; color:#fff; padding:0px 15px; margin-left:-8px;}
		.intro p { font-size:1.2em; line-height:1.8em; }
		.intro ul { margin:25px 0; }
		.intro ul li {  font-size:1.3em; margin-bottom:15px; }
		.intro ul li span { background:#a6aa0a; color:#fff; display:inline-block; border-radius:20px; width:30px; height:30px; text-align:center; font-size:0.8em; margin-right:10px; line-height:30px; }
		.intro .gray_box { background:#f3f3f3; padding:25px 40px; }
		
	#outline { width:98%; margin:auto;}
		#outline h1 { width:100%; color:#b20a0a; font-size:2.0em; font-weight:bold; margin-bottom:20px; }
		#outline h4 { width:100%; color:#333; line-height:1.2em; font-size:1.3em; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #b6b6b6; }
		#outline p { width:100%; font-size:1.2em; margin-top:20px; margin-bottom:30px; }
		
		#outline table { width:100%; border-collapse:collapse; border-top:3px solid #a6aa0a; }	
		#outline table tr td, #outline table tr th  { padding:20px 0; border-bottom:1px solid #b6b6b6; font-size:1.2em;}
		#outline table tr:nth-child(even) > * { background:#f6f6f6; }
		#outline table tr th span { display:block; padding-left:30px; background:url(../images/dot2.jpg) no-repeat 2px 5px; margin-left:20px;}
		
	#principle {width:98%; margin:auto;}		
		#principle ul { overflow:hidden; width:100%;}
		#principle ul li { width:25%; overflow:hidden; position:relative; }
		#principle ul li .background { width:100%;}
		#principle ul li .background img { width:100%;}
		#principle ul li .text { position:absolute; text-align:center; margin:auto; color:#fff; width:100%; padding:40% 0; font-size:1.4em;}
		#principle ul li .text .eng { display:block; font-size:0.8em; }

		#principle ul .pr_red { background:#b20a0a; float:left;}
		#principle ul .pr_blue { background:#5f7f9c; float:left;}
		#principle ul .pr_green { background:#a6aa0a; float:left;}
		#principle ul .pr_purple { background:#532b3a; float:left;}
		
	/* 경영이념  */
	#p4 { width:98%; margin:auto;}
		#p4 h1 { text-align:center; margin-bottom:30px; font-size:2.0em;}
		#p4 h1 .box { display:inline-block; padding:3px 4px 6px 4px; background:#b20a0a; color:#fff; font-weight:bold;}
		#p4 h1 .point { color:#b20a0a; font-weight:bold;}
		#p4 p { width:100%; height:2px; background:url('/images/dash.jpg') repeat-x; margin-bottom:30px; }
		
		#p4 ul { width:100%; overflow:hidden;}
		#p4 ul li { width:100%; margin-bottom:2%; overflow:hidden;}
		#p4 ul li > div { width:48%; float:left; margin:0px 1%; }
		#p4 ul li h4 { vertical-align:bottom; font-size:1.8em; font-weight:bold; margin-bottom:15px;}
		#p4 ul li h4 img { vertical-align:bottom; width:13%; margin-right:20px; }
		
		#p4 ul li .red { color:#b20a0a;}
		#p4 ul li .blue { color:#5f7f9c;}
		#p4 ul li .green { color:#a6aa0a;}
		#p4 ul li .purple { color:#532b3a;}
		
		#p4 ul li > div > div { border:1px solid #E3E3E3; border-radius:10px; background:#F9F9F9; padding:40px; font-size:1.3em;} 
		
	/* 비전 */
	#vision { width:98%; margin:auto; }
		#vision ul li { width:100%; padding:20px; background:#efefef; margin-bottom:20px; font-size:1.2em; }
		#vision ul li span { font-weight:bold; display:inline; }
		#vision ul .red { border-left:20px solid #b20a0a; }
		#vision ul .blue { border-left:20px solid #5f7f9c; }
		#vision ul .green { border-left:20px solid #a6aa0a; }
		#vision ul .purple { border-left:20px solid #532b3a; }
	
	/* 연혁 */
	#history { width:98%; margin:auto; }
		#history > div { margin-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
		#history > div h4 { float:left; width:15%; color:#bebebe; font-size:2em; font-weight:bold; letter-spacing:-1px; }
		#history > div h4 span { color:#532b3a;}
		#history > div ul { float:left; width:85%;  }
		#history > div ul li { margin-bottom:10px; font-size:1.1em; letter-spacing:-1px; }
		#history > div ul li span { font-weight:bold; color:#532b3a; display:inline-block; margin-right:10px; width:5%; border-right:2px solid #532b3a; }
		
	/* 조직도 */
	#organ { width:98%; margin:auto; }
		#organ #icon { width:100%; overflow:hidden; }
		#organ #icon li { float:left; width:23.5%; margin:0 2% 0 0; position:relative;}
		#organ #icon li > img { width:100%;}
		#organ #icon li:last-child { margin-right:0;}
		#organ #icon li .icon_text { position:absolute; width:100%; height:100%;text-align:center;}
		#organ #icon li .icon { width:30%; margin:auto; margin-bottom:10px; margin-top:25%; }
		#organ #icon li .icon img { width:100%; }
		#organ #icon li .text { width:100%; font-size:1.4em; letter-spacing:-1px; }
		
		#organ h3 { font-weight:bold; font-size:1.8em; margin:30px 0; padding-bottom:4px;}
		#organ h3 img { width:28px; height:auto; }
		#organ .box_2 { background:#f7f7f8; padding:3%; width:100%; overflow:hidden; margin-bottom:20px;}
		#organ .box_2 > div { float:left; width:46%; margin:2%; overflow:hidden; padding:0px;}
		#organ .box_2 .f_box { border-bottom:none; border-right:1px solid #9f9f9f;}
		#organ .box_2 div h4 { float:left; width:40%; font-size:1.2em; font-weight:bold; }
		#organ .box_2 div ul { overflow:hidden; width:60%;}
		#organ .box_2 div ul li { list-style:circle; margin-left:15px;}
		
		#organ .box3 { width:100%; background:#e8f0f6; padding:4%;}
		#organ .box3 > ul > li { font-size:1.1em; margin-bottom:10px; letter-spacing:-1px; }
		#organ .box3 > ul > li > ul > li { font-size:0.9em; padding-left:30px; margin:5px 0;}
		#organ .box3 > ul > li span { font-weight:bold; color:#5f7f9c;}
		
	/* 자격현황 */
	#document { width:98%; margin:auto; }
		#document ul li { width:49%; float:left; margin-bottom:20px; }
		#document ul li:nth-child(odd) { margin-right:1%; }
		#document ul li img { width:100%;}
		#document ul li div { width:100%; background:#f1f1f1; border:1px solid #c8c8c8; border-top:none; padding:10px; text-align:center; font-size:1.3em; color:#4c4c4c;}
		
	/* 사이트맵 */
	#siteMap2 { width:98%; margin:auto; }
		#siteMap2 .sitemap_step01 { overflow:hidden; }
		#siteMap2 .sitemap_step01 .sstep01 { width:100%; overflow:hidden; margin-bottom:30px;}
		#siteMap2 .sitemap_step01 > li:last-child { margin-right:0%;}
		#siteMap2 .sitemap_step01 .sstep01 > a { padding-left:10px; font-size:1.6em; color:#333; border-left:10px solid #a6aa0a; font-weight:bold; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 { font-size:1.3em; font-weight:normal;  font-family:'Nanum Gothic', sans-serif; background:url(../images/dot4.jpg) no-repeat 0px 15px; padding-left:15px; margin:15px; float:left; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a { font-weight:normal;}
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a:hover { color:#5f7f9c; text-decoration:none; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep03 { float:none; width:100%; margin-top:10px; font-size:0.9em; padding:0;}
		
	/* 홈페이지제작 */
	#hpg { width:98%; margin:auto; }
		#hpg .dan1 { width:100%; overflow:hidden; position:relative; margin-bottom:30px; }
		#hpg .dan1 .img { width:50%; margin-top:30px; float:right;}
		#hpg .dan1 .img img { width:100%;}
		#hpg .dan1 .text { width:65%; font-size:1.2em; padding:4.5%; background:rgba(0,0,0,0.8); color:#fff; float:left; margin-top:-100px;}
	
		#hpg .dan2 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 10px; margin:40px 0; font-size:1.2em; line-height:2em; }		
	
		#hpg h3 { font-weight:bold; font-size:1.6em; margin:40px 0; padding-bottom:4px;}
		#hpg h3 img { width:30px; height:auto; }
	
		#hpg ul { width:100%;}
		#hpg ul li { width:100%; overflow:hidden; margin-bottom:30px;}
		#hpg ul li .icon { background:#f3f3f3; float:left; width:20%; padding:40px 20px; position:relative; border-radius:10px; margin:0; }
		#hpg ul li .icon img { width:100%;}
		#hpg ul li .box { padding:10px; background:#7A7A7A; color:#fff; border-radius:30px; width:40px; height:40px;text-align:center; margin:20px; position:absolute; right:-40px; top:28%; display:block; z-index:1000;  }
		#hpg ul li .text { float:left; width:78%; padding:40px 20px; margin-left:10px; border:1px solid #D8D8D8; position:relative; border-radius:10px; }
		#hpg ul li .text img { width:18.75%; display:block; }
		#hpg ul li .text div { position:absolute; top:15%; left:30px;}
		#hpg ul li .text div span { font-weight:bold; font-size:1.2em; display:inline-block; margin-bottom:5px;}


	/* 웹호스팅 */
	#hst { width:98%; margin:auto; }
		#hst h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#hst h3 img { width:30px; height:auto; }
		#hst > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }
		#hst > ul { font-size:1.2em; margin-left:35px; width:97%; margin-bottom:30px; }
		#hst > ul li { margin-bottom:10px; }
		#hst > table {  width:97%; margin-left:0px; font-size:1.2em;}
		
		#hst .img { width:100%; margin:50px 0;}
		#hst .img img { width:100%;}
		
		#hst .step_ul { width:100%; color:#333;}
		#hst .step_ul > li { font-weight:bold; margin-bottom:20px;}
		#hst .step_ul > li > ul { font-weight:normal; margin:10px 0 0px 20px;}
		#hst .step_ul > li > ul > li { list-style:outside; font-size:0.9em; margin:0;}

		#hst table { width:97%; margin-left:0px; text-align:center; font-size:1.2em;}
		#hst table tr:first-child td { background:#532b3a; color:#fff; border-right:1px solid #B46E88; }		
		#hst table tr td { padding:15px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}	
		#hst table tr .noline { border-right:none;}
		
		#hst .commond { width:100%; margin-left:35px; }
		#hst .commond > li { background:url(/images/dot3.png) no-repeat 0 10px; padding-left:25px; font-weight:bold; margin-bottom:20px; }
		#hst .commond > li > ul { font-weight:normal; font-size:0.9em; margin:10px 0 0px 20px; }
		#hst .commond > li > ul > li { list-style:outside; }
		
	/* 프레젠테이션 */
	#ppt { width:98%; margin:auto; }
		#ppt h3 { font-weight:bold; font-size:1.6em; margin:0 0 10px 0; padding-bottom:4px;}
		#ppt h3 img { width:30px; height:auto; }
		#ppt > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }

		
	#ppt .icon_ul { width:97%;margin:20px auto;  margin-left:35px; overflow:hidden;} 
	#ppt .icon_ul li { width:30%; float:left; background:#f4f4f4; border:1px solid #d7d7d7; border-radius:12px; text-align:center; padding:25px; } 
	#ppt .icon_ul li:nth-child(even) { margin:0 4%;   } 
	#ppt .icon_ul li .img { width:100%; margin-bottom:20px; }
	#ppt .icon_ul li .img img { width:32.34421364985%;}
	#ppt .icon_ul li h4 { font-weight:bold; margin-bottom:10px; color:#5f7f9c; }
	
	#ppt .step_ul { width:97%; margin-left:35px;}
		#ppt .step_ul li { font-size:1.2em; margin-bottom:20px;}
		#ppt .step_ul li h4 { color:#5f7f9c; font-weight:bold; margin-bottom:10px; font-size:1.1em; }
		#ppt .step_ul li h4 span { display:inline-block; width:30px; height:30px; line-height:30px; background:#5f7f9c; border-radius:50px; color:#fff; font-size:0.8em; text-align:center;}
		#ppt .step_ul li p { margin-left:40px; }
		
	/* 전자북 */
	#ebook { width:98%; margin:auto;}
		#ebook h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#ebook h3 img { width:30px; height:auto; }
		
		#ebook > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }							
		#ebook > ul { width:100%; padding-left:35px; }
		#ebook > ul > li { font-size:1.2em; line-height:2em; }
		
		#ebook > h4 { font-weight:bold; font-size:1.4em; margin:40px 0px 30px 30px; }
		#ebook .ebook { width:100%; margin-bottom:40px; overflow:hidden;}
		#ebook .ebook li { width:18%; float:left; text-align:center; margin-right:2.5%; font-size:1.1em; line-height:1.6em; margin-bottom:0; }
		#ebook .ebook li:last-child { margin-right:0;}
		#ebook .ebook li .icon { width:100%;}
		#ebook .ebook li .icon img { width:40%;}		
		#ebook .ebook li p { margin-top:20px; margin-bottom:5px; font-weight:bold; color:#333; font-size:1.4em; letter-spacing:1px; }
		
		#ebook .box_ul { width:100%; overflow:hidden;}
		#ebook .box_ul > li { width:96%; float:none; background:#f2f2f2; padding:40px 30px; text-align:center; border-radius:20px; margin-right:0%; margin-bottom:10px; }
		#ebook .box_ul > li img { display:inline-block; margin-bottom:5px; }
		#ebook .box_ul > li h4 { margin-bottom:20px; font-weight:bold; font-size:1.2em; color:#532b3a; }
		#ebook .box_ul > li ul li { line-height:1.8em; }
		#ebook .box_ul > li ul li:last-child { margin-bottom:0px;}
		
		#ebook .two_ul { width:98%; overflow:hidden; }
		#ebook .two_ul li { width:49%; float:left; padding:40px; border:1px solid #E4E4E4; background:#f2f2f2; margin:0 0.5%; }
		#ebook .two_ul li p { font-size:1.2em; font-weight:bold; margin-bottom:10px; border-radius:20px; }
		
		#ebook .last_ul { width:100%; }
		#ebook .last_ul li { background:url(/images/dot4.jpg) no-repeat 0px 13px; padding-left:10px; }


}
    
@media only screen and (min-width: 970px) {
	/* 인사말 */
	.intro { padding:20px 0; width:98%; margin:auto; letter-spacing:-1px;}
		.intro h4 { font-weight:bold; font-size:1.4em; line-height:1.8em; margin-bottom:20px; padding:0 8px;}
		.intro h4 span { display:inline-block; background:#b20a0a; height:44px; line-height:44px; color:#fff; padding:0px 15px; margin-left:-8px;}
		.intro p { font-size:1.2em; line-height:1.8em; }
		.intro ul { margin:25px 0; }
		.intro ul li {  font-size:1.3em; margin-bottom:15px; }
		.intro ul li span { background:#a6aa0a; color:#fff; display:inline-block; border-radius:20px; width:30px; height:30px; text-align:center; font-size:0.8em; margin-right:10px; line-height:30px; }
		.intro .gray_box { background:#f3f3f3; padding:25px 40px; }
		
	#outline { width:98%; margin:auto;}
		#outline h1 { width:100%; color:#b20a0a; font-size:2.0em; font-weight:bold; margin-bottom:20px; }
		#outline h4 { width:100%; color:#333; line-height:1.2em; font-size:1.3em; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #b6b6b6; }
		#outline p { width:100%; font-size:1.2em; margin-top:20px; margin-bottom:30px; }
		
		#outline table { width:100%; border-collapse:collapse; border-top:3px solid #a6aa0a; }	
		#outline table tr td, #outline table tr th  { padding:20px 0; border-bottom:1px solid #b6b6b6; font-size:1.2em;}
		#outline table tr:nth-child(even) > * { background:#f6f6f6; }
		#outline table tr th span { display:block; padding-left:30px; background:url(../images/dot2.jpg) no-repeat 2px 5px; margin-left:20px;}
		
	#principle {width:98%; margin:auto;}		
		#principle ul { overflow:hidden; width:100%;}
		#principle ul li { width:25%; overflow:hidden; position:relative; }
		#principle ul li .background { width:100%;}
		#principle ul li .background img { width:100%;}
		#principle ul li .text { position:absolute; text-align:center; margin:auto; color:#fff; width:100%; padding:40% 0; font-size:1.4em;}
		#principle ul li .text .eng { display:block; font-size:0.8em; }

		#principle ul .pr_red { background:#b20a0a; float:left;}
		#principle ul .pr_blue { background:#5f7f9c; float:left;}
		#principle ul .pr_green { background:#a6aa0a; float:left;}
		#principle ul .pr_purple { background:#532b3a; float:left;}

	/* 경영이념  */
	#p4 { width:98%; margin:auto;}
		#p4 h1 { text-align:center; margin-bottom:30px; font-size:2.0em;}
		#p4 h1 .box { display:inline-block; padding:3px 4px 6px 4px; background:#b20a0a; color:#fff; font-weight:bold;}
		#p4 h1 .point { color:#b20a0a; font-weight:bold;}
		#p4 p { width:100%; height:2px; background:url('/images/dash.jpg') repeat-x; margin-bottom:30px; }
		
		#p4 ul { width:100%; overflow:hidden;}
		#p4 ul li { width:100%; margin-bottom:2%; overflow:hidden;}
		#p4 ul li > div { width:48%; float:left; margin:0px 1%; }
		#p4 ul li h4 { vertical-align:bottom; font-size:1.8em; font-weight:bold; margin-bottom:15px;}
		#p4 ul li h4 img { vertical-align:bottom; width:13%; margin-right:20px; }
		
		#p4 ul li .red { color:#b20a0a;}
		#p4 ul li .blue { color:#5f7f9c;}
		#p4 ul li .green { color:#a6aa0a;}
		#p4 ul li .purple { color:#532b3a;}
		
		#p4 ul li > div > div { border:1px solid #E3E3E3; border-radius:10px; background:#F9F9F9; padding:40px; font-size:1.3em;} 
		
	/* 비전 */
	#vision { width:98%; margin:auto; }
		#vision ul li { width:100%; padding:20px; background:#efefef; margin-bottom:20px; font-size:1.2em; }
		#vision ul li span { font-weight:bold; display:inline; }
		#vision ul .red { border-left:20px solid #b20a0a; }
		#vision ul .blue { border-left:20px solid #5f7f9c; }
		#vision ul .green { border-left:20px solid #a6aa0a; }
		#vision ul .purple { border-left:20px solid #532b3a; }
	
	/* 연혁 */
	#history { width:98%; margin:auto; }
		#history > div { margin-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
		#history > div h4 { float:left; width:15%; color:#bebebe; font-size:2em; font-weight:bold; letter-spacing:-1px; }
		#history > div h4 span { color:#532b3a;}
		#history > div ul { float:left; width:85%;  }
		#history > div ul li { margin-bottom:10px; font-size:1.2em; }
		#history > div ul li span { font-weight:bold; color:#532b3a; display:inline-block; margin-right:10px; width:5%; border-right:2px solid #532b3a; }
		
	/* 조직도 */
	#organ { width:98%; margin:auto; }
		#organ #icon { width:100%; overflow:hidden; }
		#organ #icon li { float:left; width:23.5%; margin:0 2% 0 0; position:relative;}
		#organ #icon li > img { width:100%;}
		#organ #icon li:last-child { margin-right:0;}
		#organ #icon li .icon_text { position:absolute; width:100%; height:100%;text-align:center;}
		#organ #icon li .icon { width:30%; margin:auto; margin-bottom:10px; margin-top:25%; }
		#organ #icon li .icon img { width:100%; }
		#organ #icon li .text { width:100%; font-size:1.4em; letter-spacing:-1px; }
		
		#organ h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#organ h3 img { width:30px; height:auto; }
		#organ .box_2 { background:#f7f7f8; padding:3%; width:100%; overflow:hidden; margin-bottom:20px;}
		#organ .box_2 > div { float:left; width:46%; margin:2%; overflow:hidden; padding:0px;}
		#organ .box_2 .f_box {border-bottom:none; border-right:1px solid #9f9f9f;}
		#organ .box_2 div h4 { float:left; width:35%; font-size:1.4em; font-weight:bold; }
		#organ .box_2 div ul { overflow:hidden; width:65%;}
		#organ .box_2 div ul li { list-style:circle; margin-left:15px;}
		
		#organ .box3 { width:100%; background:#e8f0f6; padding:4%;}
		#organ .box3 > ul > li { font-size:1.2em; margin-bottom:10px; letter-spacing:-1px; }
		#organ .box3 > ul > li > ul > li { font-size:0.9em; padding-left:30px; margin:5px 0;}
		#organ .box3 > ul > li span { font-weight:bold; color:#5f7f9c;}
		
	/* 자격현황 */
	#document { width:98%; margin:auto; }
		#document ul li { width:49%; float:left; margin-bottom:20px; }
		#document ul li:nth-child(odd) { margin-right:1%; }
		#document ul li img { width:100%;}
		#document ul li div { width:100%; background:#f1f1f1; border:1px solid #c8c8c8; border-top:none; padding:10px; text-align:center; font-size:1.4em; color:#4c4c4c;}
		
		
	/* 사이트맵 */
	#siteMap2 { width:98%; margin:auto; }
		#siteMap2 .sitemap_step01 { overflow:hidden; }
		#siteMap2 .sitemap_step01 .sstep01 { width:100%; overflow:hidden; margin-bottom:30px;}
		#siteMap2 .sitemap_step01 > li:last-child { margin-right:0%;}
		#siteMap2 .sitemap_step01 .sstep01 > a { padding-left:10px; font-size:1.6em; color:#333; border-left:10px solid #a6aa0a; font-weight:bold; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 { font-size:1.3em; font-weight:normal;  font-family:'Nanum Gothic', sans-serif; background:url(../images/dot4.jpg) no-repeat 0px 15px; padding-left:20px; margin:15px; float:left; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a { font-weight:normal;}
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a:hover { color:#5f7f9c; text-decoration:none; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep03 { float:none; width:100%; margin-top:10px; font-size:0.9em; padding:0;}
		
	/* 홈페이지제작 */
	#hpg { width:98%; margin:auto; }
		#hpg .dan1 { width:100%; overflow:hidden; position:relative; margin-bottom:30px; }
		#hpg .dan1 .img { width:50%; margin-top:30px; float:right;}
		#hpg .dan1 .img img { width:100%;}
		#hpg .dan1 .text { width:65%; font-size:1.2em; padding:4.5%; background:rgba(0,0,0,0.8); color:#fff; float:left; margin-top:-100px;}
	
		#hpg .dan2 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 10px; margin:40px 0; font-size:1.2em; line-height:2em; }		
	
		#hpg h3 { font-weight:bold; font-size:1.6em; margin:50px 0; padding-bottom:4px;}
		#hpg h3 img { width:30px; height:auto; }
	
		#hpg ul { width:100%;}
		#hpg ul li { width:100%; overflow:hidden; margin-bottom:30px;}
		#hpg ul li .icon { background:#f3f3f3; float:left; width:15%; padding:20px 30px; position:relative; border-radius:10px; margin:0; }
		#hpg ul li .icon img { width:100%;}
		#hpg ul li .box { padding:10px; background:#7A7A7A; color:#fff; border-radius:30px; width:40px; height:40px;text-align:center; margin:20px; position:absolute; right:-40px; top:20%; z-index:1000; }
		#hpg ul li .text { float:left; width:80%; padding:20px 30px; margin-left:10px; border:1px solid #D8D8D8; position:relative; border-radius:10px; z-index:1; }
		#hpg ul li .text img { width:12%; display:block; }
		#hpg ul li .text div { position:absolute; top:15%; left:30px;}
		#hpg ul li .text div span { font-weight:bold; font-size:1.2em; display:inline-block; margin-bottom:5px;}
		
	/* 웹호스팅 */
	#hst { width:98%; margin:auto; }
		#hst h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#hst h3 img { width:30px; height:auto; }
		#hst > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }
		#hst > ul { font-size:1.2em; margin-left:35px; width:97%; margin-bottom:30px; }
		#hst > ul li { margin-bottom:10px; }
		#hst > table {  width:97%; margin-left:0px; font-size:1.2em;}
		
		#hst .img { width:100%; margin:50px 0;}
		#hst .img img { width:100%;}
		
		#hst .step_ul { width:100%; color:#333;}
		#hst .step_ul > li { font-weight:bold; margin-bottom:20px;}
		#hst .step_ul > li > ul { font-weight:normal; margin:10px 0 0px 20px;}
		#hst .step_ul > li > ul > li { list-style:outside; font-size:0.9em; margin:0;}

		#hst table { width:97%; text-align:center; font-size:1.2em;}
		#hst table tr:first-child td { background:#532b3a; color:#fff; border-right:1px solid #B46E88; }		
		#hst table tr td { padding:15px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}	
		#hst table tr .noline { border-right:none;}
		
		#hst .commond { width:100%; margin-left:35px; }
		#hst .commond > li { background:url(/images/dot3.png) no-repeat 0 10px; padding-left:25px; font-weight:bold; margin-bottom:20px; }
		#hst .commond > li > ul { font-weight:normal; font-size:0.9em; margin:10px 0 0px 20px; }
		#hst .commond > li > ul > li { list-style:outside; }
		
	/* 프레젠테이션 */
	#ppt { width:98%; margin:auto; }
		#ppt h3 { font-weight:bold; font-size:1.6em; margin:0 0 10px 0; padding-bottom:4px;}
		#ppt h3 img { width:30px; height:auto; }
		#ppt > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }

		
	#ppt .icon_ul { width:97%;margin:20px auto;  margin-left:35px; overflow:hidden;} 
	#ppt .icon_ul li { width:30%; float:left; background:#f4f4f4; border:1px solid #d7d7d7; border-radius:12px; text-align:center; padding:25px; } 
	#ppt .icon_ul li:nth-child(even) { margin:0 4%;   } 
	#ppt .icon_ul li .img { width:100%; margin-bottom:20px; }
	#ppt .icon_ul li .img img { width:32.34421364985%;}
	#ppt .icon_ul li h4 { font-weight:bold; margin-bottom:10px; color:#5f7f9c; }
	
	#ppt .step_ul { width:97%; margin-left:35px;}
		#ppt .step_ul li { font-size:1.2em; margin-bottom:20px;}
		#ppt .step_ul li h4 { color:#5f7f9c; font-weight:bold; margin-bottom:10px; font-size:1.1em; }
		#ppt .step_ul li h4 span { display:inline-block; width:30px; height:30px; line-height:30px; background:#5f7f9c; border-radius:50px; color:#fff; font-size:0.8em; text-align:center;}
		#ppt .step_ul li p { margin-left:40px; }

	/* 전자북 */
	#ebook { width:98%; margin:auto;}
		#ebook h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#ebook h3 img { width:30px; height:auto; }
		
		#ebook > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }							
		#ebook > ul { width:100%; padding-left:35px; }
		#ebook > ul > li { font-size:1.2em; line-height:2em; }
		
		#ebook > h4 { font-weight:bold; font-size:1.4em; margin:40px 0px 30px 30px; }
		#ebook .ebook { width:100%; margin-bottom:40px; overflow:hidden;}
		#ebook .ebook li { width:18%; float:left; text-align:center; margin-right:2.5%; font-size:1.1em; line-height:1.6em; margin-bottom:0; }
		#ebook .ebook li:last-child { margin-right:0;}
		#ebook .ebook li .icon { width:100%;}
		#ebook .ebook li .icon img { width:40%;}		
		#ebook .ebook li p { margin-top:20px; margin-bottom:5px; font-weight:bold; color:#333; font-size:1.4em; letter-spacing:1px; }
		
		#ebook .box_ul { width:100%; overflow:hidden;}
		#ebook .box_ul > li { width:49%; float:left; background:#f2f2f2; padding:40px 30px; text-align:center; border-radius:20px; margin-right:1%; margin-bottom:10px; }
		#ebook .box_ul > li img { display:inline-block; margin-bottom:5px; }
		#ebook .box_ul > li h4 { margin-bottom:20px; font-weight:bold; font-size:1.2em; color:#532b3a; }
		#ebook .box_ul > li ul li { line-height:1.8em; }
		#ebook .box_ul > li ul li:last-child { margin-bottom:0px;}
		
		#ebook .two_ul { width:98%; overflow:hidden; }
		#ebook .two_ul li { width:49%; float:left; padding:40px; border:1px solid #E4E4E4; background:#f2f2f2; margin:0 0.5%; }
		#ebook .two_ul li p { font-size:1.2em; font-weight:bold; margin-bottom:10px; border-radius:20px; }
		
		#ebook .last_ul { width:100%; }
		#ebook .last_ul li { background:url(/images/dot4.jpg) no-repeat 0px 13px; padding-left:10px; }

}
    
@media only screen and (min-width: 1170px) {	

	/* 인사말 */
	.intro { padding:20px 0; width:100%; margin:auto; letter-spacing:-1px;}
		.intro h4 { font-weight:bold; font-size:1.4em; line-height:1.8em; margin-bottom:20px; padding:0 8px;}
		.intro h4 span { display:inline-block; background:#b20a0a; height:44px; line-height:44px; color:#fff; padding:0px 15px; margin-left:-8px;}
		.intro p { font-size:1.2em; line-height:1.8em; }
		.intro ul { margin:25px 0; }
		.intro ul li {  font-size:1.3em; margin-bottom:15px; }
		.intro ul li span { background:#a6aa0a; color:#fff; display:inline-block; border-radius:20px; width:30px; height:30px; text-align:center; font-size:0.8em; margin-right:10px; line-height:30px; }
		.intro .gray_box { background:#f3f3f3; padding:25px 40px; }

	#outline { width:100%; margin:auto;}
		#outline h1 { width:100%; color:#b20a0a; font-size:2.0em; font-weight:bold; margin-bottom:20px; }
		#outline h4 { width:100%; color:#333; line-height:1.2em; font-size:1.3em; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #b6b6b6; }
		#outline p { width:100%; font-size:1.2em; margin-top:20px; margin-bottom:30px; }
		
		#outline table { width:100%; border-collapse:collapse; border-top:3px solid #a6aa0a; }	
		#outline table tr td, #outline table tr th  { padding:20px 0; border-bottom:1px solid #b6b6b6; font-size:1.2em;}
		#outline table tr:nth-child(even) > * { background:#f6f6f6; }
		#outline table tr th span { display:block; padding-left:30px; background:url(../images/dot2.jpg) no-repeat 2px 5px; margin-left:20px;}

	
	#principle {width:100%; margin:auto;}		
		#principle ul { overflow:hidden; width:100%;}
		#principle ul li { width:25%; overflow:hidden; position:relative; }
		#principle ul li .background { width:100%;}
		#principle ul li .background img { width:100%;}
		#principle ul li .text { position:absolute; text-align:center; margin:auto; color:#fff; width:100%; padding:40% 0; font-size:1.4em;}
		#principle ul li .text .eng { display:block; font-size:0.8em; }

		#principle ul .pr_red { background:#b20a0a; float:left;}
		#principle ul .pr_blue { background:#5f7f9c; float:left;}
		#principle ul .pr_green { background:#a6aa0a; float:left;}
		#principle ul .pr_purple { background:#532b3a; float:left;}
		
	/* 경영이념  */
	#p4 { width:100%; margin:auto;}
		#p4 h1 { text-align:center; margin-bottom:30px; font-size:2.0em;}
		#p4 h1 .box { display:inline-block; padding:3px 4px 6px 4px; background:#b20a0a; color:#fff; font-weight:bold;}
		#p4 h1 .point { color:#b20a0a; font-weight:bold;}
		#p4 p { width:100%; height:2px; background:url('/images/dash.jpg') repeat-x; margin-bottom:30px; }
		
		#p4 ul { width:100%; overflow:hidden;}
		#p4 ul li { width:100%; margin-bottom:2%; overflow:hidden;}
		#p4 ul li > div { width:48%; float:left; margin:0px 1%; }
		#p4 ul li h4 { vertical-align:bottom; font-size:1.8em; font-weight:bold; margin-bottom:15px;}
		#p4 ul li h4 img { vertical-align:bottom; width:13%; margin-right:20px; }
		
		#p4 ul li .red { color:#b20a0a;}
		#p4 ul li .blue { color:#5f7f9c;}
		#p4 ul li .green { color:#a6aa0a;}
		#p4 ul li .purple { color:#532b3a;}
		
		#p4 ul li > div > div { border:1px solid #E3E3E3; border-radius:10px; background:#F9F9F9; padding:50px; font-size:1.3em;} 
		
	/* 비전 */
	#vision { width:100%; margin:auto; }
		#vision ul li { width:100%; padding:20px; background:#efefef; margin-bottom:20px; font-size:1.2em; }
		#vision ul li span { font-weight:bold; display:inline; }

		#vision ul .red { border-left:20px solid #b20a0a; }
		#vision ul .blue { border-left:20px solid #5f7f9c; }
		#vision ul .green { border-left:20px solid #a6aa0a; }
		#vision ul .purple { border-left:20px solid #532b3a; }
		
	/* 연혁 */
	#history { width:100%; margin:auto; }
		#history > div { margin-bottom:30px; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}
		#history > div h4 { float:left; width:15%; color:#bebebe; font-size:2em; font-weight:bold; letter-spacing:-1px; }
		#history > div h4 span { color:#532b3a;}
		#history > div ul { float:left; width:85%;  }
		#history > div ul li { margin-bottom:10px; font-size:1.2em; }
		#history > div ul li span { font-weight:bold; color:#532b3a; display:inline-block; margin-right:10px; width:5%; border-right:2px solid #532b3a; }
		
	/* 조직도 */
	#organ { width:100%; margin:auto; }
		#organ #icon { width:100%; overflow:hidden; }
		#organ #icon li { float:left; width:23.5%; margin:0 2% 0 0; position:relative;}
		#organ #icon li > img { width:100%;}
		#organ #icon li:last-child { margin-right:0;}
		#organ #icon li .icon_text { position:absolute; width:100%; height:100%;text-align:center;}
		#organ #icon li .icon { width:30%; margin:auto; margin-bottom:10px; margin-top:25%; }
		#organ #icon li .icon img { width:100%; }
		#organ #icon li .text { width:100%; font-size:1.4em; letter-spacing:-1px; }
		
		#organ h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#organ h3 img { width:30px; height:auto; }
		#organ .box_2 { background:#f7f7f8; padding:3%; width:100%; overflow:hidden; margin-bottom:20px;}
		#organ .box_2 > div { float:left; width:46%; margin:2%; overflow:hidden;}
		#organ .box_2 .f_box { border-bottom:none; border-right:1px solid #9f9f9f; padding:0;}
		#organ .box_2 div h4 { float:left; width:35%; font-size:1.4em; font-weight:bold; }
		#organ .box_2 div ul { overflow:hidden; width:65%;}
		#organ .box_2 div ul li { list-style:circle; margin-left:15px;}
		
		#organ .box3 { width:100%; background:#e8f0f6; padding:3%;}
		#organ .box3 > ul > li { font-size:1.2em; margin-bottom:10px; letter-spacing:-1px; }
		#organ .box3 > ul > li > ul > li { font-size:0.9em; padding-left:30px; margin:5px 0;}
		#organ .box3 > ul > li span { font-weight:bold; color:#5f7f9c;}
		
	/* 자격현황 */
	#document { width:100%; margin:auto; }
		#document ul li { width:49%; float:left; margin-bottom:20px; }
		#document ul li:nth-child(odd) { margin-right:1%; }
		#document ul li img { width:100%;}
		#document ul li div { width:100%; background:#f1f1f1; border:1px solid #c8c8c8; border-top:none; padding:10px; text-align:center; font-size:1.4em; color:#4c4c4c;}
		
	/* 사이트맵 */
	#siteMap2 { width:100%; margin:auto; }
		#siteMap2 .sitemap_step01 { overflow:hidden; }
		#siteMap2 .sitemap_step01 .sstep01 { width:100%; overflow:hidden; margin-bottom:30px;}
		#siteMap2 .sitemap_step01 > li:last-child { margin-right:0%;}
		#siteMap2 .sitemap_step01 .sstep01 > a { padding-left:10px; font-size:1.6em; color:#333; border-left:10px solid #a6aa0a; font-weight:bold; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 { font-size:1.3em; font-weight:normal;  font-family:'Nanum Gothic', sans-serif; background:url(../images/dot4.jpg) no-repeat 0px 15px; padding-left:20px; margin:15px; float:left; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a { font-weight:normal;}
		#siteMap2 .sitemap_step01 .sstep01 .sstep02 a:hover { color:#5f7f9c; text-decoration:none; }
		#siteMap2 .sitemap_step01 .sstep01 .sstep03 { float:none; width:100%; margin-top:10px; font-size:0.9em; padding:0;}
		
	/* 홈페이지제작 */
	#hpg { width:100%; margin:auto; }
		#hpg .dan1 { width:100%; overflow:hidden; position:relative; margin-bottom:30px; }
		#hpg .dan1 .img { width:50%; margin-top:30px; float:right;}
		#hpg .dan1 .img img { width:100%;}
		#hpg .dan1 .text { width:65%; font-size:1.2em; padding:4.5%; background:rgba(0,0,0,0.8); color:#fff; float:left; margin-top:-100px; line-height:2em;}
	
		#hpg .dan2 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:50px 10px; margin:40px 0; font-size:1.2em; line-height:2em; }		
	
		#hpg h3 { font-weight:bold; font-size:1.6em; margin:30px 0; padding-bottom:4px;}
		#hpg h3 img { width:30px; height:auto; }
	
		#hpg ul { width:100%;}
		#hpg ul li { width:100%; overflow:hidden; margin-bottom:30px;}
		#hpg ul li .icon { background:#f3f3f3; float:left; width:13%; padding:20px 30px; position:relative; border-radius:10px; margin:0; }
		#hpg ul li .icon img { width:100%;}
		#hpg ul li .box { padding:10px; background:#7A7A7A; color:#fff; border-radius:30px; width:40px; height:40px;text-align:center; margin:20px; position:absolute; right:-40px; top:20%;  z-index:1000;}
		#hpg ul li .text { float:left; width:80%; padding:20px 30px; margin-left:10px; border:1px solid #D8D8D8; position:relative; border-radius:10px; z-index:1; }
		#hpg ul li .text img { width:10%; display:block; }
		#hpg ul li .text div { position:absolute; top:15%; left:30px;}
		#hpg ul li .text div span { font-weight:bold; font-size:1.2em; display:inline-block; margin-bottom:5px;}
		
	/* 웹호스팅 */
	#hst { width:100%; margin:auto; }
		#hst h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#hst h3 img { width:30px; height:auto; }
		#hst > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }
		#hst > ul { font-size:1.2em; margin-left:35px; width:97%; margin-bottom:30px; }
		#hst > ul li { margin-bottom:10px; }
		#hst > table {  width:97%; margin-left:35px; font-size:1.2em;}
		
		#hst .img { width:100%; margin:50px 0;}
		#hst .img img { width:100%;}
		
		#hst .step_ul { width:100%; color:#333;}
		#hst .step_ul > li { font-weight:bold; margin-bottom:20px;}
		#hst .step_ul > li > ul { font-weight:normal; margin:10px 0 0px 20px;}
		#hst .step_ul > li > ul > li { list-style:outside; font-size:0.9em; margin:0;}

		#hst table { width:97%; margin-left:35px; text-align:center; font-size:1.2em;}
		#hst table tr:first-child td { background:#532b3a; color:#fff; border-right:1px solid #B46E88; }		
		#hst table tr td { padding:15px; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}	
		#hst table tr .noline { border-right:none;}
		
		#hst .commond { width:100%; margin-left:35px; }
		#hst .commond > li { background:url(/images/dot3.png) no-repeat 0 10px; padding-left:25px; font-weight:bold; margin-bottom:20px; }
		#hst .commond > li > ul { font-weight:normal; font-size:0.9em; margin:10px 0 0px 20px; }
		#hst .commond > li > ul > li { list-style:outside; }
		
	/* 프레젠테이션 */
	#ppt { width:100%; margin:auto; }
		#ppt h3 { font-weight:bold; font-size:1.6em; margin:0 0 10px 0; padding-bottom:4px;}
		#ppt h3 img { width:30px; height:auto; }
		#ppt > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }

		
	#ppt .icon_ul { width:97%;margin:20px auto;  margin-left:35px; overflow:hidden;} 
	#ppt .icon_ul li { width:30%; float:left; background:#f4f4f4; border:1px solid #d7d7d7; border-radius:12px; text-align:center; padding:25px; } 
	#ppt .icon_ul li:nth-child(even) { margin:0 4%;   } 
	#ppt .icon_ul li .img { width:100%; margin-bottom:20px; }
	#ppt .icon_ul li .img img { width:32.34421364985%;}
	#ppt .icon_ul li h4 { font-weight:bold; margin-bottom:10px; color:#5f7f9c; }
	
	#ppt .step_ul { width:97%; margin-left:35px;}
		#ppt .step_ul li { font-size:1.2em; margin-bottom:20px;}
		#ppt .step_ul li h4 { color:#5f7f9c; font-weight:bold; margin-bottom:10px; font-size:1.1em; }
		#ppt .step_ul li h4 span { display:inline-block; width:30px; height:30px; line-height:30px; background:#5f7f9c; border-radius:50px; color:#fff; font-size:0.8em; text-align:center;}
		#ppt .step_ul li p { margin-left:40px; }

	/* 전자북 */
	#ebook { width:100%; margin:auto;}
		#ebook h3 { font-weight:bold; font-size:1.6em; margin:10px 0; padding-bottom:4px;}
		#ebook h3 img { width:30px; height:auto; }
		
		#ebook > p { font-size:1.2em; line-height:1.8em; margin-bottom:30px; margin-left:35px; width:97%; }							
		#ebook > ul { width:100%; padding-left:35px; }
		#ebook > ul > li { font-size:1.2em; line-height:2em; }
		
		#ebook > h4 { font-weight:bold; font-size:1.4em; margin:40px 0px 30px 30px; }
		#ebook .ebook { width:100%; margin-bottom:40px; overflow:hidden;}
		#ebook .ebook li { width:18%; float:left; text-align:center; margin-right:2.5%; font-size:1.1em; line-height:1.6em; margin-bottom:0; }
		#ebook .ebook li:last-child { margin-right:0;}
		#ebook .ebook li .icon { width:100%;}
		#ebook .ebook li .icon img { width:40%;}		
		#ebook .ebook li p { margin-top:20px; margin-bottom:5px; font-weight:bold; color:#333; font-size:1.4em; letter-spacing:1px; }
		
		#ebook .box_ul { width:100%; overflow:hidden;}
		#ebook .box_ul > li { width:49%; float:left; background:#f2f2f2; padding:40px 30px; text-align:center; border-radius:20px; margin-right:1%; margin-bottom:10px; }
		#ebook .box_ul > li img { display:inline-block; margin-bottom:5px; }
		#ebook .box_ul > li h4 { margin-bottom:20px; font-weight:bold; font-size:1.2em; color:#532b3a; }
		#ebook .box_ul > li ul li { line-height:1.8em; }
		#ebook .box_ul > li ul li:last-child { margin-bottom:0px;}
		
		#ebook .two_ul { width:98%; overflow:hidden; }
		#ebook .two_ul li { width:49%; float:left; padding:40px; border:1px solid #E4E4E4; background:#f2f2f2; margin:0 0.5%; }
		#ebook .two_ul li p { font-size:1.2em; font-weight:bold; margin-bottom:10px; border-radius:20px; }
		
		#ebook .last_ul { width:100%; }
		#ebook .last_ul li { background:url(/images/dot4.jpg) no-repeat 0px 13px; padding-left:10px; }
				
}