@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/*±âº»°ª*/
@media all and (min-width: 1400px) {
	.inner_area {width:1400px; margin:0 auto; overflow:hidden;}
}

@media all and (min-width: 768px) and (max-width: 1399px) {
	.inner_area {padding:0 50px;}
}

@media all and (max-width: 767px) {
	.inner_area {padding:0 20px;}
}

.anch_blank {display:block; height:100px; margin-top:-100px;}

/*µ¥¸ð¹öÀü Æ˾÷*/
@media all and (min-width: 768px) {
	#demo_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.9); z-index:11111111111111111111111111;}
	#demo_pop .close {position:fixed; top:50px; right:50px; z-index:111111; cursor: pointer;}
	#demo_pop .center_area {display:table; width:100%; height:100%;}
	#demo_pop .vertical {display:table-cell; vertical-align:middle;}
	#demo_pop ul {width:700px; margin:0 auto;}
	#demo_pop li {float:left; width:30%; margin:0 1%; height:320px; background-color:#fff; border-radius:10px; text-align:center; color:#000; font-size:23px; letter-spacing:-1px; font-family: 'NanumSquare', sans-serif !important; cursor: pointer;}
	#demo_pop li img {width:150px; padding:55px 0 30px 0;}
}

@media all and (max-width: 767px) {
	#demo_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.9); z-index:11111111111111111111111111;}
	#demo_pop .close {position:fixed; top:20px; right:20px; z-index:111111; cursor: pointer;}
	#demo_pop .close img {width:25px;}
	#demo_pop .center_area {display:table; width:100%; height:100%;}
	#demo_pop .vertical {display:table-cell; vertical-align:middle; padding:20px;}
	#demo_pop ul {width:100%;}
	#demo_pop li {float:left; width:100%; margin:1% 0; height:120px; background-color:#fff; border-radius:10px; text-align:center; color:#000; font-size:16px; letter-spacing:-1px; font-family: 'NanumSquare', sans-serif !important; cursor: pointer;}
	#demo_pop li img {width:50px; padding:25px 0 10px 0;}
}


/*»ó´Ü*/
@media all and (min-width: 1400px) {
	#head {width:100%; height:100px; position:fixed; top:0; left:0; z-index:1111111111; border-bottom:1px solid rgba(255,255,255,.2);}
	#head .logo {float:left; width:200px; line-height:100px; color:#fff; background:url('/import/image/erp_design/logo_off.png')center no-repeat; cursor: pointer;}
	#head .menu {float:left; width:calc(100% - 400px); text-align:center; line-height:99px;}
	#head .menu a {display:inline-block;color:#fff; font-size:19px; font-weight:300; margin:0 15px;}
	#head .menu a:hover {color:#10c3d8; transition:all .2s; border-bottom:1px solid #10c3d8;}
	#head .btn {float:left; width:200px; line-height:100px; text-align:right;}
	#head .btn a { cursor: pointer; color:#fff; background-color:#5a6cfd; padding:15px 25px; border-radius:100px; font-size:15px;}
	#head .btn a:hover {background-color:#10c3d8; transition:all .2s;}
	#head .btn img {margin-left:10px;}
}

@media all and (min-width: 1024px) and (max-width: 1399px) {
	#head {width:100%; height:100px; position:fixed; top:0; left:0; z-index:1111111111; border-bottom:1px solid rgba(255,255,255,.2);}
	#head .logo {float:left; width:200px; line-height:100px; color:#fff; background:url('/import/image/erp_design/logo_off.png')center no-repeat; cursor: pointer;}
	#head .menu {float:left; width:calc(100% - 400px); text-align:center; line-height:99px;}
	#head .menu a {display:inline-block;color:#fff; font-size:17px; font-weight:300; margin:0 5px;}
	#head .menu a:hover {color:#10c3d8; transition:all .2s; border-bottom:1px solid #10c3d8;}
	#head .btn {float:left; width:200px; line-height:100px; text-align:right;}
	#head .btn a { cursor: pointer; color:#fff; background-color:#5a6cfd; padding:15px 25px; border-radius:100px; font-size:15px;}
	#head .btn a:hover {background-color:#10c3d8; transition:all .2s;}
	#head .btn img {margin-left:10px;}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	#head {width:100%; height:100px; position:fixed; top:0; left:0; z-index:1111111111; border-bottom:1px solid rgba(255,255,255,.2);}
	#head .logo {float:left; width:200px; line-height:100px; color:#fff; background:url('/import/image/erp_design/logo_off.png')center no-repeat; cursor: pointer;}
	#head .menu {display:none;}
	#head .btn {float:right; width:200px; line-height:100px; text-align:right;}
	#head .btn a { cursor: pointer; color:#fff; background-color:#5a6cfd; padding:15px 25px; border-radius:100px; font-size:15px;}
	#head .btn a:hover {background-color:#10c3d8; transition:all .2s;}
	#head .btn img {margin-left:10px;}
}

