﻿@charset "utf-8";

ul.ul02 li {background:url(../../img/common/li02bg.gif) no-repeat 0 .333em; margin:.333em 0;padding:0 0 0 1em;}


.sub_visual {text-align:center; height:345px; clear: both; }
.sub_visual > h2 {font-size: 50px;color:#fff;line-height:1em;text-shadow: 2px 2px 7px rgba(12, 9, 18, 0.8); line-height:345px;}

.sub_visual.wide {height:784px;box-sizing: border-box;padding: 260px 0 0 0;background-attachment: fixed !important;}
.sub_visual.wide > h2 {margin: 0 0 25px 0;line-height: 1em;font-size: 65px;}
.sub_visual.wide > h2 > span {display:block; font-size:20px; font-weight:normal;}
.sub_visual.wide > p {color:#fff;line-height:1.5em;font-size: 18px;margin: 0 0 15px 0;}
.sub_visual.wide > .txt {color:#fff;line-height:1.8em;font-size: 15px;}

.sub_visual.wide.erp {background:url(../img/page/sub_visual_01_01.jpg) center top no-repeat;}
.sub_visual.wide.mes {background:url(../img/page/sub_visual_01_02.jpg) center top no-repeat;}
.sub_visual.wide.scm {background:url(../img/page/sub_visual_01_03.jpg) center top no-repeat;}
.sub_visual.wide.daou {background:url(../img/page/sub_visual_01_04.jpg) center top no-repeat;}
.sub_visual.business {background:url(../img/page/sub_visual_02.jpg) center top no-repeat;}
.sub_visual.performance {background:url(../img/page/sub_visual_03.jpg) center top no-repeat;}
.sub_visual.intro {background:url(../img/page/sub_visual_04.jpg) center top no-repeat;}
.sub_visual.contact {background:url(../img/page/sub_visual_05.jpg) center top no-repeat;}
.sub_visual.wide.pms {background:url(../img/page/sub_visual_01_05.jpg) center top no-repeat;}


#content {    background: url('../img/main/bg_main.jpg') center 80% no-repeat;}
#content.bg_no {background:none;}
#content .cont {max-width:1100px;margin: 0 auto;clear:both;padding: 50px 0;overflow: hidden;text-align: center;}
#content h3:first-child {margin:20px 0;}
#content h3 {margin:90px 0 20px;display: inline-block;font-size: 38px;letter-spacing: -0.04em;color: #2e3092;}
#content h3:after {display:block;content:'';border-bottom: 1px solid #2e3092;}
#content .box {width:100%; background:#f1f2f7; clear:both; margin:50px 0 0 0}
.box .cont {margin-bottom:0 !important;}
.box .img {width:610px;height:380px;border: 1px solid #f1f2f7;margin: 0 auto 60px auto;}
.box .img .bx-controls {bottom:0;}
.box .img .bx-wrapper .bx-pager, .bx-wrapper .bx-loading {background:none;}
.box .list {overflow:hidden;}
.box .list > li {width: 18%;float:left;text-align: center;display: table;height: 196px;background: #939bc7;border-radius: 50%;vertical-align: middle;margin: 1%;color: #fff;}
.box .list > li > span { font-size: 18px; display: table-cell;vertical-align: middle;}





/*---  장점  ---*/
.point {overflow:hidden;}
.point li {float:left;width: 48%;margin: 1%;border: 1px solid #bfbfbf;box-sizing: border-box;padding: 30px 0;font-weight: normal;color: #363636;font-size: 17px;background: #fff;}


/*--- 01. ERP ---*/
.erp_list { }
.erp_list > dl  {clear:both; overflow: hidden; width:75% !important; margin:0 auto 30px auto;}
.erp_list dt {float:left;display:block;width: 160px;height: 160px;border-radius:50%;background:#f1f2f7;line-height: 160px;font-size: 18px;color: #2e3092;}
.erp_list dl:nth-child(4) dt, .erp_list dl:nth-child(5) dt{ line-height:1.2em;   padding: 64px 0 0 0;
    box-sizing: border-box;}
.erp_list dd {float:left;margin: 47px 0 0 30px;font-size: 17px;text-align: left;}

.erp_effects {position:relative;min-height: 660px;}
.erp_effects  > ul > li {float:left;width:33.3%;text-align:center;margin: 14px 0 0;}
.erp_effects  > ul > li > a {font-size: 20px;color: #2f3186;font-weight: bold;background:url(../img/page/icon_effects_01.png) center top no-repeat;display: block;}
.erp_effects  > ul > li > a > span {width:138px;height:138px;border-radius:50%;background:#2e3092 url(../img/page/icon_effects_01.png) center top no-repeat;display: block;margin: 0 auto 7px;padding: 0;}
.erp_effects  > ul > li:nth-child(2)  > a span { background:#2e3092 url(../img/page/icon_effects_02.png) center 5px  no-repeat;}
.erp_effects  > ul > li:nth-child(3)  > a span { background:#2e3092 url(../img/page/icon_effects_03.png) center top no-repeat;}
.erp_effects  > ul > li > a:hover span {background-color:#3f90d7;}
.erp_effects  > ul > li > a.on span {background-color:#3f90d7;}
.erp_effects  > ul > li > div  span {display:block;font-size: 20px;color: #2e3092;background: #f1f2f6;padding: 7px;width: 37%;margin: 0 auto 10px;border-radius: 25px;box-shadow: 5px 5px 5px #d4d6db;}
.erp_effects  > ul > li > div {width:100%;position:absolute;top: 216px;left:0;}


/* 모듈구성도*/
.solution > dl {float:left;width:32%;height: 360px;border:1px solid #cacaca;box-sizing:border-box;padding:60px 30px;text-align:left;}
.solution > dl:nth-child(2) {margin:0 2%;}
.solution > dl dt {font-size: 27px;margin:0 0 25px 0;font-weight: 700;}
.solution > dl dd {background:url(../img/page/li02bg.gif) no-repeat 0 .333em;margin:.333em 0;padding:0 0 0 1em;font-size: 15px;}

.module {padding:50px 0 0 0;}
.module > li {float:left; width:12.5%; }
.module > li > span {color: #fff;display:block;background: #2e3092;text-align:center;width: 90%;height: 60px;line-height: 60px;margin: 0 auto;font-size: 15px;}
.module > li > dl {width: 90%;margin: 10px auto;border: 1px solid #caccd4;box-sizing:  border-box;padding: 0 0 13px 0;background: #fff;}
.module > li > dl > dt {text-align:center;background: #f1f2f7;margin: 0 0 7px 0;height: 2em;line-height: 2em;font-size: 15px;}
.module > li > dl > dd {font-size: 14px;d4; */padding: 0 0 3px;}



/*--- 02. 사업영역 ---*/
.bus > h3 {margin:70px 0 40px !important;}
.bus > div > dl {background: #fff;height: 100%;box-sizing: border-box;padding: 64px 60px;text-align: left;}
.bus > div  {clear:both;margin:0 0 30px 0;overflow:hidden;width: 100%;height: 308px;box-sizing: border-box;border: 1px solid #d4d4d4;}
.bus > div dl dt {font-size: 35px;margin:0 0 20px 0;font-weight:bold;}
.bus > div dl dd {font-size:15px;}
.bus01 {}
.bus01 > div {float:left;background: url('../img/main/bg_business01.gif') left 0 no-repeat;height: 100%;width: 50%;background-size: cover;}
.bus01 > dl {width: 50%;  float:right;}

.bus02 {}
.bus02 > div {float:right;background: url('../img/main/bg_business02.gif') left 0 no-repeat;height: 100%;width: 40%;background-size: cover;}
.bus02 > dl {width: 60%;  float:left;}

.bus03 {}
.bus03 > div {float:left;background: url('../img/main/bg_business03.gif') left 0 no-repeat;height: 100%;width: 45%;background-size: cover;}
.bus03 > dl {width: 55%; float:right;}


.daoucont {
    background: #fff;
    overflow: hidden;
}
.daoucont dl {
    margin: 0 0 10px;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
    float: left;
    text-align: center;
    min-height: 170px;
}
.daoucont dl dt {color:#2e3092;font-weight:bold;font-size: 20px;background: #f1f2f6;padding: 3px;width: 100%;margin: 0 auto 10px;}
.daoucont dl dd {
    background: #FFF;
}
.daoucont dl dd span {
    font-weight: bold;
    margin: 0 0 5px 0;
}

/*--- 03. 주요실적 ---*/
.per p {font-size: 40px;font-weight: 700;margin: 10px 0 50px 0;letter-spacing: -0.05em; }
.per em {font-style:normal;}
.per .txt {font-size: 16px;font-weight: 400;letter-spacing: 0;}

.per_list {}
.per_list > li {border: 1px solid #e1e1e1;margin: 0 0 15px;padding: 20px 40px;box-sizing: border-box;text-align: left;border-radius: 5px;font-size:18px;}
.per_list li > strong {margin: 0 15px 0 0;color: #b1b1b1;font-size: 17px;font-weight: 400;}
.per_list > li > div {float:right}
.per_list > li > div span {display:inline-block;padding:5px 5px; margin: 0 0 0 5px;border-radius: 5px;min-width: 60px;text-align: center; font-size:14px;}

.per_list > li > div span.lable01 {background: #e3f0f8;border: 1px solid #c1dced;color: #333}
.per_list > li > div span.lable02 {background: #fbe7e8;border: 1px solid #f7d6d8;color: #333;}
.per_list > li > div span.lable03 {background: #fdf1e5;border: 1px solid #fae4cf;color:#333;}





/*--- 04. 회사소개 ---*/
.box.intro, .intro > .cont {margin-top:0 !important;}
.intro .cont > p {font-size: 40px;font-weight: 700;margin: 70px 0 50px 0;letter-spacing: -0.05em;    color: #2e3092; }
.intro .cont > .txt {font-size: 18px;font-weight: normal;margin: 30px 0 110px 0; letter-spacing:0; color:#333; }
.intro .cont > ul {background:url(../img/page/bg_intro.jpg) center top no-repeat;width: 100%;background-size: contain;height: 380px;}
.intro .cont > ul li {font-size: 0;text-indent: -99999px;}
.intro .cont > .info {width:95%;background:#fff;min-height: 150px;box-sizing: border-box;padding: 40px 80px;margin: 60px auto;overflow: hidden;}
.intro .cont > .info dl:first-child {width:40%; float:left;}
.intro .cont > .info dl:last-child {width:60%;float: right;}
.intro .cont > .info dl dt {display: block;float: left;width: 20%;text-align: left;height: 1.8em;line-height: 1.8em;font-weight: 700;color: #666;}
.intro .cont > .info dl dd{display: block;float: left;width: 80%;text-align: left;min-height: 1.8em;line-height: 1.8em;}

.location > .map {max-width: 1100px;background-size: contain;margin: 30px 0 50px 0;}
.location > .map > a {display:block;  height:100%;}
.location > .map > a:hover {    box-shadow: 5px 5px 5px #d1d1d1;}
.location > ul {
    border-top: 1px solid #bebebe;
    text-align: left;
    padding: 20px 60px;
    box-sizing: border-box;
}
.location > ul li {
    height: 2em;
    line-height: 2em;
}
.location > ul span {
    font-weight: bold;
    width: 13%;
    display: block;
    float: left;
}


/*--- 05. 고객지원 ---*/
.contact {}
.contact > dl {float:left;text-align:center;width: 19%;padding:220px 0 0 0;background-size: contain !important;margin: 0 6%;}
.contact > dl.mail {background:url(../img/page/icon_mail.jpg) center 10% no-repeat;}
.contact > dl.phone{ background:url(../img/page/icon_phone.jpg) center 10% no-repeat}
.contact > dl.time { background:url(../img/page/icon_time.jpg) center 10% no-repeat}
.contact > dl dt {font-weight:bold; font-size:20px;}
.contact > dl dd {font-size:15px;}


.cont .title {font-size: 34px;margin: 0 0 50px;font-weight: 400;letter-spacing: -0.05em;}
.row,
.row03 {clear:both; margin:5px 0}

.row03 > div {float:left;width: 29%;box-sizing: border-box;margin: 1% 5% 1% 0;}
.row03 > div:nth-child(3),
.row03 > div:nth-child(6) {margin-right:0}

.row  label,
.row03   label {display:block;text-align:left;font-size: 17px;margin: 0 0 5px 0;}

.row03  input  {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-sizing: border-box;
}
.row textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-sizing: border-box;
}

.row.data textarea {background: #efefef;}

.row .btn {margin:50px 5px;cursor:pointer;background:#003469;color:#fff;font-size: 14px;height:100%;letter-spacing:-.5px;line-height:38px;text-align:center;transition:background-color .7s, background-image .7s, color .7s;-webkit-transition:background-color .7s, background-image .7s, color .7s;border: none;display: inline-block;padding: 0 20px;border-radius: 0 !important;}
.row .btn:hover { background:#efeae5; color:#003469; }
.row .btn.reset { background:#919192; transition:background-color .7s, background-image .7s, color .7s;-webkit-transition:background-color .7s, background-image .7s, color .7s;}
.row .btn.reset:hover { background:#efeae5; color:#003469; }




br.hide_pc {display:none;}

@media only screen and (max-width:1100px) {  /* 1100 이하*/

	br.hide_pc {display:block;}
	.cont {width:90%; margin:0 auto;}




	/* 01 : 경영이념 */
	.module_box {display:none;}
	.erp_list > dl {width: 100% !important;margin: 0 auto 50px;}
	.erp_list dt {float:none; margin:0 auto}
	.erp_list dd {float:none;text-align:center;margin: 20px 0 0 0;}


	/* 04 : 경영이념 */
	.intro .cont > .info {width:100%;}
	.intro .cont > .txt  {margin:30px auto 50px;}
	.intro .cont > .info {margin: 0 auto 60px;}
	.intro .cont > .info dl dt {}
	.intro .cont > .info dl { overflow: hidden;}

	/* 04 : 찾아오시는길 */
	





}
@media only screen and (max-width:1024px) {  /* 1024 이하*/


	/* 01 : 솔루션 */
	.erp_effects{height:800px;}
	.sub_visual h2, .sub_visual p, .sub_visual .txt {width:90%;margin: 0 auto 15px !important;}
	.point li {width: 90%;border: none;border-bottom: 1px dashed #bfbfbf;padding: 13px 18px;margin: 5px auto 5px;float: none;}
	.point li br {display:none;}
		/*  그룹웨어 */
		.daoucont dl {width: 95%;margin: 0 auto;  min-height: 110px;float: none;}
		.daoucont dl dd {width:90%; margin:0 auto;}
		.daoucont dl br {display:none;}

	/* 04 : 경영이념 */
	.intro .cont > .txt  br {display:none;}
	.intro .cont > .info dl:first-child {width:100%; float:none;}
	.intro .cont > .info dl:last-child {width:100%;float: none;}
	/* 04 : 찾아오시는길 */
	.contact > dl {width: 23%;margin: 0 4%;}
	.location > ul {padding: 20px;}


	/* 04. 고객센터 */

.row03 > div {width: 100%;margin: 1% 0 !important;}




}
@media only screen and (max-width:850px) { /* 850 이하*/



	/* 02 : 사업영역 */
	.bus > div {border:none;height: auto;text-align: center;}

	.bus > div > div {width: 200px;height: 200px;border-radius: 50%;overflow: hidden;border: 1px solid #cdcdcd;margin: 0 auto;float: none;}
	.bus > div > dl {width: 100%;padding: 20px !important;}
	.bus > div > dl {text-align:center;}
	.bus > div dl dt {margin:0 0 10px}

	/* 04 : 회사소개 */
	.contact > dl {padding:180px 0 0 0}





}
@media only screen and (max-width:640px) { /* 640 이하*/

.erp_effects > ul > li {width:29%; margin:0 2%;}
.erp_effects > ul > li > a > span {width:100px; height:100px;     background-size: 85% !important;
    background-position: center 11px  !important;}
.erp_effects > ul > li > div {top:150px;}
.erp_effects > ul > li > div span {width:90%;}
	/* 03 : 주요실적 */
	.per p {font-size: 30px; margin: 10px 0 20px 0;}
	.per .txt br {display:none;}
	.per_list > li { padding:20px; } 
	.per_list > li > div { float: none; text-align: right; border-top: 1px dashed #e1e1e1; padding: 10px 0 0 0; margin: 10px 0 0 0;}

	/* 04 : 회사소개 */
	.intro .cont > ul {height:210px;}
	.intro .cont > .info {padding:20px;}
	.intro .cont > .info dl dd > br {display:none;}
	/* 04 : 찾아오시는길 */
	.contact > dl {    width: 100%;    background: none !important;    padding: 0;    margin: 15px 0;    }
	.location > ul span {width:100%;}
	.location > ul li {height:auto; line-height:auto;}




}
@media only screen and (max-width:480px) {







}

