@charset "UTF-8";

.contentsback{width:100%; height:260px; background:#fff url("/images/20_download/common/top_img.jpg") no-repeat 50% 0; border-bottom:solid 1px #e9e9e9;}
.contentstotal {overflow:hidden; position:relative; width:956px; margin:0 auto;}


.contents{position:relative; float:right; width:730px; background:url("/images/20_download/common/product_back02.jpg") repeat-x;}
.contents h1{color:#ffffff; font-size:0; line-height:0; padding:0; margin:0; letter-spacing:0;}
#download_demo_gw_pc .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:24px; background:url("/images/20_download/demo/title01.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}
#download_demo_gw_mobile .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:24px; background:url("/images/20_download/demo/title01.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}
#download_demo_netvcs .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:24px; background:url("/images/20_download/demo/title02.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}
#download_demo_echocrm .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:24px; background:url("/images/20_download/demo/title03.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}
#download_demo_EasyRoERP .contents h1 a{display:block; position:absolute; top:47px; width:300px; height:26px; background:url("/images/20_download/demo/title04.jpg") no-repeat; color:#ffffff; font-size:0; line-height:100px;}


.history{position:absolute; top:60px; right:20px;background:url("/images/20_download/common/history_icon.jpg") no-repeat 0 50%; text-indent:20px;}
.suball{overflow:hidden; float:left;width:730px; margin:0 auto; padding-bottom:50px; padding-left:30px;}
.intro, .select, pc {float:left;}

#download_demo_gw_pc .intro{background:url("/images/20_download/demo/logo_img.jpg") no-repeat ; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#download_demo_gw_pc .intro p{background:url("/images/20_download/demo/stitle01.jpg") no-repeat 0 0; padding-top:50px; font-size:14px; color:#333; font:normal 14px/1.5  "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; text-align:justify;}
#download_demo_gw_mobile .intro{background:url("/images/20_download/demo/logo_img.jpg") no-repeat ; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#download_demo_gw_mobile .intro p{background:url("/images/20_download/demo/stitle01.jpg") no-repeat 0 0; padding-top:50px; font-size:14px; color:#333; font:normal 14px/1.5  "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; text-align:justify;}
#download_demo_netvcs .intro{background:url("/images/20_download/demo/logo_img02.jpg") no-repeat ; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#download_demo_netvcs .intro p{background:url("/images/20_download/demo/stitle02.jpg") no-repeat 0 0; padding-top:50px; font-size:14px; color:#333; font:normal 14px/1.5  "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; text-align:justify;}
#download_demo_echocrm .intro{background:url("/images/20_download/demo/logo_img03.jpg") no-repeat ; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#download_demo_echocrm .intro p{background:url("/images/20_download/demo/stitle03.jpg") no-repeat 0 0; padding-top:50px; font-size:14px; color:#333; font:normal 14px/1.5  "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; text-align:justify;}
#download_demo_EasyRoERP .intro{background:url("/images/20_download/demo/logo_img04.jpg") no-repeat ; padding-left:140px; margin-top:120px; margin-bottom:30px;}
#download_demo_EasyRoERP .intro p{background:url("/images/20_download/demo/stitle04.jpg") no-repeat 0 0; padding-top:50px; font-size:14px; color:#333; font:normal 14px/1.5  "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; text-align:justify;}

.intro {width:530px; border-bottom:solid 1px #eaeaea;}
.intro li {float:left;}
.intro li a{display:block; margin:20px 5px; padding-top:25px; background:url("/images/20_download/common/btn_intro_back.jpg") no-repeat; width:64px; height:25px; text-align:center;}
.intro li a:hover{ background:url("/images/20_download/common/btn_intro_back_.jpg") no-repeat; color:#fff;}
.intro .experience a{display:block; margin:20px 5px; padding-top:25px; background:url("/images/20_download/common/btn_intro_back02.jpg") no-repeat; width:143px; height:25px; text-align:center; font-weight:bold; color:#1749aa;}
.intro .experience a:hover{background:url("/images/20_download/common/btn_intro_back02_.jpg") no-repeat; color:#fff;}


.select {width:670px; height:55px;}
.select li{float:left;}
.select li a{display:block; width:330px; height:55px;color:;font-size:0; line-height:0;}

.pc{overflow:hidden; float:left; width:670px; font:normal 14px/1.5  "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; color:#333; margin-bottom:50px;}
.pc .text {display:block; float:left; background:url("/images/20_download/demo/text_back.jpg") no-repeat 0 0; width:677px; height:62px; color:#1749aa; font-weight:bold; text-indent:50px; padding-top:20px;}
.pc h3 a img{float:left; display:block; padding:30px 0 20px 0;}
.pc p {float:left; width:670px; font-size:14px; font:normal 14px/1.5 "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; color:#333;}
.pc ul {float:left; width:670px}
.pc ul dl{float:left; width:670px}
.pc .list{overflow:hidden; float:left;  width:400px;}
.pc .list li{float:left; width:400px;}

.list .ex_text {float:left;}
.pc ul li a {float:right;}
.pc ul li a {display:block; background:url("/images/20_download/common/btn_intro_back03.jpg") no-repeat; width:100px; height:25px; font:normal 12px/1.2 "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; text-indent:15px; padding-top:5px; margin:0 10px;}
.pc ul li a:hover {background:url("/images/20_download/common/btn_intro_back03_.jpg") no-repeat; font-weight:bold; color:#fff;}
.pc dt, .pc dd, .pc li{font-size:14px; font-family:"굴림", Gulim, "돋음", Dotum, verdana, sans-serif; color:#333;padding:3px 0; _padding:0;}
.download th{width:160px; border-bottom:dotted 1px #d4d4d4; font:bold 12px/1.5 "굴림",gulim, "돋음",Dotum, verdana, sans-serif; padding:5px 5px 5px 40px; text-align:left;}
.download td{border-bottom:dotted 1px #d4d4d4;text-align:left; border:0;}
.download .groupware {background:#dbf6ff; text-align:left;}
.download .groupware02 {background:#dbf6ff; text-align:left;}
.download .msg {background:#dbe7ff; text-align:left;  border-top:solid 1px #d4d4d4;}
.download .guide {background:#eaeaea;  text-align:left; border-bottom:solid 1px #d4d4d4;}


.download {
	float:left; 
	width:670px; 
	}

#download_demo_gw_pc .download td input, #download_demo_gw_mobile .download td input {
	background:url("/images/20_download/free/btn_downloadback05.png") no-repeat; 
	width:220px; 
	height:46px; 
	border:0; 
	font:bold 14px/1 "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; 
	color:#3366cc; 
	margin:5px 0; 
	cursor:pointer; 
	margin-left:110px;
	text-indent:30px; 
	}

	*:first-child+html #download_demo_gw_pc .download td input, *:first-child+html #download_demo_gw_mobile .download td input {margin-left:80px;}

	#download_demo_gw_pc .download td a {
	display:block;
	background:url("/images/20_download/free/btn_guideback03.png") no-repeat; 
	width:220px; 
	height:31px; 
	border:0; 
	font:bold 14px/1 "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; 
	color:#333; 
	margin:5px 0; 
	padding-top:15px;
	margin-left:110px;
	cursor:pointer; 
	text-indent:90px; 
	}

	

	#download_demo_gw_mobile .download td a {
	display:block;
	background:url("/images/20_download/free/btn_guideback03.png") no-repeat; 
	width:220px; 
	height:31px; 
	border:0; 
	font:bold 14px/1 "굴림", Gulim, "돋음", Dotum, verdana, sans-serif; 
	color:#333; 
	margin:5px 0; 
	padding-top:15px;
	margin-left:110px;
	cursor:pointer; 
	text-indent:80px; 
	}
	
	#download_demo_gw_pc .screen1 dd, #download_demo_gw_mobile .screen1_m dd{
		float:left; 
		padding-left:10px;
		}
	#download_demo_gw_pc .screen1 ol, #download_demo_gw_mobile .screen1_m ol {
		float:left; 
		width:650px;		
		}

	#download_demo_gw_pc .screen1 ol li {
		position:relative; 
		float:left; 		
		width:145px;
		height:108px;
		padding:0;  
		margin:6px;
		}

	#download_demo_gw_mobile .screen1_m ol li {
		position:relative; 
		float:left; 		
		width:145px;
		height:130px;
		padding:0;  
		margin:6px;
		}

	#download_demo_gw_pc .screen1 ol li a, #download_demo_gw_mobile .screen1_m ol li a{		
		float:left; 
		margin:0;
		padding:0;
		}

	#download_demo_gw_pc .screen1 ol li img, #download_demo_gw_mobile .screen1_m ol li img{
		float:left;
		margin:0;
		padding:0;
		border:solid 1px #a7a7a7;
		}

	#download_demo_gw_pc .screen1 ol li .screennumber, #download_demo_gw_mobile .screen1_m ol li .screennumber {
		position:absolute; 
		top:0; 
		left:0;
		padding:4px 6px; 
		margin:0;
		background:#666666; 
		color:#fff; 
		font-style:bold;
		}

	/*팝업 레이어*/
	.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
    .layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
	.layer .pop-layer-10 {display:block;}
	.layer .pop-layer-20 {display:block;}
	.layer .pop-layer-30 {display:block;}
	.layer .pop-layer-40 {display:block; background:url("/images/10_products/easyro/mobile/mobile_back.png") no-repeat;}	
	.layer .pop-layer-50 {display:block;}
	.pop-container {padding: 20px 25px;}
	.popup_p_mobile{width:300px; padding:7px 0 0 20px; font:bold 14px/1.3 "굴림",Gulim, "돋음", Dotum, verdana, sans-serif; color:#99ccff;}
	.popup_p {width:600px;font:bold 14px/1.3 "굴림",Gulim, "돋음", Dotum, verdana, sans-serif;}
	.pop-layer-10 .popup_img {position: absolute; width:700px; height:500px; top:70px; left:50px;}
	.pop-layer-20 .popup_img {position: absolute; width:660px; height:660px; top:70px; left:50px;}
	.pop-layer-30 .popup_img {position: absolute; width:500px; height:700px; top:70px; left:50px;}
	.pop-layer-40 .popup_img {position: absolute; width:324px; height:575px; top:77px; left:44px;}
	.pop-layer-50 .popup_img {position: absolute; width:700px; height:500px; top:70px; left:50px;}

	.pop-layer-10 {display:none; position: absolute; top: 50%; left: 50%; width: 800px; height:600px;  background-color:#fff; border: 5px solid #999; z-index: 10;}			
	.pop-layer-20 {display:none; position: absolute; top: 50%; left: 50%; width: 760px; height:760px;  background-color:#fff; border: 5px solid #999; z-index: 10;}
	.pop-layer-30 {display:none; position: absolute; top: 50%; left: 50%; width: 600px; height:800px;  background-color:#fff; border: 5px solid #999; z-index: 10;}	
	.pop-layer-40 {display:none; position: absolute; top: 50%; left: 50%; width: 413px; height:706px;  background-color:#fff; border: 0px solid #999; z-index: 10;}	
	.pop-layer-50 {display:none; position: absolute; top: 50%; left: 50%; width: 800px; height:600px;  background-color:#fff; border: 5px solid #999; z-index: 10;}	
	.pop-layer-40 {display:none; position: absolute; top: 50%; left: 50%; width: 413px; height:706px;  background-color:#fff; border: 0px solid #999; z-index: 10;}	
	.pop-layer-50 {display:none; position: absolute; top: 50%; left: 50%; width: 800px; height:600px;  background-color:#fff; border: 5px solid #999; z-index: 10;}	



	a.cbtn {display:block; width:50px; height:50px; position: absolute; top:0px; right:0px;  margin:0; background:url("/images/10_products/easyro/gw/popup_close.jpg") no-repeat 50% 50%; font-size:0; color:#fff;}	
	a.mbtn {display:block; width:50px; height:50px; position: absolute; top:20px; right:30px;  margin:0; background:url("/images/10_products/easyro/mobile/popup_close02.png") no-repeat 50% 50%; font-size:0; color:#fff;}	

	
	#download_demo_EasyRoERP .part01 h3{padding-bottom: 10px;}
	#download_demo_EasyRoERP .part01 > ul {overflow:hidden;background:url("/images/20_download/demo/contents_erppart01_back.png") no-repeat; padding:27px 10px; margin-bottom: 20px;}
	#download_demo_EasyRoERP .part01 > ul li{float:left; padding:0 4px;}
	#download_demo_EasyRoERP .part01 > ul li > dl{width:100%; width:104px; height:107px; background:url("/images/20_download/demo/contents_erppart01_back02.png") no-repeat; text-align:center;}
	#download_demo_EasyRoERP .part01 > ul li > dl dt{font-weight:bold; line-height:2em; color:#003399;}
	#download_demo_EasyRoERP .part01 > ul li > dl dd{font-size:9pt;  padding-top:10px;}

	#download_demo_EasyRoERP .part02 h3{padding-bottom: 10px;}
	#download_demo_EasyRoERP .part02 > ul {overflow:hidden;background:url("/images/20_download/demo/contents_erppart02_back.png") no-repeat; padding:27px 10px; margin-bottom: 20px;}
	#download_demo_EasyRoERP .part02 > ul li{float:left; padding:0 4px;}
	#download_demo_EasyRoERP .part02 > ul li > dl{width:100%; width:104px; height:107px; background:url("/images/20_download/demo/contents_erppart02_back02.png") no-repeat; text-align:center;}
	#download_demo_EasyRoERP .part02 > ul li > dl dt{font-weight:bold; line-height:2em; color:#1c85ab;}
	#download_demo_EasyRoERP .part02 > ul li > dl dd{font-size:9pt;  padding-top:10px;}

	#download_demo_EasyRoERP .part03 h3{padding-bottom: 10px;}
	#download_demo_EasyRoERP .part03 > ul {width:98.5%; background:#f0f7fc; border-radius:10px; padding:5% 0 5% 1.5%; margin-bottom: 20px;}
	#download_demo_EasyRoERP .part03 > ul > li{overflow:hidden; width:649px; padding:0 0 10px 0; background:url("/images/20_download/demo/contents_erppart03_back03.png") no-repeat left bottom; margin:0 0 20px 0;} 
	#download_demo_EasyRoERP .part03 > ul > li > dl{width:649px;float:left; margin:0; padding:0;}
	#download_demo_EasyRoERP .part03 > ul > li > dl > dt{font-weight:bold;color:#1874b2; background:url("/images/20_download/demo/contents_erppart03_back01.png") left top; padding-left:20px;}
	#download_demo_EasyRoERP .part03 > ul > li > dl > dd{overflow:hidden; background:url("/images/20_download/demo/contents_erppart03_back02.png") repeat-y; margin:0; padding:0;}
	#download_demo_EasyRoERP .part03 > ul > li > dl > dd > dl{float:left; overflow:hidden; background:url("/images/20_download/demo/contents_erppart03_back04.png") repeat-x left bottom; padding:3px 0;}
	#download_demo_EasyRoERP .part03 > ul > li > dl > dd > dl > dt{width:27%; float:left; font-weight:bold; font-size:9pt; padding-left:2%; border-right:1px solid #ebebeb; color:#1874b2;}
	#download_demo_EasyRoERP .part03 > ul > li > dl > dd > dl > dd{width:68%;float:left; font-size:9pt; padding-left:2%;}