@media all and (max-width: 767px) {
	#head {width:100%; height:100px; position:fixed; top:0; left:0; z-index:1111111111; border-bottom:1px solid rgba(255,255,255,.2);}
	#head .logo {float:left; width:150px; line-height:100px; color:#fff; background:url('/import/image/erp_design/logo_off.png')center no-repeat; background-size:100%; cursor: pointer;}
	#head .menu {display:none;}
	#head .btn {float:right; width:150px; line-height:100px; text-align:right;}
	#head .btn a { cursor: pointer; color:#fff; background-color:#5a6cfd; padding:10px 25px; border-radius:100px; font-size:12px;}
	#head .btn a:hover {background-color:#10c3d8; transition:all .2s;}
	#head .btn img {margin-left:10px;}
}


/*¸ÞÀÎ*/
@media all and (min-width: 768px) {
	#main {width:100%; height:800px; background:url('/import/image/erp_design/main_bg.jpg')center no-repeat; background-size:cover;}
	#main .text {text-align:center; color:#fff; font-size:22px; font-weight:300;}
	#main .text  h4 {font-family: 'NanumSquare', sans-serif !important;letter-spacing:-2px; padding-top:300px; font-size:55px; line-height:75px; padding-bottom:50px;}
	#main .text  b {color:#10c3d8;}
}

@media all and (max-width: 767px) {
	#main {width:100%; height:500px; background:url('/import/image/erp_design/main_bg.jpg')center no-repeat; background-size:cover;}
	#main .text {text-align:center; color:#fff; font-size:15px; font-weight:300;}
	#main .text  h4 {font-family: 'NanumSquare', sans-serif !important;letter-spacing:-2px; padding-top:200px; font-size:30px; line-height:40px; padding-bottom:25px;}
	#main .text  b {color:#10c3d8;}
}


/*¼½¼Ç1*/
@media all and (min-width: 1024px) {
	#sec_01 {width:100%; padding:120px 0; background:url('/import/image/erp_design/bg_sec_01.jpg')center bottom no-repeat;}
	#sec_01 .text {width:600px; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_01 .text  h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_01 .text  b {color:#10c3d8;}
	#sec_01 table {width:600px; border-top:1px solid #10c3d8;}
	#sec_01 th {background-color:#f3f3f3; color:#111; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px;}
	#sec_01 td {background-color:#fff; color:#555; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px;}
	#sec_01 .btn {width:600px; margin-top:50px;}
	#sec_01 .btn a {background-color:#5a6cfd; color:#fff; display:block; padding:20px 0; text-align:center; font-size:20px; border-radius:100px;}
	#sec_01 .btn a:hover {background-color:#10c3d8; transition:all .2s;}
}


@media all and (min-width: 768px) and (max-width: 1023px) {
	#sec_01 {width:100%; padding:120px 0; background:url('/import/image/erp_design/bg_sec_01.jpg')center bottom no-repeat;}
	#sec_01 .text {width:100%; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_01 .text  h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_01 .text  b {color:#10c3d8;}
	#sec_01 table {width:100%; border-top:1px solid #10c3d8;}
	#sec_01 th {background-color:#f3f3f3; color:#111; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px;}
	#sec_01 td {background-color:#fff; color:#555; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px;}
	#sec_01 .btn {width:100%; margin-top:50px;}
	#sec_01 .btn a {background-color:#5a6cfd; color:#fff; display:block; padding:20px 0; text-align:center; font-size:20px; border-radius:100px;}
	#sec_01 .btn a:hover {background-color:#10c3d8; transition:all .2s;}
}

@media all and (max-width: 767px) {
	#sec_01 {width:100%; padding:60px 0; background:url('/import/image/erp_design/bg_sec_01.jpg')center bottom no-repeat;}
	#sec_01 .text {width:100%; padding-bottom:25px; text-align:left; color:#000; font-size:13px; line-height:20px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_01 .text  h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:30px; line-height:40px; padding-bottom:15px;}
	#sec_01 .text  b {color:#10c3d8;}
	#sec_01 table {width:100%; border-top:1px solid #10c3d8;}
	#sec_01 th {background-color:#f3f3f3; color:#111; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px;}
	#sec_01 td {background-color:#fff; color:#555; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px;}
	#sec_01 .btn {width:100%; margin-top:25px;}
	#sec_01 .btn a {background-color:#5a6cfd; color:#fff; display:block; padding:15px 0; text-align:center; font-size:15px; border-radius:100px;}
	#sec_01 .btn a:hover {background-color:#10c3d8; transition:all .2s;}
}


