@import url("common.css");


/*** 고객가치 ***/
.value_cont {}
.value_sec01 {background:#f5f5f5; text-align:center; padding:110px 0 140px;}
.value_sec01 h4 {}
.value_sec01 p {margin:15px 0 60px}
.value_sec01 p span {font-weight:500 !important;}
.value_sec01 img {margin-left:40px;}

.value_sec02 {background:url('/en/company/img/tech01_bg.jpg')no-repeat center; background-size:cover;}
.value_sec02.com_pad {padding:180px 0 150px;}
.value_sec02 div > h4 {color:#fff; text-align:center; margin:0 0 60px;}
.value_sec02 ul {font-size:0;}
.value_sec02 ul li {min-height:260px; position:relative; width:18.4%; display:inline-block; border-radius:20px; background:#4c2873; vertical-align:top; padding:0 0 0 40px; box-sizing:border-box; margin:0 2% 30px 0;}
.value_sec02 ul li a{display:block}
.value_sec02 ul li a.none{cursor:default}
.value_sec02 ul li a:before {content:''; width:90%; height:90%; background:#fff; position:absolute; top:50%; left:50%; border-radius:20px; transform:translate(-50%, -50%);}
.value_sec02 ul li a > h4 {position:relative; z-index:10; font-size:1.2rem; font-weight:400; line-height:1.4; color:#4c2873; padding:17% 0 0;}
.value_sec02 ul li a > img {position:absolute; z-index:10; bottom:45px; right:35px;}
		.value_sec02 ul li:nth-child(2n) {background:#3f2a76;}
		.value_sec02 ul li:nth-child(2n) h4 {color:#3f2a76;}
		.value_sec02 ul li:nth-child(5n) {margin-right:0;}

.value_sec02 ul li a:hover:before{opacity:.7; transition: all 0.3s;}		

.value_sec03 {background:#f5f5f5;}
.value_sec03 div > h4 {text-align:center; margin-bottom:60px;}
.value_solution {border-radius:20px; background:#fff; box-shadow:0px 0px 20px 5px rgba(34,34,34,0.04); font-size:0; overflow:hidden;}
.value_solution dl {position:relative; display:inline-block; width:50%; min-height:170px; box-sizing:border-box;}
.value_solution dl:nth-child(2), .value_solution dl:nth-child(3), .value_solution dl:nth-child(6) {background:#f9f9f9;}
.value_solution dl dt {position:relative; top:32px; display:inline-block; padding-left:50px;}
.value_solution dl dt p {display:inline-block; font-size:1.1rem; vertical-align:middle; padding-left:30px; box-sizing:border-box; line-height:1.6;}
.value_solution dl dd {position:relative; top:33px;display:inline-block; font-size:4rem; vertical-align:middle; font-weight:600; color:#4c2873; letter-spacing:0.2pt; padding-left:70px;}
.value_solution dl dd.m-block {padding-left:17%}
.value_solution .br-none2 {display:none;}
.value_solution dl dd span {font-size:3.333rem;}

.value_sec04 {}
.value_sec04 > h4 {text-align:center; margin-bottom:60px;}

.value_sec04 dl {display:table; width:100%; border:1px solid #ddd; border-radius:15px; margin-bottom:10px; padding:25px 0;}
.value_sec04 dl dt {display:table-cell; width:300px; vertical-align:middle; text-align:center;}
.value_sec04 dl dd {display:table-cell; width:calc(100% - 300px); vertical-align:middle; padding-right:5%; box-sizing:border-box;}
.value_sec04 dl dd h4 {font-size:1.467rem; color:#222; font-weight:bold; line-height:1; margin-bottom:10px;}
.value_sec04 dl dd p {word-break: keep-all; position:relative; font-size:1.1rem; color:rgba(34,34,34,0.9); font-weight:300; line-height:1.7; padding-left:10px; box-sizing:border-box;}
.value_sec04 dl dd p:after {content:''; width:4px; height:4px; background:#aaa; position:absolute; left:0; top:12px; border-radius:100%;}

.value_sec05 {background:url('/en/company/img/tech02_bg.jpg')no-repeat center; background-size:cover;}
.value_sec05 div > h4 {text-align:center; color:#fff; margin-bottom:60px;}
.value_solution02 {font-size:0;}
.value_solution02 dl {position:relative; width:33.33%; display:inline-block; text-align:center; vertical-align:top;}
.value_solution02 dl:before {content:''; width:161px; height:161px; position:relative; display:block; margin:0 auto;}
		.value_solution02 dl.one:before {background:url('/en/company/img/tech_icon01.png')no-repeat center;}
		.value_solution02 dl.two:before {background:url('/en/company/img/tech_icon02.png')no-repeat center;}
		.value_solution02 dl.three:before {background:url('/en/company/img/tech_icon03.png')no-repeat center;}
.value_solution02 dl dt {font-size:2.333rem; color:#fff; font-weight:bold; margin:17px 0 15px; line-heighT:1;}
.value_solution02 dl dd {font-size:1.2rem; color:rgba(255,255,255,0.8);}

.value_sec06 {}
.value_sec06 > h4 {text-align:center; margin-bottom:60px;}
.value_sec06 > div {font-size:0;}
.value_sec06 > div dl {display:inline-block; position:relative; width:49%; margin-right:2%; border-radius:15px; overflow:hidden; margin-bottom:2%;}
.value_sec06 > div dl:nth-child(2n) {margin-right:0;}
.value_sec06 > div dl dt {background:#141414;}
.value_sec06 > div dl dt img {width:100%; opacity:0.6;}
.value_sec06 > div dl dd {position:absolute; top:50%; transform:translateY(-50%); width:100%;}
.value_sec06 > div dl dd h4 {font-size:1.467rem; color:#fff; font-weight:bold; text-align:center;}
.value_sec06 > div dl dd p {font-size:1.2rem; font-weight:300; color:rgba(255,255,255,0.9); text-align:center;}
.value_sec06 > div dl dd p.stxt{font-size:1rem; padding-top:10px}

.value_sec07 {background:#f5f5f5;}
.value_sec07 h4 {text-align:center; margin-bottom:60px;}
.value_sec07 ul {font-size:0;}
.value_sec07 ul li {display:inline-block; width:15.8%; margin:0 1% 1% 0;}
.value_sec07 ul li img {width:100%;}
.value_sec07 ul li:nth-child(6n) {margin:0 0 1%;}



/*******************************************************************************
	@media 1024px~1310px
*******************************************************************************/
@media all and (max-width:1320px){


.value_sec01 img {margin-left:0px;}

.value_sec02 ul li {padding:0 0 0 3%;}
.value_sec02 ul li a > h4 {padding:40px 0 0;}

.value_solution dl {min-height:145px;}
.value_solution dl dt {padding-left:8%;}
.value_solution dl dt p {padding-left:25px;}
.value_solution dl dd {font-size:3.2rem; padding-left:8%;}
.value_solution dl dd span {font-size:2.8rem;}


}



/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){

.value_sec02 ul li {width:23.5%; padding:0 0 0 3%;}
.value_sec02 ul li a > h4 {font-size:1.2rem;}
		.value_sec02 ul li:nth-child(5n) {margin-right:2%;}
		.value_sec02 ul li:nth-child(4n) {margin-right:0;}


}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){


.value_sec01 {text-align:center; padding:80px 0;}
.value_sec01 p {margin:10px 0 40px}

.value_sec02.com_pad {padding:80px 0 50px;}
.value_sec02 div > h4 {margin:0 0 40px;}


.value_sec03 div > h4 {margin-bottom:40px;}
.value_solution dl {width:50%; min-height:auto; padding:30px 0; text-align:center}
.value_solution dl dt {top:0; display:block; padding-left:0;}
.value_solution dl dt p {font-size:1rem; display:block;padding-left:0; margin:15px 0 0;}
.value_solution dl dd {font-size:2.6rem; top:0;padding-left:0; margin:10px 0 0;}
.value_solution dl dd.m-block {padding-left:0;}
.value_solution .br-none2 {display:block;}

.value_sec04 > h4 {margin-bottom:40px;}

.value_sec04 dl {min-height:auto; padding:20px 0;}
.value_sec04 dl dt {width:35%;}
.br-none {display:none;}
.value_sec04 dl dt img {max-width:60%;}
.value_sec04 dl dd {width:calc(100% - 35%);}
.value_sec04 dl dd h4 {font-size:1.2rem;}
.value_sec04 dl dd p {font-size:1.1rem; line-height:1.5;}
.value_sec04 dl dd p:after {top:10px;}


.value_sec05 div > h4 {margin-bottom:40px;}
.value_solution02 dl:before {width:130px; height:130px;}
		.value_solution02 dl.one:before {background-size:100% auto;}
		.value_solution02 dl.two:before {background-size:auto 100%;}
		.value_solution02 dl.three:before {background-size:100% auto;}
.value_solution02 dl dt {font-size:2rem; margin:12px 0 7px;}
.value_solution02 dl dd {font-size:1.1rem;}

.value_sec06 > h4 {margin-bottom:40px;}
.value_sec06 > div dl dd {padding:0 3%; box-sizing:border-box;}
.value_sec06 > div dl dd h4 {font-size:1.3rem;}
.value_sec06 > div dl dd p {font-size:1.1rem;}



.value_sec07 h4 {margin-bottom:40px;}
.value_sec07 ul li {width:24.2%; margin:0 1% 1% 0;}
.value_sec07 ul li:nth-child(6n) {margin:0 1% 1% 0;}
.value_sec07 ul li:nth-child(4n) {margin:0 0 1%;}



}


/*******************************************************************************
	@media 640~768px
*******************************************************************************/
@media all and (max-width:768px){
}


/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){ 


/*** 고객가치 ***/
.value_sec01 {text-align:center; padding:50px 0;}
.value_sec01 p {margin:5px 0 25px}

.value_sec02.com_pad {padding:50px 0 30px;}
.value_sec02 div > h4 {margin:0 0 25px;}
.value_sec02 ul li {min-height:225px; width:32%; margin:0 2% 3% 0;}
.value_sec02 ul li a > h4 {font-size:1.1rem;}
		.value_sec02 ul li:nth-child(4n) {margin-right:2%;}
		.value_sec02 ul li:nth-child(3n) {margin-right:0;}
.value_sec02 ul li a > img {max-width:50px; bottom:30px; right:25px;}

.value_sec03 div > h4 {margin-bottom:25px;}
.value_solution dl {padding:20px 0; text-align:center}
.value_solution dl dt img {height:45px;}
.value_solution dl dt p {font-size:1rem; display:block;padding-left:0; margin:10px 0 0;}
.value_solution dl dd {font-size:2rem; top:0;padding-left:0; margin:5px 0 0;}
.value_solution dl dd span {font-size:1.8rem;}


.value_sec04 > h4 {margin-bottom:25px;}

.value_sec04 dl {padding:20px 0;}
.value_sec04 dl dt {width:30%;}
.value_sec04 dl dt img {max-width:80%;}
.value_sec04 dl dd {width:calc(100% - 30%); padding-right:3%;}
.value_sec04 dl dd h4 {font-size:1.1rem; margin-bottom:8px;}
.value_sec04 dl dd p {font-size:1rem;}
.value_sec04 dl dd p:after {top:8px;}


/*.value_sec05 div > h4 {margin-bottom:25px;}
.value_solution02 dl:before {width:111px; height:111px;}
.value_solution02 dl dt {font-size:1.7rem; margin:12px 0 7px;}
.value_solution02 dl dd {font-size:1rem;}*/

.value_sec05 div > h4 {margin-bottom:40px;}
.value_solution02 dl {display:inline-block; width:100%; padding:0 0 0 110px; margin-bottom:50px; text-align:left; vertical-align:middle;}
.value_solution02 dl:last-child {margin-bottom:0;}
.value_solution02 dl:before {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100px; height:100px;}
.value_solution02 dl dt {font-size:1.5rem; margin:12px 0 7px;}
.value_solution02 dl dd {font-size:1rem;}
.value_solution02 dl dd br {display:none;}

.value_sec06 > h4 {margin-bottom:25px;}
.value_sec06 > div dl {width:100%;}
.value_sec06 > div dl dd h4 {font-size:1.3rem;}
.value_sec06 > div dl dd p {font-size:1.1rem;}


.value_sec07 h4 {margin-bottom:25px;}
.value_sec07 ul li {width:32.6%; margin:0 1% 1% 0;}
.value_sec07 ul li:nth-child(4n) {margin:0 1% 1% 0;}
.value_sec07 ul li:nth-child(3n) {margin:0 0 1%;}



}



/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

.value_sec02 ul li {min-height:200px; width:48%; margin:0 2% 3% 0; padding:0 0 0 7%; }
.value_sec02 ul li a > h4 {font-size:1rem;}
		.value_sec02 ul li:nth-child(3n) {margin-right:2%;}
		.value_sec02 ul li:nth-child(2n) {margin-right:0;}
.value_sec02 ul li a > img {max-width:50px; bottom:30px; right:25px;}



}