/*¼½¼Ç2*/
@media all and (min-width: 1024px) {
	#sec_02 {width:100%; overflow:hidden; background:url('/import/image/erp_design/bg_sec_02.jpg')center top no-repeat; padding:120px 0; color:#fff; font-size:17px; line-height:30px; font-weight:300;}
	#sec_02 .text {width:600px; margin:0 auto; text-align:center;}
	#sec_02 .btn {width:600px; margin-top:60px;}
	#sec_02 .btn a {background-color:#10c3d8; color:#fff; display:block; padding:20px 0; text-align:center; font-size:20px; border-radius:100px;}
	#sec_02 .btn a:hover {background-color:rgba(0,0,0,.3); transition:all .2s;}
	#sec_02 h4 {font-family: 'NanumSquare', sans-serif !important;color:#fff; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
}


@media all and (min-width: 768px) and (max-width: 1023px) {
	#sec_02 {width:100%; overflow:hidden; background:url('/import/image/erp_design/bg_sec_02.jpg')center top no-repeat; padding:120px 0; color:#fff; font-size:17px; line-height:30px; font-weight:300;}
	#sec_02 .text {width:100%; margin:0 auto; text-align:center;}
	#sec_02 .btn {width:100%; margin-top:60px;}
	#sec_02 .btn a {background-color:#10c3d8; color:#fff; display:block; padding:20px 0; text-align:center; font-size:20px; border-radius:100px;}
	#sec_02 .btn a:hover {background-color:rgba(0,0,0,.3); transition:all .2s;}
	#sec_02 h4 {font-family: 'NanumSquare', sans-serif !important;color:#fff; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
}

@media all and (max-width: 767px) {
	#sec_02 {width:100%; overflow:hidden; background:url('/import/image/erp_design/bg_sec_02.jpg')center top no-repeat; padding:60px 0; color:#fff; font-size:13px; line-height:20px; font-weight:300;}
	#sec_02 .text {width:100%; margin:0 auto; text-align:center;}
	#sec_02 .btn {width:100%; margin-top:60px;}
	#sec_02 .btn a {background-color:#10c3d8; color:#fff; display:block; padding:15px 0; text-align:center; font-size:15px; border-radius:100px;}
	#sec_02 .btn a:hover {background-color:rgba(0,0,0,.3); transition:all .2s;}
	#sec_02 h4 {font-family: 'NanumSquare', sans-serif !important;color:#fff; letter-spacing:-2px; font-size:30px; line-height:40px; padding-bottom:15px;}
}


/*¼½¼Ç3*/
@media all and (min-width: 1200px) {
	#sec_03 {width:100%; padding:120px 0; overflow:hidden;}
	#sec_03 .text {float:left;width:600px; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_03 .text  h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_03 .text  b {color:#10c3d8;}
	#sec_03 .text .list {width:100%; overflow:hidden; margin-top:60px;}
	#sec_03 .text .list li {
		width:100%; height:60px; line-height:60px; padding:0 25px 0 50px; 
		margin-bottom:15px; border:1px solid #ddd; box-shadow:0px 2px 2px rgba(0,0,0,.1); 
		background:url("/import/image/erp_design/icon_sec_03_list.png")left 25px top 22px no-repeat;
		background-size:17px 17px;
	}
	#sec_03 .img {float:right; width:calc(100% - 700px); margin-left:100px; height:650px;}
	#sec_03 .img img {}
	#sec_03 .option {border-top:1px solid #ddd; border-left:1px solid #ddd; margin-top:30px; overflow:hidden;}
	#sec_03 .option li {float:left; width:20%; padding:0 20px; height:200px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
	#sec_03 .option img {padding-top:30px;}
	#sec_03 .option .t {font-size:18px; padding:10px 0 20px 0; width:100%; overflow:hidden;}
	#sec_03 .option .link {}
	#sec_03 .option .link a {display:block; background-color:#aaa; color:#fff; padding:5px 0; margin:0 0 2px 0; border-radius:100px; font-size:12px;}
	#sec_03 .option .link a:hover {background-color:#555; transition:all .2s;}
	#sec_03 .margin-top {margin-top:60px;}
	#sec_03 .option_t {font-size:25px; font-family: 'NanumSquare', sans-serif !important; font-weight:700;}
}

@media all and (min-width: 768px) and (max-width: 1199px) {
	#sec_03 {width:100%; padding:120px 0; overflow:hidden;}
	#sec_03 .text {width:100%; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_03 .text  h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_03 .text  b {color:#10c3d8;}
	#sec_03 .text .list {width:100%; overflow:hidden; margin-top:60px;}
	#sec_03 .text .list li {
		width:100%; height:60px; line-height:60px; padding:0 25px 0 50px; 
		margin-bottom:15px; border:1px solid #ddd; box-shadow:0px 2px 2px rgba(0,0,0,.1); 
		background:url("/import/image/erp_design/icon_sec_03_list.png")left 25px top 22px no-repeat;
		background-size:17px 17px;
	}
	#sec_03 .img {width:100%; margin-top:50px; height:650px; text-align:center;}
	#sec_03 .img img {}
	#sec_03 .option {border-top:1px solid #ddd; border-left:1px solid #ddd; margin-top:30px; overflow:hidden;}
	#sec_03 .option li {float:left; width:33.333%; padding:0 20px; height:200px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
	#sec_03 .option img {padding-top:30px;}
	#sec_03 .option .t {font-size:18px; padding:10px 0 20px 0; width:100%; overflow:hidden;}
	#sec_03 .option .link {}
	#sec_03 .option .link a {display:block; background-color:#aaa; color:#fff; padding:5px 0; margin:0 0 2px 0; border-radius:100px; font-size:12px;}
	#sec_03 .option .link a:hover {background-color:#555; transition:all .2s;}
	#sec_03 .margin-top {margin-top:60px;}
	#sec_03 .option_t {font-size:25px; font-family: 'NanumSquare', sans-serif !important; font-weight:700;}
}

@media all and (max-width: 767px) {
	#sec_03 {width:100%; padding:60px 0; overflow:hidden;}
	#sec_03 .text {width:100%; padding-bottom:50px; text-align:left; color:#000; font-size:13px; line-height:20px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_03 .text  h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:30px; line-height:40px; padding-bottom:15px;}
	#sec_03 .text  b {color:#10c3d8;}
	#sec_03 .text .list {width:100%; overflow:hidden; margin-top:30px;}
	#sec_03 .text .list li {
		width:100%; height:60px; line-height:60px; padding:0 25px 0 50px; 
		margin-bottom:15px; border:1px solid #ddd; box-shadow:0px 2px 2px rgba(0,0,0,.1); 
		background:url("/import/image/erp_design/icon_sec_03_list.png")left 25px top 22px no-repeat;
		background-size:17px 17px;
	}
	#sec_03 .img {width:100%; margin-top:15px; overflow:hidden; text-align:center;}
	#sec_03 .img img {width:100%}
	#sec_03 .option {border-top:1px solid #ddd; border-left:1px solid #ddd; margin-top:30px; overflow:hidden;}
	#sec_03 .option li {float:left; width:50%; padding:0 15px; height:150px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
	#sec_03 .option img {padding-top:15px;}
	#sec_03 .option .t {font-size:14px; padding:10px 0 15px 0; width:100%; overflow:hidden;}
	#sec_03 .option .link {}
	#sec_03 .option .link a {display:block; background-color:#aaa; color:#fff; padding:3px 0; margin:0 0 2px 0; border-radius:100px; font-size:11px;}
	#sec_03 .option .link a:hover {background-color:#555; transition:all .2s;}
	#sec_03 .margin-top {margin-top:30px;}
	#sec_03 .option_t {font-size:20px; font-family: 'NanumSquare', sans-serif !important; font-weight:700;}
}


/*¼½¼Ç4*/
@media all and (min-width: 1200px) {
	#sec_04 {width:100%; padding:120px 0; background-color:#f7f7f7;}
	#sec_04 .text {float:left; width:600px; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_04 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_04 .text b {color:#10c3d8;}
	#sec_04 .price {float:right; width:calc(100% - 700px); margin-left:100px; text-align:center;}
	#sec_04 .price h4 {width:100%; overflow:hidden; padding-bottom:20px;}
	#sec_04 .ht {width:100%; overflow:hidden; padding:20px 0 40px 0; text-align:center;}
	#sec_04 .ht a {background-color:#333; color:#fff; font-size:15px; margin:0 5px; border-radius:100px; padding:7px 12px;  display:inline-block;}
	#sec_04 .ht a:hover {opacity:0.6;}
	#sec_04 .section {width:100%; overflow:hidden; padding-bottom:50px;}
	#sec_04 .section .box {float:left; width:32%; margin-right:2%; height:1400px; border-radius:5px; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.1);}
	#sec_04 .section .title {text-align:center; height:300px; color:#fff; font-size:18px;}
	#sec_04 .section .title h2 {padding:20px 0;font-size:25px; font-family: 'NanumSquare', sans-serif !important; letter-spacing:-1px; font-weight:900;}
	#sec_04 .section .title b {display:block; font-size:25px; color:#f9ff4c;}
	#sec_04 .section .title b span {font-size:13px; margin-left:5px;color:#fff;}
	#sec_04 .section .title img {width:100px; padding:35px 0 0 0}
	#sec_04 .section .box:nth-child(1) .title {background-color:#43c2a3;}
	#sec_04 .section .box:nth-child(2) .title {background-color:#10c3d8;}
	#sec_04 .section .box:nth-child(3) .title {background-color:#4373c2; }
	#sec_04 .section .box:nth-child(3) { margin-right:0;}
	#sec_04 .section .con {padding:30px;}
	#sec_04 .section .con table {border-top:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table th {background-color:#f5f5f5; color:#333; font-size:13px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table td:last-child {border-right:0;}
	#sec_04 .section .con table td {color:#999; font-weight:700; font-size:15px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center;}
	#sec_04 .section .con .gov {background-color:#10c3d8; color:#fff;}
	#sec_04 .section .con .gov_price {color:#10c3d8; font-weight:900;}
	#sec_04 .section .con .sb {background-color:#f55b5b; color:#fff;}
	#sec_04 .section .con .sb_price {color:#f55b5b; font-weight:900;}
	#sec_04 .section .etc {padding:30px;}
	#sec_04 .section .etc p {font-size:17px; padding-bottom:10px; background:url('/import/image/erp_design/icon_etc_title.png')left top 7px no-repeat; padding-left:22px;}
	#sec_04 .section .etc ul {padding-bottom:25px;}
	#sec_04 .section .etc li {font-size:14px; color:#777; padding:0 0 10px 10px; line-height:20px; background:url('/import/image/erp_design/dot_etc.png')left top 8px no-repeat;}
	#sec_04 .section li:nth-child(3) {margin-right:0;}
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
	#sec_04 {width:100%; padding:120px 0; background-color:#f7f7f7;}
	#sec_04 .text {width:100%; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_04 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_04 .text b {color:#10c3d8;}
	#sec_04 .price {width:100%; margin-bottom:100px; text-align:center;}
	#sec_04 .price h4 {width:100%; overflow:hidden; padding-bottom:20px;  text-align:center;}
	#sec_04 .ht {width:100%; overflow:hidden; padding:20px 0 40px 0; text-align:center;}
	#sec_04 .ht a {background-color:#333; color:#fff; font-size:15px; margin:0 5px; border-radius:100px; padding:7px 12px;  display:inline-block;}
	#sec_04 .ht a:hover {opacity:0.6;}
	#sec_04 .section {width:100%; overflow:hidden; padding-bottom:50px;}
	#sec_04 .section .box {float:left; width:32%; margin-right:2%; height:1400px; border-radius:5px; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.1);}
	#sec_04 .section .title {text-align:center; height:300px; color:#fff; font-size:18px;}
	#sec_04 .section .title h2 {padding:20px 0;font-size:25px; font-family: 'NanumSquare', sans-serif !important; letter-spacing:-1px; font-weight:900;}
	#sec_04 .section .title b {display:block; font-size:25px; color:#f9ff4c;}
	#sec_04 .section .title b span {font-size:13px; margin-left:5px;color:#fff;}
	#sec_04 .section .title img {width:100px; padding:35px 0 0 0}
	#sec_04 .section .box:nth-child(1) .title {background-color:#43c2a3;}
	#sec_04 .section .box:nth-child(2) .title {background-color:#10c3d8;}
	#sec_04 .section .box:nth-child(3) .title {background-color:#4373c2; }
	#sec_04 .section .box:nth-child(3) { margin-right:0;}
	#sec_04 .section .con {padding:30px;}
	#sec_04 .section .con table {border-top:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table th {background-color:#f5f5f5; color:#333; font-size:13px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table td:last-child {border-right:0;}
	#sec_04 .section .con table td {color:#999; font-weight:700; font-size:15px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center;}
	#sec_04 .section .con .gov {background-color:#10c3d8; color:#fff;}
	#sec_04 .section .con .gov_price {color:#10c3d8; font-weight:900;}
	#sec_04 .section .con .sb {background-color:#f55b5b; color:#fff;}
	#sec_04 .section .con .sb_price {color:#f55b5b; font-weight:900;}
	#sec_04 .section .etc {padding:30px;}
	#sec_04 .section .etc p {font-size:17px; padding-bottom:10px; background:url('/import/image/erp_design/icon_etc_title.png')left top 7px no-repeat; padding-left:22px;}
	#sec_04 .section .etc ul {padding-bottom:25px;}
	#sec_04 .section .etc li {font-size:14px; color:#777; padding:0 0 10px 10px; line-height:20px; background:url('/import/image/erp_design/dot_etc.png')left top 8px no-repeat;}
	#sec_04 .section li:nth-child(3) {margin-right:0;}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	#sec_04 {width:100%; padding:120px 0; background-color:#f7f7f7;}
	#sec_04 .text {width:100%; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_04 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_04 .text b {color:#10c3d8;}
	#sec_04 .price {width:100%; margin-bottom:100px; text-align:center;}
	#sec_04 .price h4 {width:100%; overflow:hidden; padding-bottom:20px;  text-align:center;}
	#sec_04 .ht {width:100%; overflow:hidden; padding:20px 0 40px 0; text-align:center;}
	#sec_04 .ht a {background-color:#333; color:#fff; font-size:15px; margin:5px; border-radius:100px; padding:7px 12px;  display:inline-block;}
	#sec_04 .ht a:hover {opacity:0.6;}
	#sec_04 .section {width:100%; overflow:hidden; padding-bottom:50px;}
	#sec_04 .section .box {width:100%; margin-bottom:2%; overflow:hidden; border-radius:5px; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.1);}
	#sec_04 .section .title {text-align:center; height:300px; color:#fff; font-size:18px;}
	#sec_04 .section .title h2 {padding:20px 0;font-size:25px; font-family: 'NanumSquare', sans-serif !important; letter-spacing:-1px; font-weight:900;}
	#sec_04 .section .title b {display:block; font-size:25px; color:#f9ff4c;}
	#sec_04 .section .title b span {font-size:13px; margin-left:5px;color:#fff;}
	#sec_04 .section .title img {width:100px; padding:35px 0 0 0}
	#sec_04 .section .box:nth-child(1) .title {background-color:#43c2a3;}
	#sec_04 .section .box:nth-child(2) .title {background-color:#10c3d8;}
	#sec_04 .section .box:nth-child(3) .title {background-color:#4373c2; }
	#sec_04 .section .box:nth-child(3) { margin-right:0;}
	#sec_04 .section .con {padding:30px;}
	#sec_04 .section .con table {border-top:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table th {background-color:#f5f5f5; color:#333; font-size:13px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table td:last-child {border-right:0;}
	#sec_04 .section .con table td {color:#999; font-weight:700; font-size:15px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center;}
	#sec_04 .section .con .gov {background-color:#10c3d8; color:#fff;}
	#sec_04 .section .con .gov_price {color:#10c3d8; font-weight:900;}
	#sec_04 .section .con .sb {background-color:#f55b5b; color:#fff;}
	#sec_04 .section .con .sb_price {color:#f55b5b; font-weight:900;}
	#sec_04 .section .etc {padding:30px;}
	#sec_04 .section .etc p {font-size:17px; padding-bottom:10px; background:url('/import/image/erp_design/icon_etc_title.png')left top 7px no-repeat; padding-left:22px;}
	#sec_04 .section .etc ul {padding-bottom:25px;}
	#sec_04 .section .etc li {font-size:14px; color:#777; padding:0 0 10px 10px; line-height:20px; background:url('/import/image/erp_design/dot_etc.png')left top 8px no-repeat;}
	#sec_04 .section li:nth-child(3) {margin-right:0;}
}

@media all and (max-width: 767px) {
	#sec_04 {width:100%; padding:60px 0; background-color:#f7f7f7;}
	#sec_04 .text {width:100%; padding-bottom:25px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_04 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:30px; line-height:40px; padding-bottom:15px;}
	#sec_04 .text b {color:#10c3d8;}
	#sec_04 .price {width:100%; margin-bottom:25px; text-align:center;}
	#sec_04 .price h4 {width:100%; overflow:hidden; padding-bottom:20px;  text-align:center;}
	#sec_04 .price img {width:100%;}
	#sec_04 .ht {width:100%; overflow:hidden; padding:20px 0 40px 0; text-align:center;}
	#sec_04 .ht a {background-color:#333; color:#fff; font-size:12px; margin:3px; border-radius:100px; padding:7px 12px;  display:inline-block;}
	#sec_04 .ht a:hover {opacity:0.6;}
	#sec_04 .section {width:100%; overflow:hidden; padding-bottom:25px;}
	#sec_04 .section .box {width:100%; margin-bottom:2%; overflow:hidden; border-radius:5px; background-color:#fff; box-shadow:0 10px 10px rgba(0,0,0,.1);}
	#sec_04 .section .title {text-align:center; height:300px; color:#fff; font-size:18px;}
	#sec_04 .section .title h2 {padding:20px 0;font-size:25px; font-family: 'NanumSquare', sans-serif !important; letter-spacing:-1px; font-weight:900;}
	#sec_04 .section .title b {display:block; font-size:25px; color:#f9ff4c;}
	#sec_04 .section .title b span {font-size:13px; margin-left:5px;color:#fff;}
	#sec_04 .section .title img {width:100px; padding:35px 0 0 0}
	#sec_04 .section .box:nth-child(1) .title {background-color:#43c2a3;}
	#sec_04 .section .box:nth-child(2) .title {background-color:#10c3d8;}
	#sec_04 .section .box:nth-child(3) .title {background-color:#4373c2; }
	#sec_04 .section .box:nth-child(3) { margin-right:0;}
	#sec_04 .section .con {padding:30px;}
	#sec_04 .section .con table {border-top:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table th {background-color:#f5f5f5; color:#333; font-size:13px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}
	#sec_04 .section .con table td:last-child {border-right:0;}
	#sec_04 .section .con table td {color:#999; font-weight:700; font-size:15px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center;}
	#sec_04 .section .con .gov {background-color:#10c3d8; color:#fff;}
	#sec_04 .section .con .gov_price {color:#10c3d8; font-weight:900;}
	#sec_04 .section .con .sb {background-color:#f55b5b; color:#fff;}
	#sec_04 .section .con .sb_price {color:#f55b5b; font-weight:900;}
	#sec_04 .section .etc {padding:30px;}
	#sec_04 .section .etc p {font-size:17px; padding-bottom:10px; background:url('/import/image/erp_design/icon_etc_title.png')left top 7px no-repeat; padding-left:22px;}
	#sec_04 .section .etc ul {padding-bottom:25px;}
	#sec_04 .section .etc li {font-size:14px; color:#777; padding:0 0 10px 10px; line-height:20px; background:url('/import/image/erp_design/dot_etc.png')left top 8px no-repeat;}
	#sec_04 .section li:nth-child(3) {margin-right:0;}
}


/*¼½¼Ç5*/
@media all and (min-width: 1200px) {
	#sec_05 {width:100%; padding:120px 0; overflow:hidden;}
	#sec_05 .text {float:left; width:600px; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_05 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:40px; line-height:55px; padding-bottom:30px; font-weight:500;}
	#sec_05 .text b {color:#10c3d8;}
	#sec_05 .icon {width:100%; overflow:hidden; padding-top:30px;}
	#sec_05 .icon li {width:100%; height:60px; line-height:60px; padding:0 25px 0 50px; margin-bottom:15px; border:1px solid #ddd; box-shadow:0px 2px 2px rgba(0,0,0,.1); background:url("/import/image/erp_design/icon_sec_03_list.png")left 25px top 22px no-repeat;
		background-size:17px 17px;}
	#sec_05 .img {float:right; width:calc(100% - 700px); margin-left:100px; overflow:hidden;}

}

@media all and (min-width: 768px) and (max-width: 1199px) {
	#sec_05 {width:100%; padding:120px 0; overflow:hidden;}
	#sec_05 .text {width:100%; padding-bottom:50px; text-align:left; color:#000; font-size:17px; line-height:30px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_05 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:40px; line-height:55px; padding-bottom:30px; font-weight:500;}
	#sec_05 .text b {color:#10c3d8;}
	#sec_05 .icon {width:100%; overflow:hidden; padding-top:30px;}
	#sec_05 .icon li {width:100%; height:60px; line-height:60px; padding:0 25px 0 50px; margin-bottom:15px; border:1px solid #ddd; box-shadow:0px 2px 2px rgba(0,0,0,.1); background:url("/import/image/erp_design/icon_sec_03_list.png")left 25px top 22px no-repeat;
		background-size:17px 17px;}
	#sec_05 .img {width:100%; margin-top:0px; overflow:hidden;}

}

@media all and (max-width: 767px) {
	#sec_05 {width:100%; padding:60px 0; overflow:hidden;}
	#sec_05 .text {width:100%; padding-bottom:25px; text-align:left; color:#000; font-size:13px; line-height:20px; font-weight:300; white-space:normal; word-break:keep-all; }
	#sec_05 .text h4 {font-family: 'NanumSquare', sans-serif !important;color:#111; letter-spacing:-2px; font-size:20px; line-height:25px; padding-bottom:15px; font-weight:500;}
	#sec_05 .text b {color:#10c3d8;}
	#sec_05 .icon {width:100%; overflow:hidden; padding-top:15px;}
	#sec_05 .icon li {width:100%; height:60px; line-height:60px; padding:0 25px 0 50px; margin-bottom:15px; border:1px solid #ddd; box-shadow:0px 2px 2px rgba(0,0,0,.1); background:url("/import/image/erp_design/icon_sec_03_list.png")left 25px top 22px no-repeat;
		background-size:17px 17px;}
	#sec_05 .img {width:100%; margin-top:0px; overflow:hidden;}
	#sec_05 .img img {width:100%;}
}

#sec_06_top {width:100%; height:100px; background:url('/import/image/erp_design/bg_sec_06_top.png')center no-repeat; background-size:cover;}


/*¼½¼Ç 6*/
@media all and (min-width: 1200px) {
	#sec_06 {width:100%; overflow:hidden; background:#5a6cfd url('/import/image/erp_design/bg_sec_06.jpg')center bottom no-repeat;; padding:40px 0 120px 0; color:#fff; font-size:17px; line-height:30px; font-weight:300;}
	#sec_06 .text {width:100%; text-align:center; white-space:normal; word-break:keep-all;}
	#sec_06 .text span {display:block;}
	#sec_06 .call {width:600px; margin:0 auto; margin-top:60px;}
	#sec_06 .call a {background-color:#10c3d8; color:#fff; border-radius:100px;display:block; padding:20px 0; text-align:center; font-size:20px;}
	#sec_06 .call a:hover {background-color:rgba(0,0,0,.3); transition:all .2s;}
	#sec_06 h4 {font-family: 'NanumSquare', sans-serif !important;color:#fff; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_06 .icon {width:100%; overflow:hidden; padding:50px 0;}
	#sec_06 .icon li {float:left; width:19%; margin-right:1%; height:250px; color:#222; text-align:center; background-color:#fff; padding:30px; white-space:normal; word-break:keep-all;  border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	#sec_06 .icon li img {width:70px; display:block; padding-bottom:15px;}

}

@media all and (min-width: 768px) and (max-width: 1199px) {
	#sec_06 {width:100%; overflow:hidden; background:#5a6cfd url('/import/image/erp_design/bg_sec_06.jpg')center bottom no-repeat;; padding:40px 0 120px 0; color:#fff; font-size:17px; line-height:30px; font-weight:300;}
	#sec_06 .text {width:100%; text-align:center; white-space:normal; word-break:keep-all;}
	#sec_06 .text span {display:block;}
	#sec_06 .call {width:600px; margin:0 auto; margin-top:60px;}
	#sec_06 .call a {background-color:#10c3d8; color:#fff; border-radius:100px;display:block; padding:20px 0; text-align:center; font-size:20px;}
	#sec_06 .call a:hover {background-color:rgba(0,0,0,.3); transition:all .2s;}
	#sec_06 h4 {font-family: 'NanumSquare', sans-serif !important;color:#fff; letter-spacing:-2px; font-size:50px; line-height:65px; padding-bottom:30px;}
	#sec_06 .icon {width:100%; overflow:hidden; padding:50px 0;}
	#sec_06 .icon li {float:left; width:32%; margin-right:1%; margin-bottom:1%;  height:250px; color:#222; text-align:center; background-color:#fff; padding:30px; white-space:normal; word-break:keep-all;  border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	#sec_06 .icon li img {width:70px; display:block; padding-bottom:15px;}

}

@media all and (max-width: 767px) {
	#sec_06 {width:100%; overflow:hidden; background:#5a6cfd url('/import/image/erp_design/bg_sec_06.jpg')center bottom no-repeat;; padding:20px 0 60px 0; color:#fff; font-size:13px; line-height:20px; font-weight:300;}
	#sec_06 .text {width:100%; text-align:center; white-space:normal; word-break:keep-all;}
	#sec_06 .text span {display:block;}
	#sec_06 .call {width:100%; margin:0 auto; margin-top:20px;}
	#sec_06 .call a {background-color:#10c3d8; color:#fff; border-radius:100px;display:block; padding:15px 0; text-align:center; font-size:18px;}
	#sec_06 .call a:hover {background-color:rgba(0,0,0,.3); transition:all .2s;}
	#sec_06 h4 {font-family: 'NanumSquare', sans-serif !important;color:#fff; letter-spacing:-2px; font-size:30px; line-height:45px; padding-bottom:15px;}
	#sec_06 .icon {width:100%; overflow:hidden; padding:50px 0;}
	#sec_06 .icon li {float:left; width:49%; margin-right:1%; margin-bottom:1%; height:200px; color:#222; text-align:center; background-color:#fff; padding:30px; white-space:normal; word-break:keep-all;  border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	#sec_06 .icon li img {width:70px; display:block; padding-bottom:15px;}
}


#tail {width:100%; text-align:center; color:#aaa; padding:50px 0; font-family: 'NanumSquare', sans-serif !important;}

/*񃧯*/
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:13px;font-family:'Noto Sans KR', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
button {cursor:pointer}

table, tr, td {border-collapse:separate;border-spacing:0px;}
textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
.cb {clear:both}
.spaceH {height:30px;}
.spaceW {width:30px;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}