@charset "UTF-8";

/* About Us > 미션/비전 */
.mission .sub_text {display:none;}
.mission .title {overflow:hidden; margin-bottom:50px; padding-bottom:30px; color:#000; letter-spacing:-0.06em;}
.mission .title .text1 {font-size:40px; font-weight:300; line-height:45px; text-align:center;}
.mission .title .text1 strong {font-weight:500;}
.mission .title .text2 {margin-top:10px; font-size:24px; line-height:30px; font-weight:500; letter-spacing:-0.03em; text-align:center;}
.mission .cont_box .list_box {overflow:hidden; transition-delay:.9s;}
.mission .cont_box .list_box li {display:flex; flex-wrap:wrap; align-items:center; position:relative; width:100%;}
.mission .cont_box .list_box li:nth-child(even) .text_box {order:3; padding-left:50px; background-position:50px top;}
.mission .cont_box .list_box li .text_box {order:1; width:50%; padding:0 50px 0 0; background-repeat:no-repeat; background-position:0 top;}
.mission .cont_box .list_box li .text_box h4 {padding-top:100px; font-size:40px; color:#000; font-weight:500; line-height:43px; letter-spacing:-0.06em;}
.mission .cont_box .list_box li:nth-child(1) .text_box {background-image:url(../../images/user/contents/mission_bg.png);}
.mission .cont_box .list_box li:nth-child(2) .text_box {background-image:url(../../images/user/contents/mission_bg2.png);}
.mission .cont_box .list_box li:nth-child(3) .text_box {background-image:url(../../images/user/contents/mission_bg3.png);}
.mission .cont_box .list_box li .text_box p {position:relative; margin-top:30px; padding-top:30px; font-size:20px; line-height:25px; font-weight:300; letter-spacing:-0.04em; color:#333;}
.mission .cont_box .list_box li .text_box p:before {display:inline-block; position:absolute; left:0; top:0; width:15px; height:2px; background-color:#000;}
.mission .cont_box .list_box li .img_box {order:2; overflow:hidden; position:relative; width:50%; height:400px;}
.mission .cont_box .list_box li .img_box .img {display:block; width:100%; height:100%;}
@media only screen and (max-width:1201px){
	.mission .title {padding-bottom:0;}
	.mission .title .text2 {font-size:20px;}
	.mission .cont_box .list_box li {display:flex; flex-wrap:wrap; align-items:center; position:relative; width:100%;}
	.mission .cont_box .list_box li + li {margin-top:80px;}
	.mission .cont_box .list_box li:nth-child(2) .text_box {padding-left:230px; padding-right:0;}
	.mission .cont_box .list_box li:nth-child(even) .text_box {background-position:left top;}
	.mission .cont_box .list_box li .text_box {order:2; width:100%; margin-top:40px; padding-left:230px; padding-right:0;}
	.mission .cont_box .list_box li .text_box h4 {padding-top:0;}
	.mission .cont_box .list_box li .text_box p {margin-top:10px; padding-top:0;}
	.mission .cont_box .list_box li .text_box p:before {display:none;}
	.mission .cont_box .list_box li .img_box {width:100%; height:500px; order:1;}
}
@media only screen and (max-width:1024px){
	.mission .title {padding-top:0;}
	.mission .title .text1 {font-size:30px; line-height:35px;}
	.mission .cont_box .list_box li .img_box {height:60vw;}
}
@media only screen and (max-width:640px){
	.mission .sub_text {display:block;}
	.mission .title {margin-left:3.5%; margin-right:3.5%;}
	.mission .title .text1 {font-size:27px; line-height:35px;}
	.mission .title .text1 strong {display:block;}
	.mission .title .text2 {font-size:16px; line-height:20px;}
	.mission .cont_box .inner_wrap {width:100%;}
	.mission .cont_box .list_box li + li {margin-top:50px;}
	.mission .cont_box .list_box li .text_box, .mission .cont_box .list_box li:nth-child(2) .text_box {width:93%;margin-top: 25px;margin-left:auto;margin-right:auto;padding-left:105px;background-size:auto 40px;}
	.mission .cont_box .list_box li .text_box h4 {font-size:24px; line-height:30px;}
	.mission .cont_box .list_box li .text_box p {margin-top:5px; font-size:18px; line-height:22px;}
}

/* About Us > CEO 인사말 */
.greetings .greeting_inner {position:relative; max-width:1400px; width:93%; margin:0 auto;}
.greetings .cont_box {overflow:hidden; display:flex; flex-wrap:wrap; position:relative; width:100%; margin-bottom:90px;}
.greetings .cont_box .img_box {overflow:hidden; position:relative; width:701px; height:1052px; text-align:center;}
.greetings .cont_box .img_box img {display:inline-block; width:100%;}
.greetings .cont_box .text_box {transition-delay:.3s; width:calc(100% - 701px); margin-top:20px; padding-left:50px; font-size:20px; letter-spacing:-0.06em;}
.greetings .cont_box .text_box .title {margin-top:45px; margin-bottom:40px; font-weight:300; font-size:60px; line-height:65px; letter-spacing:-0.06em; color:#001a3e;}
.greetings .cont_box .text_box .title strong {display:inline-block; position:relative; font-weight:500; word-break:break-all;}
.greetings .cont_box .text_box .title span {display:inline-block; position:relative;}
.greetings .cont_box .text_box .title span:after, .greetings .cont_box .text_box .title strong:after {display:inline-block; position:absolute; z-index:5; left:5px; bottom:8px; width:98%; height:1px; background-color:#99a3b2;}
.greetings .cont_box .text_box p {margin-top:30px;  word-break:keep-all;}
.greetings .cont_box .text_box .text1 {letter-spacing:-0.06em; font-weight:400; color:#001a3e;}
.greetings .cont_box .sain_box {margin-top:90px; color:#000; text-align:right;}
.greetings .cont_box .sain_box p {font-weight:300; margin-bottom:15px; letter-spacing:-0.06em;}
.greetings .cont_box .sain_box span {display:inline-block; font-size:20px; line-height:22px; font-weight:400; vertical-align:middle;}
.greetings .cont_box .sain_box span.sain {margin-left:20px;}
.greetings .cont_box .sain_box img {max-width:100%;}
@media only screen and (max-width:1600px){
	.greetings .cont_box .text_box p.text2 br {display:none;}
}
@media only screen and (max-width:1401px){
	.greetings .cont_box .text_box {margin-top:0; word-break:keep-all;}
	.greetings .cont_box .text_box .title {margin-top:25px; margin-bottom:25px; font-size:50px; line-height:55px;}
	.greetings .cont_box .text_box .text2  br {display:none;}
}
@media only screen and (max-width:1280px){
	.greetings .cont_box {display:block; flex-wrap:inherit;}
	.greetings .cont_box .img_box {width:640px; height:850px; margin:0 auto 45px;}
	.greetings .cont_box .text_box {width:93%; margin:0 auto; padding-left:0;}
}
@media only screen and (max-width:780px){
	.greetings .greeting_inner {width:100%;}
	.greetings .cont_box .img_box {width:100%; height:115vw;}
	.greetings .cont_box .text_box {font-size:17px;}
	.greetings .cont_box .text_box p {margin-top:25px; word-break:keep-all;}
	.greetings .cont_box .text_box .title {font-size: 31px;line-height: 33px;}
	.greetings .cont_box .sain_box {margin-top:50px;}
	.greetings .cont_box .sain_box span.name {font-size:18px;}
	.greetings .cont_box .text_box .title span:after, .greetings .cont_box .text_box .title strong:after {bottom:4px;}
}
@media only screen and (max-width:640px){
	.greetings .cont_box .sain_box p {margin-bottom:10px;}
	.greetings .cont_box .sain_box span.name {font-size:16px;}
	.greetings .cont_box .sain_box span.sain {width:55%; margin-left:10px;}
}

/* About Us > 기업개요  > 기업정보 */
.overview .top_img {
	overflow: hidden;
	text-align: center;
	background-image: url(../image/overview_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.overview .top_img span {display:inline-block; position:relative; margin:180px auto; padding:45px 40px; text-shadow:#000 30px 0 30px; font-size:24px; line-height:30px; font-weight:600; letter-spacing:-0.04em; color:#fff;}
.overview .top_img span:before, .overview .top_img span:after {display:inline-block; position:absolute; left:0; width:100%; height:1px; background-color:rgba(255, 255, 255, 0.5);}
.overview .top_img span:before {top:0;}
.overview .top_img span:after {bottom:0;}
.overview .title {margin-top:40px; margin-bottom:40px; padding-top:30px; padding-bottom:30px; color:#000;}
.overview .title p {text-align:center;}
.overview .title .tit {font-size:24px; font-weight:500; letter-spacing:-0.06em;}
.overview .title .text {margin-top:20px; font-size:17px; line-height:30px; color:#333; font-weight:300; letter-spacing:-0.06em;}

.overview .cont_box2 {margin-bottom:50px; padding-bottom:50px;}
.overview .cont_box2 .text_box {float:left; width:50%;}
.overview .cont_box2 .text_box .text_wrap {margin-right:30px;}
.overview .cont_box2 .text_box .text_wrap table.type2 {margin-top:0; border-bottom:1px solid #d5dbe7;}
.overview .cont_box2 .text_box .text_wrap table.type2 tbody th, .overview .cont_box2 .text_box .text_wrap table.type2 tbody td {border-top:1px solid #d5dbe7; padding:11px 10px;}
.overview .cont_box2 .text_box .text_wrap table.type2 tbody th {background-color:#f8f7fc; text-align:center; font-size:17px; line-height:20px; font-weight:300; color:#000; letter-spacing:-0.06em;}
.overview .cont_box2 .text_box .text_wrap table.type2 tbody td {font-size:17px; color:#555; padding-left:40px;}
.overview .cont_box2 .img_box {float:left; width:50%;}
.overview .cont_box2 .img_box .img {display:inline-block; margin-left:30px;}
.overview .cont_box2 .img_box .img  img {max-width:100%;}

/*.overview .cont_box3 {*//* position:relative; *//* z-index:3; *//* background-color:#f1f2f4; *//*}
.overview .cont_box3 .cont_list {position:relative;padding:100px 0 40px;text-align:center;}
.overview .cont_box3 .cont_list:before {display:inline-block; position:absolute; left:25%; top:267px; width:50%; height:1px; margin-right:25%; background-color:#00529e;; }
.overview .cont_box3 .cont_list .item {display:inline-block; position:relative; width:280px; height:280px; margin-left:90px; border-radius:100%; background-color:#fff; border:1px solid #d6dce8; transition: all .7s ease-in-out;}
.overview .cont_box3 .cont_list .item:nth-child(1) {margin-left:0;transform:translate(0, -35px);}
.overview .cont_box3 .cont_list .item:nth-child(2) {padding:20px; width:320px; height:320px; z-index:1; border:8px solid #00529e;}
.overview .cont_box3 .cont_list .item:nth-child(2):before {display:block; position: absolute; left:-30px; top:-30px; width:360px; height:360px; border-radius:100%; border:1px dashed #5e90bf;}
.overview .cont_box3 .cont_list .item:nth-child(2):after {display:inline-block; position:absolute; left:50%; bottom:-109px; width:1px; height:80px; background-color:#00529e}
.overview .cont_box3 .cont_list .item:nth-child(3) {transform:translate(0, -35px); z-index:2; }
.overview .cont_box3 .cont_list .item .cont {position:relative; width:100%; text-align:center; top:50%; transform:translate(0%, -50%);}
.overview .cont_box3 .cont_list .item .cont:before {display:inline-block; position:absolute; top:50%; width:12px; height:12px; margin-top:6px; margin-left:-6px; background-color:#00529e; border-radius:100%;}
.overview .cont_box3 .cont_list .item .cont span {display:inline-block; position:relative; padding-top:95px; margin-bottom:20px; font-size:24px; line-height:30px; letter-spacing:-0.06em; font-weight:500;}
.overview .cont_box3 .cont_list .item .cont span:before {display:inline-block; position:absolute; left:0; top:0; width:100%; height:70px; background-image:url(../../images/user/contents/overview_cont3_icon.png); background-position:center top; background-repeat:no-repeat;}
.overview .cont_box3 .cont_list .item .cont p {font-size:17px; line-height:23px; letter-spacing:-0.015em; font-weight:300;}
.overview .cont_box3 .cont_list .item > p {padding-top:40px; text-align:center; font-size:21px; font-weight:700;}
.overview .cont_box3 .cont_list .item:nth-child(1) .cont span:before {top:13px;}
.overview .cont_box3 .cont_list .item:nth-child(2) .cont span:before {background-image:url(../../images/user/contents/overview_cont3_icon2.png);}
.overview .cont_box3 .cont_list .item:nth-child(2) .cont span {color:#00529e; font-weight:600;}
.overview .cont_box3 .cont_list .item:nth-child(3) .cont span:before {background-image:url(../../images/user/contents/overview_cont3_icon3.png);}
.overview .cont_box3 .cont_list .item:nth-child(1) .cont:before {right:0; margin-left:0; margin-right:-6px;}
.overview .cont_box3 .cont_list .item:nth-child(2) .cont:before {display:none;}
.overview .cont_box3 .cont_list .item:nth-child(3) .cont:before {left:0;}

.overview .cont_box3 .inner_wrap {padding-bottom:100px;}
.overview .cont_box3 .cont_list2 ul {font-size:0; text-align:center;}
.overview .cont_box3 .cont_list2 li {display:inline-block; position:relative; padding-top:37px; padding-left:16px; padding-right:16px;}
.overview .cont_box3 .cont_list2 li:after, .overview .cont_box3 .cont_list2 li:before {display:inline-block; position:absolute; top:0; background-color:#00529e;}
.overview .cont_box3 .cont_list2 li:before {left:50%;  width:1px; height:37px;}
.overview .cont_box3 .cont_list2 li:after {left:0; width:100%; height:1px;}
.overview .cont_box3 .cont_list2 li div {display:table; position:relative; z-index:20; width:200px; height:210px; background-color:#fff; box-shadow:2px 2px 8px 0px rgba(0, 0, 0, 0.05); border:1px solid #d5dce8; border-radius:6px ;text-align:center; box-sizing:border-box;}
.overview .cont_box3 .cont_list2 li div p {display:table-cell; vertical-align:bottom;}
.overview .cont_box3 .cont_list2 li div span {display:block; position:relative; height:55px; margin-bottom:15px; padding-top:100px; font-size:20px; line-height:23px; font-weight:500; letter-spacing:-0.04em; color:#000;}
.overview .cont_box3 .cont_list2 li div span:before {display:inline-block; position: absolute; left:0; top:0; width:100%; height:77px; background-image:url(../../images/user/contents/overview_cont3_icon4.png); background-position:center top; background-repeat:no-repeat;}
.overview .cont_box3 .cont_list2 li div span em {display:block; margin-top:5px; font-weight:300; font-size:17px; line-height:20px; letter-spacing:-0.04em;}
.overview .cont_box3 .cont_list2 li:nth-child(1):after {left:50%; width:50%;}
.overview .cont_box3 .cont_list2 li:nth-child(5):after {left:auto; right:50%; width:50%;}
.overview .cont_box3 .cont_list2 li:nth-child(2) div span:before {background-image:url(../../images/user/contents/overview_cont3_icon5.png);}
.overview .cont_box3 .cont_list2 li:nth-child(3) div span:before {background-image:url(../../images/user/contents/overview_cont3_icon6.png);}
.overview .cont_box3 .cont_list2 li:nth-child(4) div span:before {background-image:url(../../images/user/contents/overview_cont3_icon7.png);}
.overview .cont_box3 .cont_list2 li:nth-child(5) div span {padding-top:95px;}
.overview .cont_box3 .cont_list2 li:nth-child(5) div span:before {background-image:url(../../images/user/contents/overview_cont3_icon8.png);}
.overview .cont_box3 .cont_list2 li:nth-child(3):before {display:none;}
.overview .cont_box3 .cont_list2 .text_box {width:auto; margin:27px 135px 0; padding:18px 2%; background-color:#fff; color:#000; font-size:20px; font-weight:500; letter-spacing:-0.03em; box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.05); border:1px solid #d5dce8; border-radius:6px ;text-align:center; box-sizing:border-box;}*/

.overview .cont_box4 {padding:100px 0 0; text-align:center;}
.overview .cont_box4:before {display:block; position:absolute; left:0; bottom:0; z-index:5; width:100%; height:1358px; background:url(../../images/user/contents/overview_cont4_bg.png) no-repeat center bottom;}
.overview .cont_box4 .inner_wrap {z-index:6;}
.overview .cont_box4 .circle_list {margin-top:55px;}

.overview .cont_box4 .circle_list ul {display:flex; flex-wrap:wrap; position: relative; z-index:5; width:100%; height:100%; max-width:1005px; margin:0 auto; text-align:center; background:url(../../images/user/contents/overview_bg.png)no-repeat top center; background-size:100%;}
.overview .cont_box4 .circle_list ul li {display:inline-block; position:relative; width:33%; height:350px;}
.overview .cont_box4 .circle_list ul li:after, .overview .cont_box4 .circle_list ul li:before {display:block; overflow:hidden; position: absolute; left:0; top:0; }
.overview .cont_box4 .circle_list ul li:before {display:none; background-color:#fff; width:100%; height:100%; border-radius:100%; border:1px solid #e2e6ef; box-sizing:border-box;}
.overview .cont_box4 .circle_list ul li .cont {position: absolute; left:0; top:50%; transform:translate(3%, -50%); width:100%;  text-align:center; color:#000;}
.overview .cont_box4 .circle_list ul li .cont span {display:inline-block; position:relative; margin-bottom:20px; padding-top:85px; padding-bottom:50px; font-size:24px; font-weight:500; letter-spacing:-0.06em; background-image:url(../../images/user/contents/overview_cont4_icon.png); background-repeat: no-repeat ; background-position:center top; /*opacity:.8;*/}
.overview .cont_box4 .circle_list ul li .cont span:before {display:inline-block; position:absolute; left:50%; bottom:0; width:1px; height:30px;; background-color:#d5dbe7;}
.overview .cont_box4 .circle_list ul li .cont p {height:65px;  font-size:17px; line-height:22px; font-weight:300; letter-spacing:-0.015em;}
.overview .cont_box4 .circle_list ul li:nth-child(2) .cont span {background-image:url(../../images/user/contents/overview_cont4_icon2.png);}
.overview .cont_box4 .circle_list ul li:nth-child(3) .cont span {background-image:url(../../images/user/contents/overview_cont4_icon3.png);}
.overview .cont_box4 .circle_list ul li:nth-child(3) .cont p {font-size:30px; line-height:33px; font-weight:500; letter-spacing:0;}
.overview .cont_box4 .text {margin-bottom:40px; padding-bottom:30px; font-size:20px; font-weight:300; color:#333; letter-spacing:-0.04em; word-break:keep-all;}
.overview .cont_box4 .text strong {font-weight:500;}
.overview .cont_box4 .circle_list.act .item:nth-child(1) {transform:translate(0, 0); opacity:1}
.overview .cont_box4 .circle_list.act .item:nth-child(3) {transform:translate(0, 0); opacity:1}
@media only screen and (max-width:1400px){
	/*.overview .cont_box3 .cont_list2 li {width:20%; padding-left:1%; padding-right:1%;}
	.overview .cont_box3 .cont_list2 li div {width:100%;}
	.overview .cont_box3 .cont_list2 .text_box {width:98%; margin-left:auto; margin-right:auto;}*/
}
@media only screen and (max-width:1200px){
	.overview  {margin-bottom:0;}
	.overview .top_img span {margin:90px 5%; padding:30px 3%; font-size:20px; line-height:28px; word-break: keep-all;}
	.overview .title {padding-top:0;}
	.overview .title .tit {font-size:20px;}
	.overview .cont_box2 .text_box {float:none; width:100%;}
	.overview .cont_box2 .text_box .text_wrap {margin-right:0;}
	.overview .cont_box2 .text_box .text_wrap table.type2 tbody td {padding-left:5%; padding-right:5%;}
	.overview .cont_box2 .img_box {/* display:none; */float: none;width: 100%;margin-top: 20px;}
	.overview .cont_box2 .img_box span.img{margin-left: 0;}

	/*.overview .cont_box3 .cont_list .item {margin-left:25px;}
	.overview .cont_box3 .cont_list .item .cont span {margin-bottom:5px; font-size:20px;}
	.overview .cont_box3 .cont_list .item .cont p {font-size:16px; line-height:22px;}*/
}
@media only screen and (max-width:1024px){
	/*.overview .cont_box3 .cont_list {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center;}
	.overview .cont_box3 .cont_list:before {top:115px; left:50%; width:1px; height:88.25%;}
	.overview .cont_box3 .cont_list.active .item:nth-child(3), .overview .cont_box3 .cont_list.active .item:nth-child(1) {transform:inherit;}
	.overview .cont_box3 .cont_list .item {display:block; width:230px; height:230px; z-index:20; margin-bottom:60px; margin-left:0; text-align:center; transform:inherit; opacity:1;}
	.overview .cont_box3 .cont_list .item:nth-child(1) {order:2;}
	.overview .cont_box3 .cont_list .item:nth-child(2) {order:1; width:280px; height:280px;}
	.overview .cont_box3 .cont_list .item:nth-child(2):before {left:-20px; top:-20px; width:300px; height:300px;}
	.overview .cont_box3 .cont_list .item:nth-child(2):after {display:none;}
	.overview .cont_box3 .cont_list .item:nth-child(3) {order:3; margin-bottom:0;}
	.overview .cont_box3 .cont_list .item .cont span {padding-top:75px;}
	.overview .cont_box3 .cont_list .item .cont:before, .overview .cont_box3 .cont_list .item:nth-child(3) .cont:before {top:auto; right:auto; left:50%; bottom:0; margin-top:0; margin-left:-6px; margin-right:0;}
	.overview .cont_box3 .cont_list .item:nth-child(1) .cont:before, .overview .cont_box3 .cont_list .item:nth-child(3) .cont:before {top:-43px; margin-right:0; margin-left:-5px;}
	.overview .cont_box3 .cont_list2 li {width:50%; padding-top:25px;}
	.overview .cont_box3 .cont_list2 li:after {width:50%;}
	.overview .cont_box3 .cont_list2 li div {width:90%; height:160px; margin:0 auto;}
	.overview .cont_box3 .cont_list2 li div span:before {height:55px; background-size:contain;}
	.overview .cont_box3 .cont_list2 li div span {height:auto; margin-bottom:0; padding-top:80px; font-size:17px;}
	.overview .cont_box3 .cont_list2 li div p {vertical-align:middle;}
	.overview .cont_box3 .cont_list2 li div span em {font-size:16px;}
	.overview .cont_box3 .cont_list2 li:nth-child(3), .overview .cont_box3 .cont_list2 li:nth-child(4) {padding-bottom:35px;}
	.overview .cont_box3 .cont_list2 li:nth-child(3):before {display:inline-block;}
	.overview .cont_box3 .cont_list2 li:nth-child(3):after, .overview .cont_box3 .cont_list2 li:nth-child(4):after {width:1px; height:37px; top:auto; left:50%; bottom:0;}
	.overview .cont_box3 .cont_list2 li:nth-child(5) div span {padding-top:70px;}
	.overview .cont_box3 .cont_list2 li:nth-child(5)::after {left:0; width:101%;}
	.overview .cont_box3 .cont_list2 .text_box {position: relative; padding:15px; font-size:17px;}
	.overview .cont_box3 .cont_list2 .text_box:before {display:inline-block; position: absolute; top:-37px; left:50%; width:1px; height:37px; background-color: #00529e;}
	.overview .cont_box3 .inner_wrap {padding-bottom:50px;}*/
	.overview .cont_box4 {padding-top:50px;}
	.overview .cont_box4:before {display:none;}
	.overview .cont_box4 .inner_wrap:before {display:none;}
	.overview .cont_box4 .text {text-align:left; font-size:16px; line-height:25px;}
	.overview .cont_box4 .circle_list ul { flex-wrap:wrap; flex-direction:column; align-items:center; background:none;}
	.overview .cont_box4 .circle_list ul li {display:table; width:350px; height:350px; margin-top:-20px;}
	.overview .cont_box4 .circle_list ul li .cont {display:table-cell; vertical-align:middle; position: static; transform:inherit;  border:1px solid #e2e6ee; border-radius:100%;}
}
@media only screen and (max-width:640px){
	.overview .top_img span {margin-top:60px; margin-bottom:60px; font-size:17px; line-height:22px;}
	.overview .title {padding-bottom:0;}
	.overview .title .tit {line-height:25px;}
	/*.overview .title .text {margin-top:10px; font-size:16px; line-height:25px;}*/
	.overview .title .text {
		margin-top: 10px;
		font-size: 20px;
		line-height: 25px;
	}
	.overview .title .tit, .overview .title .text {text-align:left;}
	.overview .cont_box2 {padding-bottom:0;}
	.overview .cont_box2 .text_box .text_wrap table.type2 tbody th {font-size:15px;}
	.overview .cont_box2 .text_box .text_wrap table.type2 tbody td {font-size:15px;}
	.overview .cont_box4 .text {text-align:center;}
	.overview .cont_box4 .text strong {display:block; margin-top:20px;}
	.overview .cont_box3 .cont_list {padding-top:60px;}
	.overview .cont_box4 .circle_list ul {justify-content: space-around;}
	.overview .cont_box4 .circle_list ul li {width:270px; height:270px;}
	.overview .cont_box4 .circle_list ul li .cont span {padding-top:60px; padding-bottom:35px; font-size:20px; margin-bottom:10px;}
	.overview .cont_box4 .circle_list ul li .cont span::before {height:20px; bottom:5px;}
	.overview .cont_box4 .circle_list ul li .cont p {height:auto;}
	.overview .cont_box4 .circle_list ul li .cont p br {displaY:none;}
	.overview .cont_box3 .cont_list .item p {font-size:16px;}
	.overview .cont_box4 .circle_list ul li:nth-child(3) .cont p {font-size:19px; line-height:22px;}
}

/* About Us > CI */
.ci_box .cont_box {margin-bottom:40px;}
.ci_box .cont_box h4 {padding-bottom:7px;}
.ci_box .cont_box .left_box {float:left; width:45%; padding-right:6%;}
.ci_box .cont_box .left_box img {display:inline-block; max-width:100%; border:1px solid #d5dbe7; box-sizing: border-box;}
.ci_box .cont_box .right_box {float:right; width:50%; margin-right:5%;}
.ci_box .cont_box .right_box h4 {margin-top:0; margin-bottom:15px;}
.ci_box .cont_box .right_box p {font-size:20px; color:#000; font-weight:300; word-break:keep-all;}
.ci_box .cont_box .right_box p strong {display:block; font-weight:500;}
.ci_box .cont_box.cont_box2 {padding-bottom:30px;}
.ci_box .cont_box.cont_box2 .left_box ul {margin-left:-5%;}
.ci_box .cont_box.cont_box2 .left_box ul li {float:left; width:45%; height:160px; margin-left:5%;  background-color:#221714; color:#fff;}
.ci_box .cont_box.cont_box2 .left_box ul li:first-child {background-color:#00529e;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont {padding:30px;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont h5 {margin-bottom:30px; font-size:20px; font-weight:400; letter-spacing:-0.03em;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont p {font-size:16px; color:rgba(255, 255, 255, 0.8); font-weight:300; letter-spacing:-0.02em;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont p strong {display:block; font-weight:300;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont p span {display:inline-block; margin-right:5px;}
.ci_box .cont_box.cont_box2 .right_box {width:55%; margin-right:0;}
.ci_box .cont_box.cont_box2 .right_box p {color:#333;}
.ci_box .cont_box.cont_box2 .right_box p em {font-weight:500;}
.ci_box .cont_box3 {padding-top:75px; border-top:1px solid #b0c0d4;}
.ci_box .cont_box3 .list_box {margin-top:35px; margin-left:-2%;}
.ci_box .cont_box3 .list_box li {float:left; width:22.5%; margin-left:2%;}
.ci_box .cont_box3 .list_box li span {display:inline-block; border:1px solid #d5dbe7; box-sizing:border-box;}
.ci_box .cont_box3 .list_box li:nth-child(1) {transition-delay:.1s;}
.ci_box .cont_box3 .list_box li:nth-child(2) {border-color:#000; transition-delay:.2s;}
.ci_box .cont_box3 .list_box li:nth-child(3) {transition-delay:.3s;}
.ci_box .cont_box3 .list_box li:nth-child(4) {transition-delay:.4s;}
.ci_box .cont_box3 .list_box li p {margin-top:20px; margin-bottom:20px; text-align:center;}
.ci_box .cont_box3 .list_box li img {width:100%;}
.ci_box .btn_box {margin-top:50px;}
@media only screen and (max-width:1400px){
	.ci_box .cont_box .right_box {width:55%; margin-right:0;}
}
@media only screen and (max-width:1200px){
	.ci_box .cont_box .left_box {padding-right:5%;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont {padding-left:10%; padding-right:10%;}
}
@media only screen and (max-width:1024px){
	.ci_box .cont_line {padding-top:0; border-top:0 none;}
	.ci_box .cont_box .right_box {float:none; width:100%;}
	.ci_box  h4 {font-weight:700;  margin-bottom:10px;}
	.ci_box .cont_box .right_box p strong {font-size:20px;}
	.ci_box .cont_box .right_box p {font-size:16px; letter-spacing:-0.04em;}
	.ci_box .cont_box .left_box {float:none; width:100%; margin:0 auto 40px; padding-right:0;}
	.ci_box .cont_box.cont_box1 .left_box {text-align:center;}
	.ci_box .cont_box.cont_box2 {padding-top:40px; padding-bottom:0; border-top:1px solid #d5dce8;}
	.ci_box .cont_box.cont_box2 .left_box {width:auto; margin:25px auto 0; padding-right:0;}
	.ci_box .cont_box.cont_box2 .left_box ul li {height:auto;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont {padding:15px 8%;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont h5 {font-size:17px; margin-bottom:10px;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont p {font-size:15px;}
	.ci_box .cont_box.cont_box2 .right_box {width:auto;}
	.ci_box .cont_box3 {padding-top:35px;}
	.ci_box .cont_box3 .list_box {margin-top:0; margin-left:-5%;}
	.ci_box .cont_box3 .list_box li {width:45%; margin-left:5%;}
	.ci_box .cont_box3 .list_box li p {margin-top:15px;  font-size:16px; line-height:20px; word-break:keep-all;}
}

@media only screen and (max-width:640px){
	.ci_box .btn_box {margin-top:20px;}
	.ci_box .cont_box h4 {font-size:24px;}
	.ci_box .cont_box .right_box p  strong {font-size: 20px;line-height: 26px;margin-bottom: 10px;}
}


/* About Us > CI */
.ci_box .cont_box {margin-bottom:40px;}
.ci_box .cont_box h4 {padding-bottom:7px;}
.ci_box .cont_box .left_box {float:left; width:45%; padding-right:6%;}
.ci_box .cont_box .left_box img {display:inline-block; max-width:100%; border:1px solid #d5dbe7; box-sizing: border-box;}
.ci_box .cont_box .right_box {float:right; width:50%; margin-right:5%;}
.ci_box .cont_box .right_box h4 {margin-top:0; margin-bottom:15px;}
.ci_box .cont_box .right_box p {font-size: 18px;color:#000;font-weight:300;word-break:keep-all;letter-spacing: -0.020em;}
.ci_box .cont_box .right_box p strong {display:block; font-weight:500;}
.ci_box .cont_box.cont_box2 {padding-bottom:30px;}
.ci_box .cont_box.cont_box2 .left_box ul {margin-left:-5%;}
.ci_box .cont_box.cont_box2 .left_box ul li {float:left; width:45%; height:160px; margin-left:5%;  background-color:#221714; color:#fff;}
.ci_box .cont_box.cont_box2 .left_box ul li:first-child {background-color:#00529e;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont {padding:30px;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont h5 {margin-bottom:30px; font-size:20px; font-weight:400; line-height:1.5; letter-spacing:-0.02em;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont p {font-size:16px; color:rgba(255, 255, 255, 0.8); font-weight:300; line-height:1.5; letter-spacing:-0.02em;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont p strong {display:block; font-weight:300;}
.ci_box .cont_box.cont_box2 .left_box ul li .cont p span {display:inline-block; margin-right:5px;}
.ci_box .cont_box.cont_box2 .right_box {width:55%; margin-right:0;}
.ci_box .cont_box.cont_box2 .right_box p {color:#333;}
.ci_box .cont_box.cont_box2 .right_box p em {font-weight:500;}
.ci_box .cont_box3 {padding-top:75px; border-top:1px solid #dce3ed;}
.ci_box .cont_box3 .list_box {margin-top:35px; margin-left:-2%;}
.ci_box .cont_box3 .list_box li {float:left; width:22.5%; margin-left:2%;}
.ci_box .cont_box3 .list_box li span {display:inline-block; border:1px solid #d5dbe7; box-sizing:border-box;}
.ci_box .cont_box3 .list_box li:nth-child(1) {transition-delay:.1s;}
.ci_box .cont_box3 .list_box li:nth-child(2) {border-color:#000; transition-delay:.2s;}
.ci_box .cont_box3 .list_box li:nth-child(3) {transition-delay:.3s;}
.ci_box .cont_box3 .list_box li:nth-child(4) {transition-delay:.4s;}
.ci_box .cont_box3 .list_box li p {margin-top:20px;margin-bottom:20px;text-align:center;letter-spacing: -0.020em;}
.ci_box .cont_box3 .list_box li img {width:100%;}
@media only screen and (max-width:1400px){
	.ci_box .cont_box .right_box {width:55%; margin-right:0;}
}
@media only screen and (max-width:1200px){
	.ci_box .cont_box .left_box {padding-right:5%;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont {padding-left:10%; padding-right:10%;}
}
@media only screen and (max-width:1024px){
	.ci_box .cont_line {padding-top:0; border-top:0 none;}
	.ci_box .cont_box .right_box {float:none; width:100%;}
	.ci_box  h4 {font-weight:700;  margin-bottom:10px;}
	.ci_box .cont_box .right_box p strong {font-size:20px;}
	.ci_box .cont_box .right_box p {font-size:16px; letter-spacing:-0.04em;}
	.ci_box .cont_box .left_box {float:none; width:100%; margin:0 auto 40px; padding-right:0;}
	.ci_box .cont_box.cont_box1 .left_box {text-align:center;}
	.ci_box .cont_box.cont_box2 {padding-top:40px; padding-bottom:0; border-top:1px solid #d5dce8;}
	.ci_box .cont_box.cont_box2 .left_box {width:auto; margin:25px auto 0; padding-right:0;}
	.ci_box .cont_box.cont_box2 .left_box ul li {height:auto;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont {padding:15px 8%;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont h5 {font-size:17px; margin-bottom:10px;}
	.ci_box .cont_box.cont_box2 .left_box ul li .cont p {font-size:15px;}
	.ci_box .cont_box.cont_box2 .right_box {width:auto;}
	.ci_box .cont_box3 {padding-top:35px;}
	.ci_box .cont_box3 .list_box {margin-top:0; margin-left:-5%;}
	.ci_box .cont_box3 .list_box li {width:45%; margin-left:5%;}
	.ci_box .cont_box3 .list_box li p {margin-top:15px;  font-size:16px; line-height:20px; word-break:keep-all;}
}

@media only screen and (max-width:640px){
	.ci_box .cont_box h4 {font-size:24px;}
	.ci_box .cont_box .right_box p  strong {font-size: 20px;line-height: 26px;margin-bottom: 10px;}
}
/*About Us > /*About Us > 연혁 */
.history {position:relative;}
#history_inner {position:relative;}
.history .title {margin-bottom:50px;}
.history .title h4 {padding-bottom:0;}
.history .title p {font-size:20px;}
.history .cont_box:not(:first-child) {margin-top:95px; border-top:1px solid #dce3ed;}
.history #cont1 {margin-top:0; border:0 none;}
.history .animate-box {position:absolute; top:15px; left:50%; width:1px; height:50px; margin-left:80px; background-color:#3582c8; z-index:5;}
.history .animate-box.p-end {transition:height .3s;}
.history .history_inner {overflow:hidden; position:relative;}
.his_list {position:relative; margin:0 auto;}
.his_list:before {display:inline-block; position:absolute; top:30px; left:50%; width:1px; height:100%; margin-left:80px; background-color:#dce3ed;}
.his_list .item {position:relative; overflow:hidden; visibility: hidden; /*opacity: 0; transform: translateX(-50%);
transition: transform 0.35s ease; transition: opacity 0.75s ease-in; min-height:200px;*/}
.his_list .item:before, .his_list .item:after {display:inline-block; position:absolute; left:50%; z-index:10; margin-left:80px; box-sizing:border-box; transform:translateX(-50%) scale(0);  transition:transform 0.4s ease; }
.his_list .item:before {top:13px; width:8px; height:8px; z-index:6; border:2px solid #919191; border-radius:50%; background-color:#ddd;}
.his_list .item:after {top:5px; width:25px; height:25px; opacity:.7; z-index:5; border:4px solid #f3f3f3; border-radius:50%; background-color:#ddd;}
.his_list .item.active {z-index:5}
.his_list .item.active:before, .his_list .item.active:after, .his_list .item:first-child:before, .his_list .item:first-child:after{transform:translateX(-50%) scale(1);}
.his_list .item.active:before {display:inline-block; border:2px solid #3582c8; background-color:#c8ddf1; }
.his_list .item.active:after {display:inline-block; border:4px solid #ecf3fa; background-color:#c8ddf1;}
.his_list .item:first-child:before {display:inline-block; border:2px solid #3582c8; background-color:#c8ddf1;}
.his_list .item:first-child:after {display:inline-block; border:4px solid #ecf3fa; background-color:#c8ddf1;}
.his_list .item:not(:first-child) {margin-top:95px;}
.his_list .item:first-child{visibility: visible !important; opacity: 1 !important;}
.his_list .item:not(:first-child) .img_wrap img{transform:translateY(100px);transition:transform 0.4s ease;}
.his_list .item.active .img_wrap img{transform:none;}
.his_list .item.active  {visibility: visible; opacity: 1; transform: translateX(0);}
.his_list .item .img_wrap {width:50.345%;}
.his_list .item .img_wrap img {max-width:700px; width:100%; height:auto;}
.his_list .item .img_wrap.type2:after {display:block; clear:both;}
.his_list .item .img_wrap.type2 div {float:left; width:47%; margin:0 1.5%;}
.his_list .item .img_wrap.type2 div.left {margin-left:0;}
.his_list .item .img_wrap.type2 div.right {float:right;}
.his_list .item .text_wrap {width:37.345%;}
.his_list .item .year {font-size:35px; line-height:38px; font-weight:600; color:#000; letter-spacing:0;}
.his_list .item .year:before {display:inline-block; position:absolute; top:17px; left:50%; width:65px;margin-left:80px; border-bottom:1px dashed #cfd8e4;}
.his_list .item .text_list {margin-top:35px;}
.his_list .item .text {position:relative; font-size:17px; color:#333;}
.his_list .item .text:not(:first-child) {margin-top:5px;}
.his_list .item .text .num_box {display:inline-block; position:absolute; left:0; top:0; font-weight:500; letter-spacing:-0.03em; color:#b8b8b8;}
.his_list .item .text .po {color:#3582c8; font-weight:400;}
.his_list .right .img_wrap {float:left;text-align:right;}
.his_list .right .img_wrap .img {display:inline-block;}
.his_list .right .img_wrap .img img {max-width:100%;}
.his_list .right .img_wrap p {margin-top:20px; font-size:20px; line-height:25px; text-align:left; letter-spacing:-0.06em; color:#333;}
.his_list .right .text_wrap {float:right; /*padding-left:6px;*/text-align:left;}
.his_list .right .text {padding-left:33px;}
.his_list .right .text:before{left:0;}
.his_list .item.active .text_wrap .year {color:#00529e;}
@media only screen and (max-width:970px){
	/* History */
	.his_list:before {margin-left:-8px}
	.history .animate-box {margin-left:-8px}
	.his_list .item {min-height:auto;}
	.his_list .item:not(:first-child){margin-top:50px;}
	.his_list .item .year {font-size:32px;}
	.his_list .item .text {font-size:16px;}
	.his_list .item .img_wrap {width:43%;}
	.his_list .item .text_wrap {width:43%;padding:0;}
	.his_list .item .year:before {width:45px; margin-left:0;}
	.his_list .item:before, .his_list .item:after {margin-left:-7px;}
	.his_list .item .text_list {margin-top:20px;}
	.his_list .right .img_wrap p {margin-top:15px; font-size:16px; line-height:20px;}
}

@media only screen and (max-width:860px){
	/* History */
	.history .title {margin-bottom:25px;}
	.history .title h4 {margin-bottom:5px;}
	.history .title p {font-size:16px;}
	.his_list {padding:0 0 0 60px;}
	.his_list:before{left:13px; margin-left:0;}
	.history .animate-box{left:13px;margin-left:0;}
	.his_list .item:not(:first-child) {margin-top:30px;}
	.his_list .item{min-height:auto;overflow:visible;}
	.his_list .item:before, .his_list .item:after{left:-47px; margin-left:0;}
	.his_list .item .img_wrap {float:none;width:100%; margin:30px 0 10px; text-align:left;}
	.his_list .item .text_wrap {float:none;width:100%;padding-left:0;text-align:left;}
	.his_list .item .text_wrap:nth-child(2){margin-top:25px;}
	.his_list .item .year {font-size:25px; font-weight:500;}
	.his_list .item .year:before {left:-35px; width:25px;}
	.his_list .item .text_list {margin-top:14px;}
	.his_list .item .text {padding:0 0 0 25px;}
	.his_list .item .text:before {right:calc(100% - 4px);}
	.his_list .item .img_wrap p {display:none;}
	.his_list .item .img_wrap.type2 div.right {float:left;}
 }

 @media only screen and (max-width:360px){
	.his_list {padding-left:30px;}
	.history .animate-box{left:5px;top :230px;}
	.his_list:before {left:5px;}
	.his_list .item::before, .his_list .item::after {left:-24px;}
	.his_list .item .img_wrap {margin-top:15px;}

 }



/*About Us > 글로벌네트워크  */
.geullobeol_map .cont_box {padding-bottom:70px;border-bottom:1px solid #d4dce7;  }
.geullobeol_map .cont_box2 {}
.geullobeol_map .cont_box2 .item {padding:50px 0; border-bottom:1px solid #d4dce7;}
.geullobeol_map .cont_box2 .item .cont {float:left; width:40%; padding-left:30px; padding-right:20px;}
.geullobeol_map .cont_box2 .item .cont .title {color:#000;}
.geullobeol_map .cont_box2 .item .cont .title h4 {font-size:30px; line-height:32px; letter-spacing:-0.06em; font-weight:600;}
.geullobeol_map .cont_box2 .item .cont .title p {margin-top:6px; font-size:24px; line-height:27px; letter-spacing:-0.03em;}
.geullobeol_map .cont_box2 .item .cont .text_box {margin-top:20px; font-size:17px; color:#333;}
.geullobeol_map .cont_box2 .item .cont .text_box li {position: relative; margin-bottom:5px; padding-left:50px;}
.geullobeol_map .cont_box2 .item .cont .text_box li span {display:inline-block; position: absolute; left:0; top:0; width:30px; font-weight:300;}
.geullobeol_map .cont_box2 .item .cont .text_box li a {display:inline-block; color:#0084ff;}
.geullobeol_map .cont_box2 .item .cont .text_box .btn_box {padding-top:15px;}
.geullobeol_map .cont_box2 .item .map_cont {float:right; width:60%; border:1px solid #d4dce7; box-sizing:border-box;}
.geullobeol_map .cont_box2 .item .map_cont img {width:100%;}
.geullobeol_map .cont_box2 .item .map_cont .map_box {height:270px;}
.geullobeol_map .cont_box2 .item .map_cont #map {height:270px;}
.geullobeol_map .cont_box2 .item .map_cont #map iframe {width:100%; height:100%;}
@media only screen and (max-width:1200px){
	.geullobeol_map .cont_box2 .item .cont {padding-left:0; }
}
@media only screen and (max-width:1024px){
	.geullobeol_map .cont_box{
    padding-bottom: 0;
}
	.geullobeol_map .cont_box2 .item {padding:40px 0;}
	.geullobeol_map .cont_box2 .item .cont {float:none; width:100%; padding-left:0; padding-right:0;}
	.geullobeol_map .cont_box2 .item .map_cont  {float:none; width:100%; margin-top:30px; padding-left:0; padding-right:0;}
	.geullobeol_map .cont_box2 .item .map_cont .map_box {height:auto;}
}
@media only screen and (max-width:640px){
	.geullobeol_map .cont_box2 .item .cont .title h4 {font-size:25px; line-height:25px;}
	.geullobeol_map .cont_box2 .item .cont .title p {font-size:20px;}
	.geullobeol_map .cont_box2 .item .cont .text_box {margin-top:15px;font-size: 15px;}
}

/* BUSINESS > Full Turnkey Solution */
.fullturnkey_solution {margin-top:-20px;}
.fullturnkey_solution .top_tit p { font-size:28px; line-height:36px; color: #000; font-weight:300; text-align: center;word-break: keep-all;}
.fullturnkey_solution h4 {text-align:center;}
.fullturnkey_solution .temp_icon_flow {margin-top:60px; margin-bottom:100px;}
.fullturnkey_solution .temp_icon_flow .tit strong {font-size:23px;}
.fullturnkey_solution .rowgroup1 {margin-left:-40px;}
.fullturnkey_solution .rowgroup1 .cont_box {float:left; width:calc(100% / 3); padding-left:40px;}
.fullturnkey_solution .rowgroup1 .cont_box.col1 {transition-delay:.1s;}
.fullturnkey_solution .rowgroup1 .cont_box.col2 {transition-delay:.2s;}
.fullturnkey_solution .rowgroup1 .cont_box.col3 {transition-delay:.3s;}
.fullturnkey_solution .rowgroup1 .cont_box:before {display:block;height:280px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.fullturnkey_solution .rowgroup1 .cont_box.col1:before {background-image:url(../../images/user/contents/fullturnkey_solution_img1.jpg);}
.fullturnkey_solution .rowgroup1 .cont_box.col2:before {background-image:url(../../images/user/contents/fullturnkey_solution_img2.jpg);}
.fullturnkey_solution .rowgroup1 .cont_box.col3:before {background-image:url(../../images/user/contents/fullturnkey_solution_img3.jpg);}
.fullturnkey_solution .rowgroup1 .cont_box .tit {display:block;margin:30px 30px 8px;font-size:28px; line-height:35px;color:#000; font-weight:500; letter-spacing:-0.06em; word-break:keep-all;}
.fullturnkey_solution .rowgroup1 .cont_box .bu {padding-left:0;margin:0 30px;font-size:20px; letter-spacing:-0.04em; color:#555;}
.fullturnkey_solution .rowgroup2 {margin-top:100px;}
.fullturnkey_solution .rowgroup2 .top_box {position:relative;margin-bottom:100px;text-align:center;}
.fullturnkey_solution .rowgroup2 .top_box:before {display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#7f7f7f;}
.fullturnkey_solution .rowgroup2 .top_box .inner {position:relative;display:inline-block;padding:0 50px;background-color:#fff;font-size:28px;line-height:36px;font-weight:300;letter-spacing:-0.04em;}
.fullturnkey_solution .rowgroup2 .float_box .col1 {float:left;width:31.5%;}
.fullturnkey_solution .rowgroup2 .float_box .col1 ul {margin-top:-20px;}
.fullturnkey_solution .rowgroup2 .float_box .col1 li {float:left;width:50%;padding-left:20px;margin-top:20px;font-size:20px;line-height:78px;color:#000;font-weight:500;text-align:center;}
.fullturnkey_solution .rowgroup2 .float_box .col1 span {display:block;border:1px solid #d5dbe7;border-radius:5px; letter-spacing:-0.04em;}
.fullturnkey_solution .rowgroup2 .float_box .col2 {float:left;width:15%;padding:67px 0 68px;margin:45px 2.1% 0;background:url(../../images/user/contents/fullturnkey_solution_arrow.png) no-repeat center right;text-align:center;}
.fullturnkey_solution .rowgroup2 .float_box .col2 strong {font-size:20px;line-height:27px;color:#001a3e;font-weight:500;letter-spacing:-0.04em;}
.fullturnkey_solution .rowgroup2 .float_box .col3 {float:left;width:49.3%;}
.fullturnkey_solution .rowgroup2 .float_box .col3 ul {margin-top:-20px;margin-left:-20px;}
.fullturnkey_solution .rowgroup2 .float_box .col3 li {float:left;width:50%;padding-left:20px;margin-top:20px;}
.fullturnkey_solution .rowgroup2 .float_box .col3 .inner {position:relative;min-height:140px;padding:11.5% 2% 0 120px;background-color:#f1f2f4;font-size:20px;color:#000;font-weight:500;letter-spacing:-0.06em;}
.fullturnkey_solution .rowgroup2 .float_box .col3 .inner:before {display:block;position:absolute;left:0;top:0;width:120px;height:100%;background-repeat:no-repeat;background-position:center center;}
.fullturnkey_solution .rowgroup2 .float_box .col3 li:nth-child(1) .inner:before {background-image:url(../../images/user/contents/fullturnkey_solution_icon1.png);}
.fullturnkey_solution .rowgroup2 .float_box .col3 li:nth-child(2) .inner:before {background-image:url(../../images/user/contents/fullturnkey_solution_icon2.png);}
.fullturnkey_solution .rowgroup2 .float_box .col3 li:nth-child(3) .inner:before {background-image:url(../../images/user/contents/fullturnkey_solution_icon3.png);}
.fullturnkey_solution .rowgroup2 .float_box .col3 li:nth-child(4) .inner:before {background-image:url(../../images/user/contents/fullturnkey_solution_icon4.png);}
@media only screen and (max-width:1400px){
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner {font-size:17px;}
	.fullturnkey_solution .rowgroup1 .cont_box .tit br {display:none;}
}
@media only screen and (max-width:1201px){
	.fullturnkey_solution .rowgroup1 .cont_box .tit {font-size:24px;}
	.fullturnkey_solution .rowgroup1 .cont_box .bu {font-size:18px;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner br {display:none;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner {padding-left:100px; min-height:100px; word-break:keep-all;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner::before {width:100px;}
}
@media only screen and (max-width:1000px){
.fullturnkey_solution .rowgroup2 .top_box {margin-bottom:50px;}
	.fullturnkey_solution .top_tit p {font-size:18px; line-height:25px;}
	.fullturnkey_solution .rowgroup1 {margin-left:-20px;}
	.fullturnkey_solution .rowgroup1 .cont_box {padding-left:20px;}
	.fullturnkey_solution .rowgroup1 .cont_box:before {height:250px;}
	.fullturnkey_solution .rowgroup1 .cont_box .tit {margin-left:0; margin-right:0; font-size:24px;}
	.fullturnkey_solution .rowgroup1 .cont_box .bu {margin:0;}
	.fullturnkey_solution .rowgroup2 .top_box .inner {padding:0 5%; word-break:keep-all;}
	.fullturnkey_solution .rowgroup2 .top_box .inner br {display:none;}
	.fullturnkey_solution .rowgroup2 .float_box .col1 {width:64%;}
	.fullturnkey_solution .rowgroup2 .float_box .col2 {width:30%; margin-left:3%; margin-right:3%;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 {width:100%;margin-top:30px;}
}
@media only screen and (max-width:800px){
	.fullturnkey_solution .rowgroup1 {margin-left:0;}
	.fullturnkey_solution .rowgroup1 .cont_box {position:relative;float:none;width:auto;padding-left:40%;}
	.fullturnkey_solution .rowgroup1 .cont_box:before {position:absolute;left:0;top:0;width:35%;height:100%;}
	.fullturnkey_solution .rowgroup2 .top_box {padding-top:50px;border-top:1px solid #7f7f7f;}
	.fullturnkey_solution .rowgroup2 .top_box:before {display:none;}
	.fullturnkey_solution .rowgroup2 .top_box .inner {background:none;}
}
@media only screen and (max-width:640px){
	.fullturnkey_solution .temp_icon_flow {margin-bottom:50px;}
	.fullturnkey_solution .rowgroup1 .cont_box {padding:0;}
	.fullturnkey_solution .rowgroup1 .cont_box:before {position:static;width:100%;height:230px;margin:0 auto;}
	.fullturnkey_solution .rowgroup1 .cont_box .tit {font-size:24px; line-height:30px;}
	.fullturnkey_solution .rowgroup1 .cont_box .tit br {display:none;}
	.fullturnkey_solution .rowgroup1 .cont_box .bu {margin-bottom:30px;font-size:16px;}
	.fullturnkey_solution .rowgroup2 {margin-top:0;}
	.fullturnkey_solution .rowgroup2 .float_box .col1 {float:none;width:auto;}
	.fullturnkey_solution .rowgroup2 .float_box .col1 ul {margin-left:-20px;}
	.fullturnkey_solution .rowgroup2 .float_box .col1 span {font-size:17px;}
	.fullturnkey_solution .rowgroup2 .float_box .col2 {position:relative;float:none;width:191px;padding-bottom:77px;margin: 20px auto 20px;background:none;}
	.fullturnkey_solution .rowgroup2 .float_box .col2:before {display:block;position:absolute;left:-10px;top:0;width:209px;height:191px;background:url(../../images/user/contents/fullturnkey_solution_arrow.png) no-repeat;transform:rotate(90deg);}
	.fullturnkey_solution .rowgroup2 .float_box .col2 strong {position:relative;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 {float:none;}
	.fullturnkey_solution .rowgroup2 .top_box .inner {font-size:18px; line-height:23px;}
	.fullturnkey_solution .temp_icon_flow.type2 .item {height:55px;}
	.fullturnkey_solution .rowgroup2 .float_box .col1 li {margin-top:10px; padding-left:10px; line-height:60px;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner {display:table; padding-top:0; font-size:16px; line-height:22px; letter-spacing:-0.04em;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner span {display:table-cell;vertical-align:middle;}
}
@media only screen and (max-width:480px){
	.fullturnkey_solution .rowgroup2 .float_box .col3 {margin-top:50px}
	.fullturnkey_solution .rowgroup2 .float_box .col3 li {float:none;width:auto;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner {width:100%; padding-top:30px;padding-bottom:30px;}
	.fullturnkey_solution .rowgroup2 .float_box .col3 .inner br {display:none;}
}

/* BUSINESS > Package > Wafer Level */
.waferlevel .temp_button_wrap .button.arrow.type3.full {float:right; width:53.6%;}
@media only screen and (max-width:1000px){
	.waferlevel .temp_button_wrap .button.arrow.type3.full {font-size:17px;}
}
@media only screen and (max-width:800px){
	.waferlevel .temp_button_wrap .button.arrow.type3.full {height:auto; padding:29px 70px 29px 25px; line-height:19px;}
	.waferlevel .temp_button_wrap .button.arrow.type3.full:after {right:25px;}
}
@media only screen and (max-width:640px){
	.waferlevel .temp_button_wrap .button.arrow.type3.full {float:none; width:100%; padding:17px 70px 17px 25px; font-size:15px; line-height:17px;}
}

/*BUSINESS > Package > Load Map */
.load_map  {position:relative;/* margin-top:-30px; */}
.load_map .teb_cont {margin-top:50px;}
.load_map .load_map_tab {position:relative; margin-bottom:15px; text-align:center;}
.load_map .load_map_tab button {display:block; position:absolute; left:50%; top:0; z-index:11; cursor:pointer; height:91px; padding-top:67px; font-weight:300; background-repeat:no-repeat;background-position:center top;color:#333;}
.load_map .load_map_tab li:first-child button {margin-left:-200px;}
.load_map .load_map_tab li button.on {color:#0084ff;font-weight:500;}
.load_map .load_map_tab li:nth-child(1) button {background-image:url(../../images/user/contents/loadmap_tab1_off.png);}
.load_map .load_map_tab li:nth-child(2) button {background-image:url(../../images/user/contents/loadmap_tab2_off.png);}
.load_map .load_map_tab li:nth-child(1) button.on {background-image:url(../../images/user/contents/loadmap_tab1_on.png);}
.load_map .load_map_tab li:nth-child(2) button.on {background-image:url(../../images/user/contents/loadmap_tab2_on.png);}
.load_map .load_map_tab .inner_cont {display:none; position:relative; padding-top:150px;}
.load_map .box_img.fir {margin-bottom:86px;}
@media only screen and (max-width:1200px){
	.load_map .load_map_tab  li:first-child .tab_tit {margin-left:-150px;}
}
@media only screen and (max-width:640px){
	.load_map .load_map_tab  li:first-child .tab_tit {margin-right:20px;}
	.load_map .load_map_tab  li button {padding-top:55px;}
	.load_map .box_img.fir {margin-bottom:40px;}
	.load_map .teb_cont  {margin-top:30px;}
}

/* BUSINESS >  Test > Test Solution */
.test_solution {color:#555;}
.test_solution .top_text {text-align:center; word-break:keep-all;}
.test_solution .icon_box {position:relative; margin-top:55px;}
.test_solution .icon_box:before {display:block; position:absolute;left:135px;top:147px;width:calc(100% - 262px);height:calc(100% - 280px);border:15px solid #eef1f6;border-radius:20px;}
.test_solution .list_wrap {margin-top:-50px;margin-left:-100px;text-align:center;}
.test_solution .list_wrap > li {display:inline-block;position:relative;width:calc(100% / 3);margin-top:50px;margin-left:-4px;padding-left:100px;vertical-align:top;}
.test_solution .icon_box .inner {position:relative;height:217px;padding-left:42.5%;border:1px solid #d5dde8;background-color:#fff;text-align:left;vertical-align:middle;}
.test_solution .list_wrap > li:nth-child(1) .inner, .test_solution .list_wrap > li:nth-child(2) .inner, .test_solution .list_wrap > li:nth-child(3) .inner {background-color:#f1f2f4;}
.test_solution .icon_box .inner:after {display:block;position:absolute;left:0;width:42.5%;background-repeat:no-repeat;background-position:center center;}
.test_solution .list_wrap > li:nth-child(1) .inner:after {top:calc(50% - 42px);height:85px;background-image:url(../../images/user/contents/test_solution_icon1.png);}
.test_solution .list_wrap > li:nth-child(2) .inner:after {top:calc(50% - 41px);height:82px;background-image:url(../../images/user/contents/test_solution_icon2.png);}
.test_solution .list_wrap > li:nth-child(3) .inner:after {top:calc(50% - 38px);height:77px;background-image:url(../../images/user/contents/test_solution_icon3.png);}
.test_solution .list_wrap > li:nth-child(4) .inner:after {top:calc(50% - 30px);height:61px;background-image:url(../../images/user/contents/test_solution_icon4.png);}
.test_solution .list_wrap > li:nth-child(5) .inner:after {top:calc(50% - 41px);height:82px;background-image:url(../../images/user/contents/test_solution_icon5.png);}
/*.test_solution .icon_box .inner:before {display:inline-block;height:100%;line-height:100%;margin-left:-4px;vertical-align:middle;}*/
.test_solution .icon_box .cont {display:inline-block;width:100%;margin-top:40px; font-size:20px;vertical-align:middle;}
.test_solution .icon_box .cont .tit {display:block;margin-bottom:17px;font-size:28px;line-height:30px;color:#000;font-weight:500;letter-spacing:-0.06em;word-break:keep-all;}
.test_solution .icon_box .cont .bu {padding:0;}
.test_solution .icon_box .cont .bu li {letter-spacing:-0.04em; color:#333;}
.test_solution .slide_wrap {position:relative; width:64.3%; margin:80px auto 0;}
.test_solution .slide_wrap .temp_slide .ctrl_area {padding-left:330px;}
.test_solution .slide_wrap .temp_slide .thumbnail li {padding:0 0.3%;}
@media only screen and (max-width:1400px){
	.test_solution .list_wrap {margin-left:-3%;}
	.test_solution .list_wrap > li {padding-left:3%;}
	.test_solution .icon_box:before {left:10%; top:25%; width:80%; height:60%; box-sizing:border-box;}
	.test_solution .icon_box .cont {padding-right:5%;}
	.test_solution .slide_wrap .temp_slide .ctrl_area {padding-left:280px;}
	.test_solution .slide_wrap .temp_slide .thumbnail li {padding:0;}
}
@media only screen and (max-width:1200px){
	.test_solution .icon_box .cont .tit {font-size:24px;}
	.test_solution .icon_box .cont {font-size:17px;}
}
@media only screen and (max-width:1000px){
	.test_solution .icon_box .inner {min-height:300px; height:auto; padding:140px 0 20px;}
	.test_solution .icon_box .inner:after {top:0 !important; width:100%; height:140px !important;}
	.test_solution .icon_box .inner:before {display:none;}
	.test_solution .icon_box .cont {display:block; margin-top:0; padding:0 7%;}
	.test_solution .icon_box .cont .tit {text-align:center;}
	.test_solution .icon_box .cont .tit br {display:none;}
	.test_solution .slide_wrap .temp_slide .ctrl_area {padding-left:0;}

}
@media only screen and (max-width:800px){
	.test_solution .icon_box .cont .tit {margin-bottom:10px;}
	.test_solution .slide_wrap {width:85%;}
}
@media only screen and (max-width:640px){
	.test_solution .icon_box {margin-top:90px;}
	.test_solution .icon_box:before {top:-5%; height:110%;}
	.test_solution .icon_box .inner {min-height:0; padding:20px 0 20px 110px; background-color:#fff !important;}
	.test_solution .icon_box .inner:after {left:0; width:110px; height:100% !important; background-size:55px auto;}
	.test_solution .icon_box .cont {padding-left:0; padding-right:10%;}
	.test_solution .icon_box .cont .tit {text-align:left;}
	.test_solution .list_wrap {margin-left:0; margin-top:0;}
	.test_solution .list_wrap > li {display:block; width:auto; margin-left:0; margin-top:30px; padding-left:0;}
	.test_solution .list_wrap > li:nth-child(odd) .inner {background-color:#f1f2f4 !important;}
	.test_solution .slide_wrap {width:100%;}

}

/* BUSINESS > Test > Test Platform */
.testplatform h4 {position:relative; text-align:center;}
.testplatform .table_wrap {position:relative;}
.testplatform .table {margin-top:40px;}
.testplatform .img_cont {margin-bottom:60px;}
.testplatform .img_cont .img_area {width:53.6%;}
.testplatform .img_cont .img_area img {width:100%; box-shadow:10px 0 30px rgba(0,0,0,0.2);}
.testplatform .middle_h4 {margin:77px 0 54px;}
.testplatform .img_cont.left .img_area {float:left; transition-delay:.2s;}
.testplatform .img_cont.left .info {float:right; transition-delay:.3s;}
.testplatform .img_cont.right .img_area {float:right; transition-delay:.3s;}
.testplatform .img_cont.right .info {float:left; transition-delay:.2s;}
.testplatform .img_cont .info {width:40.8%;}
.testplatform .img_cont .info .tit {display:block;margin:13px 0 56px; font-size:50px; line-height:52px; letter-spacing:-0.02em; color:#000; font-weight:600;}
.testplatform .img_cont .info .table {margin:0;}
@media only screen and (max-width:1201px){
	.testplatform .img_cont .info .tit {font-size:40px; line-height:42px; margin-top:0; margin-bottom:15px;}
}

@media only screen and (max-width:1024px){
	.testplatform .middle_h4 {margin:40px 0 0 0;}
	.testplatform .img_cont .img_area {float:none !important; margin-top:0; width:auto;}
	.testplatform .img_cont .info {float:none !important; width:auto;}
	.testplatform .img_cont .info .tit {margin:30px 0 20px; font-size:30px; line-height:32px;}
	.testplatform .table {margin-top:20px;}
}

@media only screen and (max-width:800px){
	.testplatform .img_cont {margin-bottom:50px;}
	.testplatform table.type3 th, .testplatform table.type3 td {padding:17px 12px; font-size: 17px;}
	.testplatform .img_cont.left .img_area {transition-delay:inherit;}
	.testplatform .img_cont.left .info {transition-delay:inherit;}
	.testplatform .img_cont.right .img_area {transition-delay:inherit;}
	.testplatform .img_cont.right .info {transition-delay:inherit;}

}

/* BUSINESS > Test > IT Infrastructure */
.it_infrastructure .row1 .cont_box:first-child {transition-delay:.1s;}
.it_infrastructure .row1 .cont_box:last-child {transition-delay:.2s;}
.it_infrastructure .row2 .cont_box:first-child {transition-delay:.1s;}
.it_infrastructure .row2 .cont_box:last-child {transition-delay:.2s;}
.it_infrastructure .plus_icon {position:relative; top:10px; opacity:0; transition:top .7s ease, opacity.7s ease; width:127px; height:127px;margin:40px auto -59px;background:url(../../images/user/contents/it_infrastructure_icon.png) no-repeat center center;}
.it_infrastructure .plus_icon.active {top:0; opacity:1;}
.it_infrastructure .cont_box {float:left; width:48%; margin-left:4%;}
.it_infrastructure .cont_box:first-child {margin-left:0;}
.it_infrastructure .cont_box .tit_area {min-height:68px; margin-bottom:30px; font-size:20px; color:#000; letter-spacing:-0.04em; text-align:center;}
.it_infrastructure .cont_box .tit_area h4 {padding:0; margin:0; font-size:24px; text-align:center;}
@media only screen and (max-width:1204px){
	.it_infrastructure .cont_box .tit_area {min-height:0; margin:0 0 30px; font-size:18px; line-height:21px;}
	.it_infrastructure .cont_box .tit_area h4 {font-size:21px; margin-bottom:5px; line-height:25px;}
	.it_infrastructure .plus_icon {margin:0 auto 30px;}
	.it_infrastructure .cont_box {float:none;width:auto;margin-left:0;margin-bottom:50px;}
	.it_infrastructure .cont_box .box_img {width:100%;margin:0 auto;}
	.it_infrastructure .plus_icon {width:70px; height:70px; margin:0 auto 40px; background-size:50px 50px;}
}


/* BUSINESS > Test > Test Process */
#cont_wrap .testprocess .top_title .top_line {border-color:#b0c0d4;}
.testprocess h4 {margin-top:0; margin-bottom:0;}
.testprocess .top_tit_box {margin-top:95px; margin-bottom:40px; padding-bottom:58px; border-bottom:1px solid #d4dce7; text-align:center;}
.testprocess .top_tit_box p {word-break:keep-all;}
.testprocess .top_tit_box.fir {margin-top:0; margin-bottom:40px; border-bottom:1px solid #d4dce7;}
.testprocess .top_tit_box.fir h4 {margin-top:0;}
.testprocess .top_tit_box h4 {text-align:center;}
.testprocess h5 {margin:20px 0 40px; font-weight:500; color:#000;font-size:24px;}
.testprocess .temp_icon_flow.type4 {margin-top:40px; border:0 none;}
.testprocess .icon_all_box {position:relative;}
.testprocess .icon_all_box.line {margin-top:45px; margin-bottom:40px; padding-bottom:56px;  border-bottom:1px solid #b0c0d4;}
.testprocess .icon_all_box .box_info {position:absolute;right:0;top:-75px;}
.testprocess .icon_all_box .box_info:before {display:inline-block;width:30px;height:20px;margin-top:5px;margin-right:10px;border:1px solid #d4dce7;background-color:#f1f2f4;border-radius:3px;vertical-align:top;}
.testprocess .icon_all_box.type1 {transition-delay:.2s;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 {padding:33px 0 40px;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(1) .inner {position:relative;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(1) .inner:before {display:block;position:absolute;right:-45px;top:calc(50% - 12px);width:24px;height:24px;border-radius:100%;background-color:#d0c7b6;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner:before, .testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:before, .testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner:before {display:block;position:absolute;left:0;top:-26px;width:100%;height:calc(100% + 46px);border-top:3px solid #90c5b5;border-bottom:3px solid #90c5b5;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner:before {left:-23px;width:calc(100% + 46px);border-left:3px solid #90c5b5;border-radius:5px 0 0 5px;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner:before {left:auto;right:-23px;width:calc(100% + 46px);border-right:3px solid #90c5b5;border-radius:0 5px 5px 0;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:after {display:block;content:'In Line Solution';position:absolute;left:calc(50% - 85px);top:-43px;width:140px;padding:0 18px;background-color:#fff;font-size:19px; line-height:32px; color:#000;font-weight:500;text-align:center; letter-spacing: -0.04em; word-break: break-all;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(2) {padding-left:65px;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) {padding-left:43px;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) {padding-left:20px;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) {padding-left:20px;}
.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(6) {padding-left:52px;}
.testprocess .line_none {border:0 none !important;}
.testprocess .temp_icon_flow.type4 .flow_wrap li.optional .text_area .top {position: relative; padding-left:13px;}
.testprocess .temp_icon_flow.type4 .flow_wrap li.optional .text_area .top:after {display:inline-block; position: absolute; left:2px; top:19px; width:6px; height:7px; background:url(../../images/user/contents/testprocess_list_area_bg.png) no-repeat center center;}
.testprocess .thi_box {margin-top:60px;}
@media only screen and (max-width:1400px){
	.testprocess .temp_icon_flow.type4 .flow_wrap li.optional {left:calc(50% - 226px);}
	.testprocess .temp_icon_flow.type4 .flow_wrap > li.right_box:before {display:none;}
}
@media only screen and (max-width:1000px){
	.testprocess .temp_icon_flow.type4 .flow_wrap li.optional {margin:30px auto;}
	.testprocess .temp_icon_flow.type4 .flow_wrap li.optional .list_area {margin-left:30px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 {padding-top:40px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3:before {bottom:145px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap:before {top:175px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap {margin-top:-70px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li {position:relative; margin-top:70px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap .skip {right:calc(50% - 97px);top:-40px;width:auto;height:auto;padding:0 10px;background-color:#90c5b5;font-size:20px !important;line-height:29px;color:#000 !important;font-weight:500;border-radius:5px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(1) .inner:before {display:none;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner:before, .testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:before, .testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner:before {display:none;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:after {display:none;}
}
@media only screen and (max-width:800px){
	.testprocess .temp_icon_flow.type1 .flow_wrap {margin-top:0;}
	.testprocess .temp_icon_flow.type1 .flow_wrap > li {margin-top:30px;}
	.testprocess .temp_icon_flow.type1 .flow_wrap > li:first-child {margin-top:0;}
	.testprocess .icon_all_box .box_info {position:static;margin-bottom:30px;text-align:right;}
}
@media only screen and (max-width:640px){
	.testprocess .top_tit_box {margin-top:50px; margin-bottom:30px; padding-bottom:35px;}
	.testprocess .top_tit_box h4 span {display:block;}
	.testprocess h5 {margin-bottom:10px;}
	.testprocess .icon_all_box.line {margin-top:20px; margin-bottom:30px;}
	.testprocess .temp_icon_flow .inner {padding-left:110px;}
	.testprocess .temp_icon_flow .inner .tit {text-align:left;}
	.testprocess .temp_icon_flow .inner .tit span {display:block;}
	.testprocess .temp_icon_flow .flow_wrap .bu.type2 {text-align:center;}
	.testprocess .temp_icon_flow.type4 {margin-top:0;}
	.testprocess .temp_icon_flow.type4 .flow_wrap li.optional .list_area {margin:20px 0;}
	.testprocess .temp_icon_flow.type4 .flow_wrap li.optional .text_area .cont {font-size:18px; line-height:23px;}
	.testprocess .temp_icon_flow .item.icon8 {height:45px;}
	.testprocess .temp_icon_flow .item {height:60px;}
	.testprocess .icon_all_box li {font-size:16px;}
	.testprocess .icon_all_box .box_info {margin-top:20px; margin-bottom:15px; font-size:15px;}
	.testprocess .icon_all_box .box_info:before {margin-top:2px;}
	.testprocess .top_tit_box p {font-size:17px;}

	/* 2021-12-25 */
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 {padding-top:0;padding-bottom:20px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap{margin-top:-60px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap:before{display:block;width:2px;height:100%;left:calc(50% + 10px);top:0;margin:0;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap .skip {display:none}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li {margin-top:60px;float:left;width:100% !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner{padding:50px 0 50px 170px;min-height:130px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .item{left:54px;height:78px;width:78px;background-size:auto;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .tit strong{font-size:20px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .tit span{display:inline-block;font-size:17px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(1) .inner:before{display:block;top:auto;bottom:-40px;right:calc(50% - 12px);}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3){margin-top:105px;width:calc(33.33% + 30px) !important;padding-left:50px !important;padding-right:20px !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4){margin-top:105px;width:calc(33.33% - 40px) !important;padding-left:0 !important;z-index:1;background:#fff;padding-bottom:20px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5){margin-top:105px;width:calc(33.33% + 10px) !important;padding-left:20px !important;padding-right:30px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner{min-height:200px;padding:0;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner .item,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner .item,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner .item{height:78px;margin-top:36px !important;width:auto;background-size:auto;position:static;transform:none;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner .tit,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner .tit,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner .tit{text-align:center;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner:before,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:before,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner:before{display:block;top:-34px;height:calc(100% + 52px);width:100%;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner:before{left:-31px;width:calc(100% + 29px);}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:before{left:-21px;width:calc(100% + 22px);}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner:before{right:-31px;width:calc(100% + 49px);}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:after{display:block;font-size:24px;line-height:24px;letter-spacing:-0.05em;width:160px;padding:10px 24px 23px;left:calc(50% - 104px);top:-58px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner .tit:before,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner .tit:before,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner .tit:before{display:inline-block;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(6){margin-top:51px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(6) .inner:before{display:block;transform:rotate(90deg);top:-17px;left:calc(50% - 5px);}
	.testprocess .icon_all_box.type2 .bu.type2 {padding-left:0;}
}
@media only screen and (max-width:480px){
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner{padding:30px 0 30px 110px !important;min-height:0 !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .item{left:30px;height:60px !important;width:55px !important;background-size:55px auto !important;position:absolute !important;transform:translateY(-50%) !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .tit:before{display:none !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .tit{text-align:left !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .tit strong{font-size:17px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li .inner .tit span{display:block;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3),
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4),
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5){margin-top:30px;width:100% !important;padding-left:40px !important;padding-right:20px !important;padding-bottom:0;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3){margin-top:80px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .skip{display:block;background:#fff;top:-48px;z-index:1;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner .item,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner .item,
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner .item{margin-top:0 !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner .item{height:45px !important;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(3) .inner:before{display:block;width:calc(100% + 36px);height:calc(100% + 32px);left:-21px;border:3px solid #90c5b5;border-bottom:0;border-radius:5px 5px 0 0;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:before{display:block;width:calc(100% + 36px);height:calc(100% + 35px);left:-21px;border:3px solid #90c5b5;border-top:0;border-bottom:0;border-radius:0;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(5) .inner:before{display:block;width:calc(100% + 36px);height:calc(100% + 55px);left:-21px;border:3px solid #90c5b5;border-top:0;border-radius:0 0 5px 5px;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(4) .inner:after{display:none;}
	.testprocess .icon_all_box.type2 .temp_icon_flow.type3 .flow_wrap > li:nth-child(6){margin-top:71px;}
}



/* BUSINESS > Bump > Overview */
.bump .top_area {position:relative; color:#555; text-align:center;}
.bump .top_area p {font-size: 20px;word-break: keep-all;}
.bump .temp_imgtop_box {margin-bottom:54px; background-image:url(../../images/user/contents/bump_top_img.jpg);}
.bump .img_tit_area {padding-bottom:27px; margin-top:80px; border-bottom:1px solid #b0c0d4}
.bump .img_tit_area h4 {text-align:center;}
.bump .img_cont {position:relative;}
.bump .img_cont h5 {margin-top:30px; padding-top:20px; line-height:26px;}
/*.bump .img_cont h5.fir {margin-top: 20px;}*/
.bump .img_cont .inner {margin-top:40px; margin-bottom:50px;}
.bump .img_cont .img_area {float:left;width:50%; transition-delay:.5s;}
.bump .img_cont .img_area img {max-width:100%;}
.bump .img_cont .info {float:right; width:45.8%; transition-delay:.6s;}
.bump .img_cont .info .table {margin:0;}
.bump .img_cont .info .table.type2 th {padding-left:20px;padding-right:20px;}
/*.bump .btn_box {margin-left:}*/
@media only screen and (max-width:1000px){
	.bump .img_cont .img_area {float:none;width:100%;margin:0 auto 40px; text-align:center;}
	.bump .img_cont .info {float:none;width:auto;}
}

@media only screen and (max-width:800px){
	.bump .img_tit_area {padding-bottom:10px;}
	.bump .temp_imgtop_box {margin-bottom:40px;}
	.bump .img_tit_area {margin-top:30px;}
	.bump .img_cont h5 {margin-top:20px;}
	.bump .img_cont .inner {margin-top:20px;}
}
@media only screen and (max-width:640px){
	.bump .top_area p {font-size:18px;}
}
/* BUSINESS > Engineering Solution > Design Simulation */
.design_simulation .cont_box1 {position:relative;padding:60px 0;background-color:#f1f2f4;}
.design_simulation .toptit_box {position:relative;margin-top:40px;padding-bottom:55px;border-bottom:1px solid #b0c0d4; color:#555;text-align:center;}
.design_simulation .toptit_box h4 {text-align:center; margin-bottom:0;}
.design_simulation .toptit_box p {word-break:keep-all;}
.design_simulation .w50box {overflow:hidden;margin-left:-40px;margin-top:36px;}
.design_simulation .w50box > h6{margin-left: 40px;}
.design_simulation .w50box .col {float:left;width:50%;padding-left:40px; }
.design_simulation .w50box .col.w100box {width:100%;margin-top:32px;}
/* 12.25 추가 */
.design_simulation .w50box .col .box_photo {background-color:#f7f8fa; border:1px solid #d5dce8; box-sizing:border-box;}
.design_simulation .w50box .col .box_photo .inner {margin:30px 0; text-align:center; font-size:0;}
.design_simulation .w50box .col .box_photo .inner span {display:inline-block; padding:25px 25px; vertical-align: middle;}
.design_simulation .w50box .col .box_photo .inner strong {display:block; margin-top:15px; text-align:center; font-weight:300; font-size:15px; letter-spacing:-0.04e,; color:#555;}
.design_simulation .w50box .col .box_photo.type2 span {padding-left:45px; padding-right:45px;}


.design_simulation .w50box .col h4 {font-size:24px;}
.design_simulation .w50box .col .info {display:block;margin-top:10px;color:#555;text-align:center;font-weight:300;}
.design_simulation .w50box .col:nth-child(1) {transition-delay:.1s;}
.design_simulation .w50box .col:nth-child(2) {transition-delay:.2s;}
.design_simulation .img_top_text {}
.design_simulation .img_top_text h4 {margin-top:8px;border-bottom:1px solid #b0c0d4;border-top:1px solid #b0c0d4;font-size:24px;}
.design_simulation .img_top_text .inner {padding:5px 2.2% 0;}
.design_simulation .img_top_text h5 {margin-top:60px; padding-top:25px; padding-bottom:25px; color:#000; border-top:1px solid #b0c0d4;  border-bottom:1px solid #d5dbe7;}
.design_simulation .img_top_text .fir_text  {margin-top:30px;}
.design_simulation .img_top_text .line_none {border-top:0 none;}
.design_simulation .img_top_text .bu {padding:0;}
.design_simulation .img_top_text li {margin-top:10px;color:#555;}
.design_simulation .img_top_text li:first-child {margin-top:0;}
.design_simulation .rowgroup1 .w50box {margin-left:-20px; margin-top:0;  transition-delay:.3s;}
.design_simulation .rowgroup1 .w50box .col {padding-left:20px;}
.design_simulation .rowgroup1 .w50box .table th, .design_simulation .rowgroup1 .w50box .table td {height:50px;}
.design_simulation .rowgroup1 .w50box .col:first-child .table tbody tr:last-child th, .design_simulation .rowgroup1 .w50box .col:first-child .table tbody tr:last-child td {height:201px;}
.design_simulation .rowgroup1  h4.tit {margin-top:35px !important;}
.design_simulation .rowgroup2 {margin-bottom:30px;}
.design_simulation .rowgroup2 h5 {margin-top:0; border-top:0 none; }
.design_simulation .rowgroup2 .img_top_text h4 {border-top:none;}
@media only screen and (max-width:1401px){
	.design_simulation .full_wrap {padding-left:3.5%;padding-right:3.5%;}
}
@media only screen and (max-width:1024px){
	.design_simulation .img_top_text h5 {padding-top:30px;}
	.design_simulation .w50box {margin-left:-20px;}
	.design_simulation .w50box .col {padding-left:20px;}
	.design_simulation .rowgroup1 .w50box {margin-left:0;}
	.design_simulation .rowgroup1 .w50box .col {float:none;width:auto;padding-left:0;}
	.design_simulation .rowgroup1 .w50box .col:first-child .table tbody tr:last-child th, .design_simulation .rowgroup1 .w50box .col:first-child .table tbody tr:last-child td {height:auto;}
}
@media only screen and (max-width:640px){
	.design_simulation .cont_box1 {padding-top:30px; padding-bottom:30px;}
	.design_simulation .toptit_box p {width:90%; margin-left:auto; margin-right:auto;}
	.design_simulation .w50box .col h4 {font-weight: 500;}
	.design_simulation .w50box .col {width:100%; float:none; margin-bottom:15px;}
	.design_simulation .img_top_text h5{margin-top:30px; padding-top:20px; padding-bottom:20px;}
	.design_simulation .full_wrap {padding-top:30px;padding-bottom:30px;}
	.design_simulation .toptit_box {margin-top:30px;padding-bottom:40px;}
	.design_simulation .rowgroup2 .img_top_text h5 {margin-top:0;}
	/* 12.25 추가 */
	.design_simulation .w50box .col .box_photo .inner {margin:10px 20px 20px;}
	.design_simulation .w50box .col .box_photo .inner span {padding:10px;}
	.design_simulation .w50box .col .box_photo.type2 .inner span img {max-width:100%;}
	.design_simulation .w50box > h6{margin-left: 20px;}
}

/* BUSINESS > Engineering Solution > Reliability */
.reliability .cont_box1 {padding:60px 0;background-color:#e7eaf3;}
.reliability .table {margin-top:60px;}
.reliability .table.type2 th {padding-left:20px;padding-right:20px;}
@media only screen and (max-width:1401px){
	.reliability .cont_box1 {padding-left:3.5%;padding-right:3.5%;}
}
@media only screen and (max-width:800px){
	.reliability .cont_box1 {padding-top:30px;padding-bottom:30px;}
	.reliability .table {margin-top:30px;}
}


/* BUSINESS > Engineering Solution >  Failure Analysis */
.failure_analysis {position:relative;}
.failure_analysis .cont_box.left {float:left; width:41.5%;}
.failure_analysis .cont_box.right {float:right; width:52.8%; transition-delay:.3s;}
.failure_analysis .cont_box h4 {text-align:center;}
@media only screen and (max-width:800px){
	.failure_analysis .cont_box.left {margin-bottom:30px;}
	.failure_analysis .cont_box {float:none !important;width:auto !important;}
}

/* BUSINESS > Engineering Solution >  Verification */
.verification {color:#555;}
.verification .cont_box {position:relative; padding-left:294px; margin-bottom:46px;}
.verification .cont_box h4 {position:absolute; left:0; top:-43px; padding:23px 0 13px 0;}
.verification .cont_box .bu {margin-top:17px; padding-left:0;}
.verification .cont_box .bu li {margin-top:4px;}
.verification .img_info_area {margin-top:-58px; margin-left:-2.6%; text-align:center;}
.verification .img_info_area .item {display:inline-block; margin-top:58px; margin-left:2.5%; vertical-align:top;}
.verification .img_info_area .item:nth-child(1) {transition-delay:.1s;}
.verification .img_info_area .item:nth-child(2) {transition-delay:.2s;}
.verification .img_info_area .item:nth-child(3) {transition-delay:.3s;}
.verification .img_info_area .item:nth-child(4) {transition-delay:.4s;}
.verification .img_info_area .item:nth-child(5) {transition-delay:.5s;}
.verification .img_info_area .tit {display:block;margin-top:12px;}
@media only screen and (max-width:1400px){
	.verification .img_info_area .item {width:30%;}
	.verification .img_info_area .item:nth-child(4) {width:45%;}
}
@media only screen and (max-width:800px){
	.verification .img_info_area {margin-left:-1.1%;}
	.verification .img_info_area .item:nth-child(4) {width:50%;}
}
@media only screen and (max-width:640px){
	.verification .cont_box {padding-left:0;}
	.verification .cont_box h4 {position:static; padding:0;}
	.verification .img_info_area {width:100%; margin:0 auto;}
	.verification .img_info_area .item {display:block;width:auto !important;margin:30px 0 0;}
}


/* BUSINESS > Engineering solution > Software Development */
.software_development .cont_box {opacity:0; transition:all 1s ease; position:relative; background-image:url(../../images/user/contents/software_development_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;}
.software_development .cont_box.active {opacity:1; transition-delay:.5s;}
.software_development .cont_box .inner_box {position:relative; top:55px; opacity: 0; transition: top 1s ease, opacity 1s ease; padding-top:135px; padding-bottom:132px;}
.software_development .cont_box .inner_box ul {text-align:center; display:flex; flex-wrap:wrap; justify-content: center;}
.software_development .cont_box .inner_box ul li {opacity:0; transition:opacity 1s ease-in; display:inline-block; position: relative; margin:5px 0 10px;  align-content: center; justify-content: center;}
.software_development .cont_box .inner_box ul li:before,.software_development .cont_box .inner_box ul li:after {display:inline-block; position: absolute; top:calc(50% - 7px); width:48px; height:14px; background:url(../../images/user/contents/software_arrow.png) no-repeat left center;}
.software_development .cont_box .inner_box ul li:before {right:-40px; }/* 오른쪽 */
.software_development .cont_box .inner_box ul li:after {display:none; left:-26px; transform: rotateY(-180deg)} /* 왼쪽 화살표 */
.software_development .cont_box .inner_box ul li:first-child {margin-left:0;}
.software_development .cont_box .inner_box ul li:last-child:before {display:none;}
.software_development .cont_box .inner_box ul li div {position: relative; padding:7px; width:211px; height:210px; margin-left:14px; background-color:rgba(255, 255, 255, 0.2); border-radius:100%; background-repeat:no-repeat; background-position:center center;}
.software_development .cont_box .inner_box ul li div:before {width:100%; height:100%; display:inline-block; position: absolute; left:50%; top:50%;transform:translate(-50%, -77%);  background-image:url(../../images/user/contents/software_icon.png); background-repeat:no-repeat; background-position:center center;}
.software_development .cont_box .inner_box ul li div:after {width:auto; height:auto; display:block; position: absolute; left:7px; top:7px; right:7px; bottom:7px; border:1px solid #10a9ea; border-radius:100%;}
.software_development .cont_box .inner_box ul li:nth-child(1) div:before {width:65px; height:70px; background-image:url(../../images/user/contents/software_icon.png);}
.software_development .cont_box .inner_box ul li:nth-child(2) div:before {width:71px; height:70px; background-image:url(../../images/user/contents/software_icon2.png);}
.software_development .cont_box .inner_box ul li:nth-child(3) div:before {width:72px; height:69px; background-image:url(../../images/user/contents/software_icon3.png);}
.software_development .cont_box .inner_box ul li:nth-child(4) div:before {width:64px; height:70px; background-image:url(../../images/user/contents/software_icon4.png);}
.software_development .cont_box .inner_box ul li:nth-child(5) div:before {width:74px; height:62px; background-image:url(../../images/user/contents/software_icon5.png);}
.software_development .cont_box .inner_box ul li:nth-child(6) div:before {width:69px; height:65px; background-image:url(../../images/user/contents/software_icon6.png);}
.software_development .cont_box .inner_box.active{opacity: 1; top:0;}
.software_development .cont_box .inner_box.active ul li:nth-child(1) {top:0;opacity: 1; transition-delay: .2s;}
.software_development .cont_box .inner_box.active ul li:nth-child(2) {top:0;opacity: 1; transition-delay: .3s;}
.software_development .cont_box .inner_box.active ul li:nth-child(3) {top:0;opacity: 1; transition-delay: .4s;}
.software_development .cont_box .inner_box.active ul li:nth-child(4) {top:0;opacity: 1; transition-delay: .5s;}
.software_development .cont_box .inner_box.active ul li:nth-child(5) {top:0;opacity: 1; transition-delay: .6s;}
.software_development .cont_box .inner_box.active ul li:nth-child(6) {top:0;opacity: 1; transition-delay: .7s;}
.software_development .cont_box .inner_box ul li div span {display:inline-block; padding-top:138px ;font-size:20px; line-height:1.6; color:#fff; font-weight:400; letter-spacing:-0.06em;}
.software_development .cont_info {text-align:center;}
.software_development .cont_info .item {display:inline-block ;margin-top:55px; vertical-align:top;}
.software_development .cont_info .col1 {width:42%; margin-right:7.7%;}
.software_development .cont_info .col2 {width:42%;}
.software_development .cont_info .tit_area {margin-bottom:30px; color:#555;}
.software_development .cont_info .tit_area p {word-break:keep-all;}
.software_development .cont_info .col1 .tit_area p, .software_development .cont_info .col2 .tit_area p {min-height:109px; word-break:keep-all;}
.software_development .cont_info h4 { text-align:center;}
.software_development .cont_info .box_img {display:inline-block;}
.software_development .cont_info .box_img img {box-shadow:10px 10px 15px rgba(0,0,0,0.15);}
.software_development .cont_info .col3 .box_img.fir {margin-right:3.4%;}

@media only screen and (max-width:1401px){
	.software_development .cont_box .inner_box {padding-top:100px; padding-bottom:100px;}
	.software_development .cont_box .inner_box ul {margin: 0 20%;}
	.software_development .cont_box .inner_box ul li:nth-child(1){order:1;}
	.software_development .cont_box .inner_box ul li:nth-child(2){order:2;}
	.software_development .cont_box .inner_box ul li:nth-child(3){order:3;}
	.software_development .cont_box .inner_box ul li:nth-child(3):before {top:auto; bottom:-25px; right:calc(50% - 35px);; transform: rotate(90deg);}
	.software_development .cont_box .inner_box ul li:nth-child(4){order:6;}
	.software_development .cont_box .inner_box ul li:nth-child(4):before {display:none; }/* 오른쪽 */
	.software_development .cont_box .inner_box ul li:nth-child(4):after {display:inline-block; }/* 왼쪽 */
	.software_development .cont_box .inner_box ul li:nth-child(5){order:5;}
	.software_development .cont_box .inner_box ul li:nth-child(5):before {display:none; }/* 오른쪽 */
	.software_development .cont_box .inner_box ul li:nth-child(5):after {display:inline-block; }/* 왼쪽 */
	.software_development .cont_box .inner_box ul li:nth-child(6){align-self: flex-end; order: 4; }
}
@media only screen and (max-width:1208px){
	.software_development .cont_box .inner_box ul {margin: 0 13%;}
	.software_development .cont_info .col1 .tit_area p, .software_development .cont_info .col2 .tit_area p{min-height:150px;}
}

@media only screen and (max-width:1200px){
	.software_development .cont_info .col1 {width:46%;margin-right:3%;}
	.software_development .cont_info .col2 {width:46%;}
}
@media only screen and (max-width:1000px){
	.software_development .cont_box .inner_box ul {margin:0 4.5%;}
}
@media only screen and (max-width:801px){
	.software_development .cont_box2 {padding-left:200px;}
	.software_development .cont_box2:before {width:190px;}
	.software_development .cont_info .item {display:block;margin-top:50px;}
	.software_development .cont_info .col1 {width:auto;margin-right:0;}
	.software_development .cont_info .col2 {width:auto;}
	.software_development .cont_info .col1 .tit_area p, .software_development .cont_info .col2 .tit_area p {min-height:0;}
}
@media only screen and (max-width:780px){
	.software_development .cont_box .inner_box ul li:nth-child(1) div {margin-left:0;}
	.software_development .cont_box .inner_box ul li:nth-child(6) div {margin-left:0;}
}
@media only screen and (max-width:720px){
	.software_development .cont_box .inner_box {padding-top:50px; padding-bottom:50px;}
	.software_development .cont_box .inner_box ul li {margin-top:10px;}
	.software_development .cont_box .inner_box ul li:after {left:-7px}
	.software_development .cont_box .inner_box ul li div {margin-left:35px; margin-bottom:15px;}
	.software_development .cont_box .inner_box ul li:nth-child(4) div{margin-left:0;}
	.software_development .cont_box .inner_box ul li:nth-child(5) div{margin-left:0;}
	.software_development .cont_box .inner_box ul li:nth-child(1){order:1;}
	.software_development .cont_box .inner_box ul li:nth-child(2){order:2;}
	.software_development .cont_box .inner_box ul li:nth-child(2):before {top:auto; bottom:-9px; right:calc(50% - 49px); transform: rotate(90deg);}
	.software_development .cont_box .inner_box ul li:nth-child(3){order:4;}
	.software_development .cont_box .inner_box ul li:nth-child(3):before {display:none;}
	.software_development .cont_box .inner_box ul li:nth-child(3):after {display:inline-block;}
	.software_development .cont_box .inner_box ul li:nth-child(4){order:3;}
	.software_development .cont_box .inner_box ul li:nth-child(5){order:5;}
	.software_development .cont_box .inner_box ul li:nth-child(5):before {display:inline-block;}
	.software_development .cont_box .inner_box ul li:nth-child(5):after {display:none;}
	.software_development .cont_box .inner_box ul li:nth-child(4):after {display:none;}
	.software_development .cont_box .inner_box ul li:nth-child(4):before{display:inline-block; top:auto; bottom:-8px; right:calc(50% - 28px);; transform: rotate(90deg);}
	.software_development .cont_box .inner_box ul li:nth-child(6) div {margin-left:35px; }
	.software_development .cont_box .inner_box ul li:nth-child(6){order:6;}
}
@media only screen and (max-width:640px){
	.software_development {position: relative;}
	.software_development .cont_box  {margin-bottom:40px; background-image:url(../../images/user/contents/software_bg_m.jpg);}
	.software_development .cont_info h4 {margin-bottom:0;}
	.software_development .cont_box .inner_box ul {margin:0;}
	.software_development .cont_info .box_img {display:block;}
	.software_development .cont_info .col3 .box_img.fir {margin-right:0;margin-bottom:25px;}

}
@media only screen and (max-width:590px){
	.software_development .cont_box .inner_box ul li {flex: 1 1 40%;}
	.software_development .cont_box .inner_box ul li div {width:80%; margin-left:10% !important; margin-right:10%; box-sizing:border-box; height:auto; margin-left:0; display:inline-block;}
	.software_development .cont_box .inner_box ul li div:before {background-size:60%;}
	.software_development .cont_box .inner_box ul li div span {padding-top:70%; padding-bottom: 20px; font-size:14px; line-height:22px;}
	.software_development .cont_box .inner_box ul li:nth-child(2)::before {right: calc(50% - 29px);}
	.software_development .cont_box .inner_box ul li::before {right:-24px;}
	.software_development .cont_box .inner_box ul li::after {left:-24px;}
}

/* BUSINESS > Engineering Solution > Future Solution */
.future_solution .temp_imgtop_box {background-image:url(../../images/user/contents/future_solution_imgbox1.jpg);}
.future_solution .temp_imgtop_box.row2 {margin-top:100px; background-image:url(../../images/user/contents/future_solution_imgbox2.jpg);}
.future_solution .title_area {font-size:20px; color:#000;}
.future_solution .title_area h4 {font-weight:600; font-size:35px; line-height:47px;}
.future_solution .rowgroup1 {margin-top:60px;}
.future_solution .rowgroup1 .title_area {float:left; width:50%; padding-right:4%;}
.future_solution .rowgroup1 .img_area {float:right; width:50%;}
.future_solution .rowgroup1 .img_area img {max-width:100%;}
.future_solution .rowgroup2 {position:relative; margin-top:60px;}
.future_solution .rowgroup2 h4 {padding-bottom:40px; border-bottom:1px solid #d4dce7;}
.future_solution .rowgroup2 h5 {margin-top:25px; margin-bottom:30px; font-size:24px; color:#000; font-weight:500;}
.future_solution .rowgroup2 .applications {margin-left:-20px;}
.future_solution .rowgroup2 .applications .item {float:left; width:50%; padding-left:20px;}
.future_solution .rowgroup2 .applications .item ul {margin-left:-20px;}
.future_solution .rowgroup2 .applications .item li {float:left; width:50%; padding-left:20px;}
.future_solution .rowgroup2 .applications .item.col1 {transition-delay:.1s;}
.future_solution .rowgroup2 .applications .item.col2 {transition-delay:.2s;}
.future_solution .rowgroup2 .applications .photo img {max-width:100%;}
.future_solution .rowgroup2 .applications .name {display:block; margin-top:13px; color:#555; text-align: center; font-weight:300; letter-spacing:-0.04em;}
.future_solution .rowgroup3 .item {position:relative; margin-top:30px; padding:60px 4% 65px 432px;}
.future_solution .rowgroup3 .item:last-child {background-color:#f1f2f4;}
.future_solution .rowgroup3 .img_area {position:absolute; left:0; width:432px; text-align:center;}
.future_solution .rowgroup3 .item:first-child .img_area {top:calc(50% - 143px);}
.future_solution .rowgroup3 .item:last-child .img_area {top:calc(50% - 157px);}
.future_solution .rowgroup3 .title_area h4 {margin-top:0; padding-top:0; word-break: keep-all;}
.future_solution .rowgroup3 p {color:#333;  letter-spacing:-0.04em; word-break:keep-all;}

.design_simulation .rowgroup2 .box_img_50{
    display: inline-block;
    float: left;
    width: 50%;
}
.design_simulation .rowgroup2 .box_img_50 .inner{
    margin-right: 20px;
}
.design_simulation .rowgroup2 .box_img_50 img{
    width: 100%;
}

.design_simulation .rowgroup2 .box_text_50{
    display: inline-block;
    float: left;
    width: 50%;
}
.design_simulation .rowgroup2 .box_text_50 ul{
    padding: 20px;
    border: 1px solid #d5dce8;
    background-color: #f7f8fa;
}
.design_simulation .rowgroup2 .box_text_50 ul li{
    margin: 8px 0;
}
@media only screen and (max-width:1400px){
	.future_solution .rowgroup1 .title_area p br {display:none;}
}
@media only screen and (max-width:1024px){
	.future_solution .title_area {font-size:20px; color:#000;}
}
@media only screen and (max-width:1000px){
	.future_solution .title_area h4 {font-size:24px; line-height:30px;}
	.future_solution .title_area {font-size:17px;}
	.future_solution .rowgroup1 .img_area {padding-top:100px;}
}
@media only screen and (max-width:800px){
	.future_solution .rowgroup1 {margin-top:50px; margin-bottom:50px;}
	.future_solution .rowgroup1 .img_area {float:none;width:100%;padding:0;margin:40px auto 0;text-align:center;}
	.future_solution .rowgroup1 .title_area {float:none; width:auto; text-align:center; padding-right:0;}
	.future_solution .rowgroup1 .title_area h4 {text-align:center; margin-bottom:0;}
	.future_solution .rowgroup1 .title_area h4 br {display:none;}
	.future_solution .rowgroup1 .title_area p {word-break:keep-all;}
	.future_solution .rowgroup3 .item {padding-left:42%;}
	.future_solution .rowgroup3 .img_area {width:42%;}
	.future_solution .rowgroup3 .img_area img {max-width:90%;}

	.design_simulation .rowgroup2 .box_img_50{display: block;float: none;width: 100%;}
	.design_simulation .rowgroup2 .box_img_50 .inner{margin:0;}
	.design_simulation .rowgroup2 .box_text_50{display: block;float: none;width: 100%;margin-top: 20px;}
	.design_simulation .rowgroup2 .box_text_50 ul{padding: 10px;}
}
@media only screen and (max-width:640px){
	.future_solution .title_area {font-size:18px; line-height:24px;}
	.future_solution .title_area p {font-size:16px;}
	.future_solution .rowgroup1 {margin-top:30px;}
	.future_solution .rowgroup2 h5 { margin-bottom:20px;}
	.future_solution .rowgroup2 h4 {padding-bottom:25px;}
	.future_solution .rowgroup2 .applications {margin-left:0;}
	.future_solution .rowgroup2 .applications .item {float:none;width:auto;padding-left:0;}
	.future_solution .temp_imgtop_box.row2 {margin-top:50px;}
	.future_solution .rowgroup3 .item {padding:30px 0; margin-top:20px;}
	.future_solution .rowgroup3 .title_area h4 {margin:20px 0 0;}
	.future_solution .rowgroup3 .title_area h4 br {display:none;}
	.future_solution .rowgroup3 .img_area {position:static; width:auto; margin-bottom:40px;}
	.future_solution .rowgroup3 .img_area img {max-width:100%;}
	.future_solution .rowgroup3 .item:last-child .title_area {padding:0 5%;}
}

/* Sustainability > 지속경영 */
.sustainability h4 {font-size:24px; line-height:26px; margin-top:30px; margin-bottom:0;}
.sustainability .top_title > div.sub_text:only-of-type p {letter-spacing:-0.06em;}
.sustainability .cont_box {position:relative;}
.sustainability .cont_box img {max-width:100%;}
.sustainability .cont_box2 {display:none;}
.sustainability .cont_box2 li {padding-bottom:30px; border-top:1px solid #d5dce8; font-size:17px; letter-spacing:-0.06em; font-weight:300; color:#555;}
.sustainability .cont_box2 li:first-child {border-top:0 none;}
@media only screen and (max-width:640px){
	.sustainability .pc_img {display:none;}
	.sustainability .cont_box2 {display:block;}
	.sustainability .ethical_management .inner_wrap {margin-top: 20px;  border-top: 1px solid #d5dce8;}
}

/* Sustainability > 품질경영 > 품질경영시스템 */
.quality_system .cont_box {margin-bottom:50px; padding-bottom:50px;}
.quality_system .circle_list {margin:0 0  0 2.5%; text-align:center;}
.quality_system .circle_list li {display:inline-block; position:relative; width:24%; margin-left:-2.5%; padding-bottom:24%; font-size:26px; color:#222; text-align:center;}
.quality_system .circle_list li > div {display:table;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;border-radius:50%;border: 8px solid #dbe2eb;box-sizing:border-box;}
.quality_system .circle_list li > div > span {display:block; max-width:250px; margin:0 auto; padding:0 50px; font-size:24px; line-height:32px; color:#333; font-weight:300; letter-spacing:-0.06em; word-break:keep-all; text-align:center; vertical-align:middle}
.quality_system .circle_list li > div > span:before {display:block;width:100%;height:75px;margin: 60px 0 20px;background:url(../../images/user/contents/quality_system_icon1.png) no-repeat center;}
.quality_system .circle_list li > div > span strong {display:block;}
.quality_system .circle_list li:nth-child(1) {transition-delay:.1s;}
.quality_system .circle_list li:nth-child(2) {transition-delay:.2s;}
.quality_system .circle_list li:nth-child(3) {transition-delay:.3s;}
.quality_system .circle_list li:nth-child(4) {transition-delay:.4s;}
.quality_system .circle_list li:nth-child(even) > div {background-color:rgba(247, 248, 250, 0.5);}
.quality_system .circle_list li:nth-child(2) > div > span:before {background-image:url(../../images/user/contents/quality_system_icon2.png);}
.quality_system .circle_list li:nth-child(3) > div > span:before {background-image:url(../../images/user/contents/quality_system_icon3.png);}
.quality_system .circle_list li:nth-child(4) > div > span:before {background-image:url(../../images/user/contents/quality_system_icon4.png);}
.quality_system .cont_box2 {position:relative; margin:70px 2%; padding-bottom:50px;}
.quality_system .cont_box2 .text_box {transform:translateY(-50%); position:absolute; top:50%; width:22.5%; margin-top:-40px;}
.quality_system .cont_box2 .text_box.left {left:0;}
.quality_system .cont_box2 .text_box.right {right:0;}
.quality_system .cont_box2 .text_box .item {transition-delay:.2s; transition:all 1.1s ease-in-out; opacity:0;}
.quality_system .cont_box2 .text_box .item:before {display:block; position:absolute; top:50%; width:68px; height:58px; background-image:url(../../images/user/contents/quality_system_arrow2.png); background-repeat:no-repeat; background-position:left center; background-size:contain;}
.quality_system .cont_box2 .text_box.left .item {transform:translate(106%,0); padding-right:95px;}
.quality_system .cont_box2 .text_box.left .item:before {width:29px; right:30px; background-image:url(../../images/user/contents/quality_system_arrow.png);}
.quality_system .cont_box2 .text_box.right .item {transform:translate(-106%,0); padding-left:95px;}
.quality_system .cont_box2 .text_box.right .item:before {left:10px;}
.quality_system .cont_box2.active .text_box.left .item {transform:translate(0,0); opacity:1;}
.quality_system .cont_box2.active .text_box.right .item {transform:translate(0,0); opacity:1;}
.quality_system .cont_box2 .text_box .item .inner {display:table; width:100%; height:400px; background-color:#fbfbfc; border:1px solid #d4dce7; border-radius:100px; box-sizing:border-box;}
.quality_system .cont_box2 .text_box .item .inner p {display:table-cell; position:relative; padding:0 15px; font-size:30px; line-height:40px; color:#000; font-weight:500; letter-spacing:-0.04em; text-align:center; vertical-align:middle;}
.quality_system .cont_box2 .center_box {position: relative; z-index:4; width:55%; height:734px; margin:0 auto; text-align:center;}
.quality_system .cont_box2 .center_box span img {max-width:100%;}
@media only screen and (max-width:1401px){
	.quality_system .cont_box {margin-bottom:0; padding-bottom:0;}
	.quality_system .circle_list li > div {display:table; vertical-align:middle;}
	.quality_system .circle_list li > div > span {display:table-cell; max-width:175px; padding:0 2%; font-size:21px; line-height:28px;}
	.quality_system .circle_list li > div > span:before {margin-top:0; margin-bottom:10px;}
	.quality_system .cont_box2 {margin-left:0; margin-right:0;}
	.quality_system .cont_box2 .text_box .item .inner {margin-top:0;}
	.quality_system .cont_box2 .text_box .item .inner p {padding-left:5px; padding-right:5px; font-size:22px; line-height:27px; word-break:keep-all;}
}
@media only screen and (max-width:1200px){
	.quality_system .circle_list li > div > span {font-size:18px; line-height: 23px;}
	.quality_system .cont_box2 .text_box {width:25%;}
	.quality_system .cont_box2 .text_box.left .item:before {right:20px; height:40px;}
	.quality_system .cont_box2 .text_box.right .item:before {left:20px; width:40px; height:40px;}
	.quality_system .cont_box2 .center_box {width:50%; height:auto;}
}
@media only screen and (max-width:1024px){
	.quality_system .circle_list li > div > span {font-size:17px; line-height:23px;}
	.quality_system .circle_list li > div > span:before {width:60px; height:55px; margin-left:auto; margin-right:auto; background-size:contain;}
	.quality_system .cont_box2 .text_box {float:none; transform:inherit; position:static; width:100%; margin-top:0; margin-bottom:20px; padding-right:0; padding-bottom:0;}
	.quality_system .cont_box2 .text_box .item {opacity:1}
	.quality_system .cont_box2 .text_box .item:before {margin-left:-15px; background-position:center center;}
	.quality_system .cont_box2 .text_box .item .inner {display:block; width:345px; height:auto; margin:0 auto; border-radius:0;}
	.quality_system .cont_box2 .text_box .item .inner p {display:block; padding:18px 5%; text-align:center;}
	.quality_system .cont_box2 .text_box .item .inner p br {display:none;}
	.quality_system .cont_box2 .text_box.left .item {transform:inherit; padding-right:0; margin-bottom:25px; padding-bottom:40px;}
	.quality_system .cont_box2 .text_box.left .item:before {top:auto; right:auto; left:50%; bottom:-10px; transform:rotate(90deg);}
	.quality_system .cont_box2 .text_box.right {margin-top:20px;}
	.quality_system .cont_box2 .text_box.right .item {transform:inherit; padding-top:60px; padding-left:0;}
	.quality_system .cont_box2 .text_box.right .item:before {top:0; right:auto; left:50%; margin-left:-22px; background-position:left top; transform: rotate(90deg);}
	.quality_system .cont_box2 .center_box {display:block; float:none; width:100%; height:auto;}
	.quality_system .cont_box2 .center_box span {display:block; width:80%; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:1000px){
	.quality_system .circle_list {width:70%; margin-left:auto; margin-right:auto;}
	.quality_system .circle_list li {width:250px; height:250px; margin-top:-25px; margin-left:-25px; padding-bottom:0;}
	.quality_system .circle_list li > div {position:static;}
	.quality_system .circle_list li:first-child {margin-top:0; margin-left:0;}
	.quality_system .circle_list li:nth-child(3) {margin-left:0;}
	.quality_system .circle_list li:nth-child(3) > div {background-color:#f7f8fa;}
	.quality_system .circle_list li:nth-child(4) > div {background-color:transparent;}
}
@media only screen and (max-width:800px){
	.quality_system .cont_box2 .text_box {margin-bottom:10px;}
	.quality_system .cont_box2 .text_box .item:before {width:50px;}
	.quality_system .cont_box2 .text_box .item .inner {width:50%;}
	.quality_system .cont_box2 .text_box .item .inner p {padding:15px 2%; font-size:18px; line-height:21px;}
	.quality_system .cont_box2 .text_box.left {margin-top:10px;}
	.quality_system .cont_box2 .text_box.left .item:before {width:23px; background-size:100%;}
	.quality_system .cont_box2 .text_box.right .item {padding-top:60px;}
}
@media only screen and (max-width:780px){
	.quality_system .circle_list  {width:90%;}
}
@media only screen and (max-width:640px){
	.quality_system .circle_list {width:100%;}
	.quality_system .circle_list li {width:250px; height:250px;}
	.quality_system .cont_box2 {margin-top:50px; margin-bottom:0; padding-bottom:0;}
	.quality_system .cont_box2 .center_box span {width:100%;}
	.quality_system .cont_box2 .text_box .item .inner {width:100%;}
}
@media only screen and (max-width:460px){
	.quality_system .circle_list li {margin-left:0;}
	.quality_system .circle_list li:nth-child(3) {position:relative; z-index:5;}
	.quality_system .circle_list li:nth-child(3) > div {background-color:transparent;}
	.quality_system .circle_list li:nth-child(4) > div {background-color:#f7f8fa;}
}

/* Sustainability > 품질경영 > 품질방침 */
.quality_policy .photo_list li {float:left; width:50%; margin-bottom:75px; padding-bottom:75px;}
.quality_policy .photo_list li:nth-child(even) .inner {margin-left:40px;}
.quality_policy .photo_list li .inner .img {display:inline-block; margin-bottom:40px;}
.quality_policy .photo_list li .inner p {position:relative; padding-left:40px; font-size:24px; color:#000; font-weight:500; word-break:keep-all;}
.quality_policy .photo_list li .inner p span {display:inline-block; position:absolute; left:0; top:0; color:#999; font-weight:400;}
.quality_policy .photo_list li:nth-child(2) {margin-top:150px;}
.quality_policy .photo_list li:nth-child(3) {margin-top:-150px;}
.quality_policy .photo_list li:nth-child(4) {margin-bottom:0;}
.quality_policy .cont_box {padding-bottom:70px; text-align:center; background:url(../../images/user/contents/quality_policy_bg.png) no-repeat center center;}
.quality_policy .cont_box p {padding-top:70px; margin-bottom:15px; font-size:20px; font-weight:300; color:#fff;}
.quality_policy .cont_box span {display:inline-block;}
.quality_policy .cont_box img {max-width:100%;}
@media only screen and (max-width:1401px){
	.quality_policy .photo_list li:nth-child(even) .inner {margin-left:30px;}
	.quality_policy .photo_list li .inner p {margin:0 5%;}
	.quality_policy .photo_list li .inner .img img {max-width:100%;}
}
@media only screen and (max-width:1204px){
	.quality_policy .photo_list li .inner .img {margin-bottom:30px;}
	.quality_policy .photo_list li .inner p {padding-left:30px; font-size:20px; line-height:23px;}
}
@media only screen and (max-width:640px){
	.quality_policy .photo_list li {float:none; width:auto; padding-bottom:0;}
	.quality_policy .photo_list li .inner p span {margin-right:4px;}
	.quality_policy .photo_list li:nth-child(2n) .inner {margin:0;}
	.quality_policy .photo_list li:nth-child(2) {margin-top:0;}
	.quality_policy .photo_list li:nth-child(3) {margin-top:0;}
	.quality_policy .photo_list li:nth-child(4) {margin-bottom:75px;}
	.quality_policy .cont_box p {margin-bottom:10px; font-size:18px;}
	.quality_policy .cont_box span {margin:0 10%;}
}
@media only screen and (max-width:480px){
	.quality_policy .photo_list li .inner p {font-size:18px;}
}

/* Sustainability > 품질경영 > 품질인증 */
.quality_certification {font-family:'Spoqa Han Sans Neo', 'sans-serif';}
.quality_certification h4 {margin-top:0; padding-top:0;}
.quality_certification .cont_box {margin-top:70px; padding-top:60px; border-top:1px solid rgba(212, 220, 231, 0.8);}
.quality_certification .cont_box.fir {margin-top:0; padding-top:0; border-top:0 none;}
.quality_certification .list_box {margin-left:-1.5385rem}
.quality_certification .list_box > li {float:left; width:calc(100% / 3 - 1.5385rem);margin-left: 1.5385rem; margin-bottom:30px;}
.quality_certification .list_box > li .contents_box {position:relative; display:block; min-height:365px;  background-color:#fff;overflow:hidden;}
.quality_certification .list_box > li .contents_box .img_box {display:block; overflow:hidden; height:365px; line-height:365px; border:1px solid #d5dbe7; box-sizing:border-box; text-align:center; vertical-align:middle;}
.quality_certification .list_box > li .contents_box .img_box img {display:block; width:100%; vertical-align:middle;}
.quality_certification .list_box > li .contents_box .over_cont {position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;opacity:0;transition:all ease-in-out 400ms;color:#fff;}
.quality_certification .list_box > li .contents_box:hover .over_cont, .quality_certification .list_box > li .contents_box:focus .over_cont {visibility:visible; opacity:1;}
.quality_certification .list_box > li .contents_box .over_cont:before {display:inline-block; position:absolute; left:0; top:0; width:100%;height:100%;background-color:#001a3e;}
.quality_certification .list_box > li .contents_box .over_cont .inner {position:relative; z-index:11; padding:25px 50px 25px 50px;}
.quality_certification .list_box > li .contents_box .over_cont .inner strong {display:block; margin-top:25px; margin-bottom:12px; font-size:30px;font-weight:500; letter-spacing:-0.04em; text-align:left;}
.quality_certification .list_box > li .contents_box .over_cont .inner ul {margin-right:50px;}
.quality_certification .list_box > li .contents_box .over_cont .inner li {position: relative; padding:2px 0; text-align:left; font-size:17px; font-weight:300;}
.quality_certification .list_box > li .contents_box .over_cont .inner li:last-child {color:#06b2fb;}
.quality_certification .list_box > li .contents_box .over_cont .inner li span {display:inline-block; position: absolute; right:0; top:0; letter-spacing:-0.02em;}
.quality_certification .list_box > li .contents_box .over_cont .inner .btn_box {display:inline-block;margin-top: 50px;padding:5px 20px 6px;text-align:center;border-radius:5px;box-sizing:border-box;border:1px solid rgba(255,255,255, 0.2);background-color:rgba(255,255,255, 0.2);}
.quality_certification .list_box > li .contents_box .over_cont .inner .btn_box a {display:inline-block; position:relative; padding-right:66px; font-size:17px; font-weight:300; line-height:20px; color:#fff;}
.quality_certification .list_box > li .contents_box .over_cont .inner .btn_box a:before {display:inline-block; position: absolute; right:0; top:calc(50% - 2px); width:33px; height:5px; background:url(../../images/user/contents/quality_certification_arrow.png) no-repeat left center;}
@media screen and (max-width:1402px) {
	.quality_certification .list_box > li .contents_box .over_cont .inner {padding-left:10%; padding-right:10%;}
	.quality_certification .list_box > li .contents_box {min-height:auto;}
	.quality_certification .list_box > li .contents_box .img_box {height:auto; line-height:0;}
}
@media screen and (max-width:1204px) {
	.quality_certification .list_box > li .contents_box .over_cont .inner ul {margin-right:0;}
}
@media screen and (max-width:1024px) {
	.quality_certification .list_box {margin-left:-1.25rem;}
	.quality_certification .list_box > li {width:calc(50% - 1.25rem); margin-left:1.25rem;}
}
@media screen and (max-width:800px) {
	.quality_certification .cont_box {margin-top:0; padding-top:35px; padding-bottom:0;}
	.quality_certification .list_box > li  {margin-bottom:45px;}
	.quality_certification .list_box > li .contents_box {min-height:auto;}
	.quality_certification .list_box > li .contents_box .over_cont {position:relative; opacity:1; visibility:inherit;}
	.quality_certification .list_box > li .contents_box .over_cont:before {display:none;}
	.quality_certification .list_box > li .contents_box .over_cont .inner {padding:0;}
	.quality_certification .list_box > li .contents_box .over_cont .inner strong {margin-top:20px; margin-bottom:5px; font-size:20px; color:#333;}
	.quality_certification .list_box > li .contents_box .over_cont .inner .btn_box {display:none;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li {padding:0; font-size:17px; color:#333;}
	/*.quality_certification .list_box > li .contents_box .over_cont .inner li:first-child {display:none;}*/
	.quality_certification .list_box > li .contents_box .over_cont .inner li:last-child {color:#0084ff; font-weight:500;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li em {display:none;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li span {position:relative; padding-left:10px; margin-left:10px;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li span:before {display:inline-block; position:absolute; left:0; top:0; content:':';}
}
@media screen and (max-width:640px) {
	.quality_certification .list_box {margin-left:auto;}
	.quality_certification .list_box > li {width:100%; margin-left:auto;}
	.quality_certification .list_box > li .contents_box .img_box {margin-bottom:30px;}
	.quality_certification .list_box > li .contents_box .over_cont .inner strong {margin-top: 15px; margin-bottom: 20px;font-size: 24px;line-height: 26px;}
}
@media screen and (max-width:480px) {
	.quality_certification .cont_box {padding-top:30px; padding-bottom:25px;}
	.quality_certification .list_box > li {margin-bottom:35px;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li span {margin-left:5px; padding-left:5px;}
	.quality_certification .list_box > li .contents_box .over_cont .inner strong {margin-top:15px; margin-bottom:10px; font-size:17px; line-height:22px;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li {margin-bottom:7px; font-size:16px; line-height:19px;}
	.quality_certification .list_box > li .contents_box .over_cont .inner li:last-child {font-weight:400;}
}

/* Sustainability > 분쟁지역광물 */
.mineral .top_visual {margin-bottom:45px; padding:70px 0 70px 75px; background:url(../../images/user/contents/mineral_bg.jpg) no-repeat 50% 50%; color:#fff;}
.mineral .top_visual h4 {font-size:30px; font-weight:500; letter-spacing:-0.06em; color:#fff;}
.mineral .top_visual p {width:41%; margin-top:20px; font-size:24px; line-height:38px; font-weight:300; word-break:keep-all;}
.mineral .text {color:#333; font-size:20px; font-weight:300; word-break: keep-all;}
@media only screen and (max-width:1440px){
	.mineral .top_visual p {width:45%;}
}
@media only screen and (max-width:1204px){
	.mineral .top_visual p {font-size:20px; line-height:35px;}
}
@media only screen and (max-width:1024px){
	.mineral .top_visual {margin-bottom:40px; padding:50px 50px 50px 30px; background-size:cover;}
	.mineral .top_visual h4 {font-size:25px;}
	.mineral .top_visual p {width:auto; margin-top:15px; font-size:17px; line-height:30px;}
	.mineral .text {font-size:17px;}
}
@media only screen and (max-width:340px){
	.mineral .top_visual {padding-right :30px;}
}
/* Sustainability > 윤리경영 > 윤리경영 */
.ethical_management h4 {margin-top:0; padding-top:0; padding-right: 30px;}
.ethical_management .text {font-size:20px; color:#333;}
.ethical_management .num_box {margin-top:35px;}
.ethical_management .num_box .cont {float:left;width:50%;height: 84px;margin:25px 0;}
.ethical_management .num_box .cont .inner {position:relative; padding:35px 0 0 55px;}
.ethical_management .num_box .cont .inner span {display:inline-block; position: absolute; left:0; top:0; z-index:5; width:75px; height:58px; font-size:0; color:transparent; line-height:0; text-indent:-9999px; background-image:url(../../images/user/contents/process_num_bg.gif); background-repeat:no-repeat; background-position:left center; background-size:100%;}
.ethical_management .num_box .cont .inner p {position: relative; z-index:8; word-break:keep-all;}
.ethical_management .num_box .cont.fir .inner, .ethical_management .num_box .cont.four .thi .inner {margin-right:25px;}
.ethical_management .num_box .cont.sec .inner span {background-image:url(../../images/user/contents/process_num_bg2.gif);}
.ethical_management .num_box .cont.thi .inner span {background-image:url(../../images/user/contents/process_num_bg3.gif);}
.ethical_management .num_box .cont.fou .inner span {background-image:url(../../images/user/contents/process_num_bg4.gif);}
.ethical_management .num_box .cont.fiv .inner span {background-image:url(../../images/user/contents/process_num_bg5.gif);}
.ethical_management .btn_box {margin-top:30px; padding-top:30px;}
.ethical_management .cont_box {padding:50px 0; background-color:#f4f4f4;}
.ethical_management .cont_box li {border-top:1px solid #d6dde7;}
.ethical_management .cont_box li .inner {position:relative; padding:25px 20px 25px 90px;}
.ethical_management .cont_box li .inner:before {display:inline-block; position: absolute; left:10px; top:50%; transform:translatey(-50%); width:60px; height:60px; background-image:url(../../images/user/contents/ethical_management_icon.png); background-position:left center; background-repeat:no-repeat;  background-size:100%;}
.ethical_management .cont_box li .inner h5 {font-weight:500; color:#367ebb; font-size:24px; line-height:26px; letter-spacing:-0.04em;}
.ethical_management .cont_box li .inner p {margin-top:10px; font-weight:300; color:#000; font-size:16px; line-height:22px; word-break: keep-all; letter-spacing:-0.04em;}
.ethical_management .cont_box li:nth-child(2) .inner:before {background-image:url(../../images/user/contents/ethical_management_icon2.png);}
.ethical_management .cont_box li:nth-child(3) .inner:before {background-image:url(../../images/user/contents/ethical_management_icon3.png);}
.ethical_management .cont_box li:nth-child(4) .inner:before {background-image:url(../../images/user/contents/ethical_management_icon4.png);}
.ethical_management .cont_box li:nth-child(5) .inner:before {background-image:url(../../images/user/contents/ethical_management_icon5.png);}
.ethical_management .box_img {margin-top:0; padding-bottom:50px;}
.ethical_management .cont_box2 {margin-top:40px; background:url(../../images/user/contents/ethical_management_bg.jpg) no-repeat center center;}
.ethical_management .cont_box2 .inner_wrap {padding:70px 0 60px;}
.ethical_management .cont_box2 .inner_wrap .left_con h4 {color:#fff;}
.ethical_management .cont_box2 .inner_wrap .right_con {width: 78.5%;font-weight:300;color:#fff;}
.ethical_management .cont_box2 .inner_wrap .right_con p {margin-bottom:25px;}
.ethical_management .cont_box2 .inner_wrap .right_con .sain {text-align:right;}
.ethical_management .cont_box2 .inner_wrap .right_con .sain img {max-width:100%;}
.ethical_management .cont_box2 .inner_wrap .right_con .sain p {margin-bottom:10px; font-size:20px; font-weight:300; text-align:right;}
.ethical_management .cont_box2 .inner_wrap .right_con .sain span {display:inline-block; margin-top:20px; margin-right:20px; font-weight:400;}
.ethical_management .left_con {width:21.43%;}
.ethical_management .right_con {width:auto;}
.ethical_management .cont_box3 .inner_wrap {padding-top:100px;}
.ethical_management .cont_box3 .inner_wrap .right_con {width:78.57%;}
.ethical_management .cont_box3 .inner_wrap .tit {margin-top:25px; margin-bottom:25px;}
.ethical_management .cont_box3 .box_cont .box_wrap {position:relative; padding:20px 2% 20px 420px}
.ethical_management .cont_box3 .box_cont .box_wrap .left_box {position:absolute; left:20px; top:20px; width:380px; height:230px; background-color:#fff;}
.ethical_management .cont_box3 .box_cont .box_wrap .left_box p {margin-top:25px; font-size:20px; font-weight:400; letter-spacing:-0.06em; color:#333; text-align:center;}
.ethical_management .cont_box3 .box_cont .box_wrap .left_box span {display:block; margin-top:25px; padding-top:60px; text-align:center; letter-spacing:-0.02em; color:#00529e; font-size:30px; line-height:35px; font-weight:500; background:url(../../images/user/contents/ethical_management_box_icon.png) no-repeat center top;}
.ethical_management .cont_box3 .box_cont .box_wrap .left_box strong {display:block; margin-top:3px; text-align:center; font-weight:300; font-size:18px; line-height:20px; color:#00529e; letter-spacing:-0.03em;}
.ethical_management .cont_box3 .box_cont .box_wrap .bu li li:before{ display: none;}
@media only screen and (max-width:1402px){
	.ethical_management .left_con{width:auto;}
	.ethical_management .cont_box2 .inner_wrap .right_con{width:auto;}
	.ethical_management .cont_box3 .inner_wrap .right_con {width:auto;}
	.ethical_management .cont_box2 .inner_wrap .right_con p br {display:none;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box {height:calc(100% - 40px);}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box p {margin-top:10px;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box strong {padding-bottom:15px;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box span {padding-top:55px; margin-top:10px;}
	.ethical_management .btn_box {margin-top:0; margin-bottom:50px; }
}
@media only screen and (max-width:1024px){
	.ethical_management .btn_box  {padding-top:0;}
	.ethical_management .num_box .cont {float:none;width:auto;height:auto;margin-bottom:30px;}
	.ethical_management .num_box .cont .inner {padding:20px 0 0 50px;}
	.ethical_management .num_box .cont .inner p {padding-right:0;}
	.ethical_management .num_box .cont.fir .inner, .ethical_management .num_box .cont.four .thi .inner {margin-right:0;}
	.ethical_management .num_box .cont .inner span {width:55px;}
	.ethical_management .cont_box2 {margin-top:0;}
	.ethical_management .cont_box3 .inner_wrap {padding-top:70px;}
	.ethical_management .cont_box3 .box_cont .box_wrap {padding: 210px 5% 20px;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box {left:0; top:0; width:94%;; height:auto;  margin:30px 3%;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box strong {padding-bottom:25px;}
	.ethical_management .cont_box3 .inner_wrap .right_con .bu.type2 li {padding-bottom:5px;}
}
@media only screen and (max-width:640px){
	.ethical_management .cont_box h4 {word-break:keep-all;}
	.ethical_management .text {font-size:18px;}
	.ethical_management .box_img {display:none;}
	.ethical_management .cont_box2 {background-size:cover;}
	.ethical_management .cont_box2 .inner_wrap .right_con .sain p {font-size:16px;}
	.ethical_management .cont_box2 .inner_wrap .right_con .sain span {font-size:16px; margin-top:5px; margin-right:10px;}
	.ethical_management .cont_box2 .inner_wrap .right_con .sain img {height:40px;}
	.ethical_management .cont_box3 .inner_wrap {padding-top:50px;}
	.ethical_management .cont_box3 .box_cont .box_wrap {padding-top: 210px;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box span {margin-top:10px;}
	.ethical_management .cont_box3 .box_cont .box_wrap .left_box p {margin-top:15px;}
	.ethical_management .cont_box li .inner h5 {font-size:20px;}
	.ethical_management .cont_box li .inner p {margin-top:5px;}
}

/* Sustainability > 윤리경영 > 인권노동 */
.human_labor .box_img {margin-top:30px;}
.human_labor .text {font-size:20px; font-weight:300; color:#333; letter-spacing:-0.05em;}
.human_labor .btn_box {margin:30px 0 0; padding:30px 0 0;}
.human_labor .mobile_box {display:none; margin-top:50px; margin-bottom:50px; padding-bottom:50px;}
.human_labor .mobile_box .img_box {text-align:center;}
.human_labor .mobile_box .img_box span {display:inline-block; position:relative; padding-bottom:80px; z-index:8;}
.human_labor .mobile_box .img_box span:after {display:inline-block; position: absolute; z-index:-1; left:50%; bottom:0; width:1px; height:80px; margin-left:-1px;  background-color:#3582c8;}
.human_labor .mobile_box .img_box span img {max-width:100%;}
.human_labor .mobile_box .circle_list li {float:left; position:relative; width:50%; padding-top:80px;}
.human_labor .mobile_box .circle_list li:after, .circle_list li:before {display:inline-block; position:absolute; left:50%; z-index:5; background-color:#3582c8;}
.human_labor .mobile_box .circle_list li:after {top:0; width:1px; height:80px; margin-left:-1px; z-index:1;}
.human_labor .mobile_box .circle_list li:nth-child(1):before {top:0; left:0; width:100%; height:1px; margin-left:50%;}
.human_labor .mobile_box .circle_list li .inner {display:table; position: relative; width:265px; height:265px; margin:0 auto; border:10px solid #f1f2f4; border-radius:50%; background-color:#fff; z-index:4;}
.human_labor .mobile_box .circle_list li .inner:before {display:inline-block; position:absolute; left:50%; top:-10px; width:15px; height:15px; margin-left:-7.5px; border-radius:50px;  background-color:#3582c8; }
.human_labor .mobile_box .circle_list li .inner p {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.human_labor .mobile_box .circle_list li .inner strong {display:block; position:relative; padding-top:95px;  font-size:24px; font-weight:400; letter-spacing:-0.01em; color:#3582c8;}
.human_labor .mobile_box .circle_list li .inner strong:before {display:block; width:100%; height:100%; position: absolute; left:0; top:0; background-image:url(../../images/user/contents/human_labor_icon.png); background-repeat:no-repeat; background-position:center top;}
.human_labor .mobile_box .circle_list li .inner span {display:block; margin-top:5px; font-size:28px; line-height:30px; font-weight:500; letter-spacing:-0.06em; color:#333;}
.human_labor .mobile_box .circle_list li:nth-child(2) strong:before {background-image:url(../../images/user/contents/human_labor_icon2.png);}
.human_labor .mobile_box .circle_list li:nth-child(3) strong:before {background-image:url(../../images/user/contents/human_labor_icon3.png);}
.human_labor .mobile_box .circle_list li:nth-child(4) strong:before {background-image:url(../../images/user/contents/human_labor_icon4.png);}
.human_labor .mobile_box .circle_list li:nth-child(5) strong:before {background-image:url(../../images/user/contents/human_labor_icon5.png);}
.human_labor .mobile_box .circle_list li:nth-child(6) strong:before {background-image:url(../../images/user/contents/human_labor_icon6.png);}
.human_labor .mobile_box .circle_list li:nth-child(7) strong:before {background-image:url(../../images/user/contents/human_labor_icon7.png);}
.human_labor .mobile_box .circle_list li:nth-child(8) strong:before {background-image:url(../../images/user/contents/human_labor_icon8.png);}
.human_labor .mobile_box .circle_list li:nth-child(9) strong:before {background-image:url(../../images/user/contents/human_labor_icon9.png);}
.human_labor .mobile_box .circle_list li:nth-child(10) strong:before {background-image:url(../../images/user/contents/human_labor_icon10.png);}
@media only screen and (max-width:1024px){
	.human_labor .btn_box {padding-top:0;}
	.human_labor .box_img {display:none;}
	.human_labor .mobile_box {display:block;}
}
@media only screen and (max-width:640px){
	.human_labor h4 {margin-bottom:5px;}
	.human_labor .text {font-size:16px;}
	.human_labor .mobile_box .img_box span {margin: 0 20%; padding-bottom:40px;}
	.human_labor .mobile_box .circle_list li {height:170px; padding-top:40px;}
	.human_labor .mobile_box .circle_list li .inner {width:145px; height:145px; margin-left:auto; margin-right:auto; border-width:5px;}
	.human_labor .mobile_box .circle_list li .inner:before {top:-5px; width:10px; height:10px; margin-left:-5px;}
	.human_labor .mobile_box .circle_list li .inner strong {padding-top:55px; font-size:16px; line-height:18px;}
	.human_labor .mobile_box .circle_list li .inner strong:before {display:inline-block; height:50px; background-size:contain;}
	.human_labor .mobile_box .circle_list li .inner span {font-size:16px; line-height:20px;}
	.human_labor .mobile_box .circle_list li .inner p {padding:10px 2%;}
}

/* Sustainability > 윤리경영 > 공정거래  */
.fair_trade .text {font-size:20px; color:#333;}
.fair_trade .num_box {margin-top:35px;}
.fair_trade .num_box .cont {float:left; width:50%; margin:25px 0;}
.fair_trade .num_box .cont .inner {position:relative; padding:35px 0 0 70px;}
.fair_trade .num_box .cont .inner span {display:inline-block; position: absolute; left:0; top:0; z-index:5; width:75px; height:58px; font-size:0; color:transparent; line-height:0; text-indent:-9999px; background-image:url(../../images/user/contents/process_num_bg.gif); background-repeat:no-repeat; background-position:left top; background-size:100%;}
.fair_trade .num_box .cont .inner p {position: relative; z-index:8; padding-right:35px; word-break:keep-all;}
.fair_trade .num_box .cont.fir .inner, .fair_trade .num_box .cont.four .thi .inner {margin-right:25px;}
.fair_trade .num_box .cont.sec .inner span {background-image:url(../../images/user/contents/process_num_bg2.gif);}
.fair_trade .num_box .cont.thi .inner span {background-image:url(../../images/user/contents/process_num_bg3.gif);}
.fair_trade .num_box .cont.fou .inner span {background-image:url(../../images/user/contents/process_num_bg4.gif);}
.fair_trade .box_img {margin-top:75px;}
@media only screen and (max-width:1024px){
	.fair_trade h4 {margin-bottom:5px;}
	.fair_trade .text {font-size:18px;}
	.fair_trade .num_box .cont {float:none; width:auto; margin-bottom:30px;}
	.fair_trade .num_box .cont .inner {padding:20px 0 0 50px;}
	.fair_trade .num_box .cont .inner p {padding-right:0;}
	.fair_trade .num_box .cont.fir .inner, .fair_trade .num_box .cont.four .thi .inner {margin-right:0;}
	.fair_trade .num_box .cont .inner span {width:55px;}
	.fair_trade .text, .fair_trade .num_box .cont  {color:#555;}
	.fair_trade .box_img {margin-top:30px;}
	.fair_trade .box_img .inner  {width:100%; height:570px;}
	.fair_trade .box_img .inner > div {position: absolute; left:50%; top:0; transform:translateX(-50%);}
	.fair_trade .box_img .inner > div img {height:570px; max-width:none;}
}

/* Sustainability > EHS경영 > EHS경영시스템
.ehs_operation p.blt {padding-left:15px;}
.ehs_operation p.blt:before {left:0;display: none;}
.ehs_operation .cont_box .left_box {float:left; width:31.45%;}
.ehs_operation .cont_box .left_box h4 {margin-top:0; padding-top:0; padding-right:40px; word-break:keep-all;}
.ehs_operation .cont_box .left_box p.blt {padding-right:40px; word-break:keep-all;}
.ehs_operation .cont_box .left_box p.blt, .ehs_operation p.blt{padding-left: 0;}
.ehs_operation .cont_box .left_box p.blt:before {left:0;display: none;}
.ehs_operation .cont_box .right_box {float:left; width:68.55%;}
.ehs_operation .cont_box .right_box ul {margin-left:-30px;}
.ehs_operation .cont_box .right_box ul li {float:left; width:50%;}
.ehs_operation .cont_box .right_box ul li .inner {position:relative; margin-left:30px; margin-bottom:30px; padding:25px 95px 25px 25px; border:1px solid #d5dbe7;box-sizing:border-box;}
.ehs_operation .cont_box .right_box ul li .inner:before {display:inline-block;position:absolute;right:25px;top:50%;width:100%;height:100%;margin-top: -26px;background-image:url(../../images/user/contents/ehs_operation_icon.png);background-repeat:no-repeat;background-position: right top;}
.ehs_operation .cont_box .right_box ul li .inner p {position:relative; padding-left:25px; font-size:17px; color:#000; word-break:keep-all;}
.ehs_operation .cont_box .right_box ul li .inner p span {display:inline-block; position:absolute; left:0; top:0; color:#999;}
.ehs_operation .cont_box .right_box ul li:nth-child(2) .inner:before {background-image:url(../../images/user/contents/ehs_operation_icon2.png);}
.ehs_operation .cont_box .right_box ul li:nth-child(3) .inner:before {background-image:url(../../images/user/contents/ehs_operation_icon3.png);}
.ehs_operation .cont_box .right_box ul li:nth-child(4) .inner {padding-right:70px;}
.ehs_operation .cont_box .right_box ul li:nth-child(4) .inner:before {background-image:url(../../images/user/contents/ehs_operation_icon4.png);}
.ehs_operation .cont_box2 {margin-top:50px;}
.ehs_operation .cont_box2 .cont_list {display:flex; flex-wrap:nowrap; margin-top:50px; padding:50px 0; text-align:center; justify-content:center;}
.ehs_operation .cont_box2 .cont_list .item {position:relative; width:25%;  transition:all .7s ease-in-out;}
.ehs_operation .cont_box2 .cont_list .item:nth-child(1) {transition-delay:.1s;}
.ehs_operation .cont_box2 .cont_list .item:nth-child(2) {margin-left:-35px; z-index:1; transition-delay:.2s}
.ehs_operation .cont_box2 .cont_list .item:nth-child(3) {margin-left:-35px; transition-delay:.3s}
.ehs_operation .cont_box2 .cont_list .item:nth-child(4) {margin-left:-35px; transition-delay:.4s;}
.ehs_operation .cont_box2 .cont_list .item .img_box {overflow:hidden; position:relative; border-radius:100%;}
.ehs_operation .cont_box2 .cont_list .item .img_box img {width:100%; opacity:.9;}
.ehs_operation .cont_box2 .cont_list .item .img_box p {position:absolute; width:100%; top:50%; transform:translate(0%, -50%)skew(-0.1deg); font-size:28px; line-height:35px; text-align:center;  letter-spacing:-0.04em; font-weight:400; color:#fff;}
.ehs_operation .cont_box2 .cont_list .item .img_box p strong {display:block; padding-top:8px; padding-bottom:8px; font-size:28px; line-height:30px; color:#fff;}
.ehs_operation .cont_box2 .cont_list .item .text_box {position:relative; margin-top:50px; margin-left:15px; text-align:left;}
.ehs_operation .cont_box2 .cont_list .item .text_box:before {display:inline-block; position:absolute; left:0; top:7px; width:1px; height:100%; background-color:#d5dbe7;}
.ehs_operation .cont_box2 .cont_list .item .text_box ul {padding-top:0; padding-left:40px; padding-right:45px;}
.ehs_operation .cont_box2 .cont_list .item .text_box ul li {color:#555;}
.ehs_operation .cont_box2 .cont_list .item:nth-child(1) .text_box:before {display:none;}
.ehs_operation .cont_box2 .cont_list.active .item {transform:translate(0, 0); opacity:1;}
.ehs_operation .cont_box3 .cont3_list {padding-top:30px; text-align:center;}
.ehs_operation .cont_box3 .cont3_list li {display:inline-block; margin:20px 0 0 50px;}
.ehs_operation .cont_box3 .cont3_list li .inner {position:relative;}
.ehs_operation .cont_box3 .cont3_list li .inner .num_box {display:inline-block; position:absolute; left:-9px; top:20px; width:105px; padding:2px 20px 20px 25px; background:url(../../images/user/contents/ehs_operation_cont_box2_top.png)no-repeat left top; font-size:20px; letter-spacing:-0.04em; color:#fff;}
.ehs_operation .cont_box3 .cont3_list li .inner .img {display:inline-block; box-sizing:border-box;}
.ehs_operation .cont_box3 .cont3_list li .inner .img img {max-width:100%;}
@media only screen and (max-width:1401px){
	.ehs_operation .cont_box3 .cont3_list li {display:block; width:48%; float:left; margin-left:1%; margin-right:1%;}
	.ehs_operation .cont_box3 .cont3_list li .inner .num_box {width:auto; font-size:16px; background-size:contain;}
}
@media only screen and (max-width:1200px){
	.ehs_operation .cont_box .left_box {float:none; width:100%;}
	.ehs_operation .cont_box .left_box h4 {padding-right:0;}
	.ehs_operation .cont_box .left_box p.blt {padding-right:0;}
	.ehs_operation .cont_box .right_box {float:none; width:100%;}
	.ehs_operation .cont_box .right_box {margin-top:20px;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul {margin-left:20px; padding-left:0;}
}
@media only screen and (max-width:1024px){
	.ehs_operation .cont_box .right_box ul {margin-left:0}
	.ehs_operation .cont_box .right_box ul li {float:none; width:100%;}
	.ehs_operation .cont_box .right_box ul li .inner {margin-left:0;margin-bottom:20px;padding: 20px 80px 20px 15px;}
	.ehs_operation .cont_box .right_box ul li .inner:before {background-size:contain; top: 50%;transform: none;margin-top: -28px;}
	.ehs_operation .cont_box2 {margin-top:0; margin-bottom:40px;}
	.ehs_operation .cont_box2 .cont_list {flex-wrap:wrap;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(2) {margin-left:-15px;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(3) {margin-left:0;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(4) {margin-left:-15px;}
	.ehs_operation .cont_box2 .cont_list .item {flex:1 1 40%;}
	.ehs_operation .cont_box2 .cont_list .item .text_box {margin-bottom:50px; padding-left:30px;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(1) .text_box {margin-left:0;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(3) .text_box:before {display:none;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul {padding-right:20px;}
}
@media only screen and (max-width:640px){
	.ehs_operation .cont_box2 .cont_list  {display:block; flex-wrap:inherit; margin-top:0; padding-bottom:0; border-bottom:1px solid #d6dde7;}
	.ehs_operation h4 {margin-bottom:5px;}
	.ehs_operation .cont_box .left_box p {font-size:16px;}
	.ehs_operation .cont_box2 .cont_list .item {flex:none; width:100%;}
	.ehs_operation .cont_box2 .cont_list .item .text_box {margin:25px 0 40px; padding-left:0;}
	.ehs_operation .cont_box2 .cont_list .item .text_box:before {display:none;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul {padding-right:0;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul li br {display:none;}
	.ehs_operation .cont_box2 .cont_list .item .img_box  {display:table; width:100%; height:280px; border-radius:0; background-image:url(../../images/user/contents/ehs_operation_cont2_bg01_m.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(2), .ehs_operation .cont_box2 .cont_list .item:nth-child(4) {margin-left:0;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(2) .img_box {background-image:url(../../images/user/contents/ehs_operation_cont2_bg02_m.jpg);}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(3) .img_box {background-image:url(../../images/user/contents/ehs_operation_cont2_bg03_m.jpg);}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(4) .img_box {background-image:url(../../images/user/contents/ehs_operation_cont2_bg04_m.jpg);}
	.ehs_operation .cont_box2 .cont_list .item .img_box p {display:table-cell ; position:static; vertical-align:middle; transform:none;}
	.ehs_operation .cont_box2 .cont_list .item .img_box p strong {display:inline-block;}
	.ehs_operation .cont_box2 .cont_list .item .img_box img {display:none;}
	.ehs_operation .cont_box3 .cont3_list {padding-top:0;}
	.ehs_operation .cont_box3 .cont3_list li {float:none; width:85%; margin-left:auto; margin-right:auto;}
}
 */


/* Sustainability > EHS경영 > EHS경영시스템 */
.ehs_operation p.blt {padding-left:0;}
.ehs_operation p.blt:before {left:0;display: none;}
.ehs_operation .btn_box {margin-top:20px; text-align:center;}
.ehs_operation .btn_box button {min-width:460px; height:85px; margin:20px; background-color:#fff; border:1px solid #dbdbdb; border-radius:0;}
.ehs_operation .btn_box button span {display:block; padding:30px 30px 30px 40px; text-align:left; background:url(../../images/user/contents/ehs_operation_arrow.png) no-repeat right center; font-size:17px; line-height:20px; color:#000; letter-spacing:-0.06em;}
.ehs_operation .cont_box2 {margin-top:50px;}
.ehs_operation .cont_box2 .cont_list {display:flex; flex-wrap:nowrap; margin-top:50px; padding:50px 0; text-align:center; justify-content:center;}
.ehs_operation .cont_box2 .cont_list .item {position:relative; width:25%;  transition:all .7s ease-in-out;}
.ehs_operation .cont_box2 .cont_list .item:nth-child(1) {/*transform:translate(100%, 0); */transition-delay:.1s;}
.ehs_operation .cont_box2 .cont_list .item:nth-child(2) {margin-left:-35px; z-index:1; transition-delay:.2s}
.ehs_operation .cont_box2 .cont_list .item:nth-child(3) {margin-left:-35px; transition-delay:.3s}
.ehs_operation .cont_box2 .cont_list .item:nth-child(4) {/*transform:translate(100%, 0); */margin-left:-35px; transition-delay:.4s;}
.ehs_operation .cont_box2 .cont_list .item .img_box {overflow:hidden; position:relative; border-radius:100%;}
.ehs_operation .cont_box2 .cont_list .item .img_box img {width:100%; opacity:.9;}
.ehs_operation .cont_box2 .cont_list .item .img_box p {position:absolute; width:100%; top:50%; transform:translate(0%, -50%)skew(-0.1deg); font-size:28px; line-height:35px; text-align:center;  letter-spacing:-0.04em; font-weight:400; color:#fff;}
.ehs_operation .cont_box2 .cont_list .item .img_box p strong {display:block; padding-top:8px; padding-bottom:8px; font-size:28px; line-height:30px; color:#fff;}
.ehs_operation .cont_box2 .cont_list .item .text_box {position:relative; margin-top:50px; margin-left:15px; text-align:left;}
.ehs_operation .cont_box2 .cont_list .item .text_box:before {display:inline-block; position:absolute; left:0; top:7px; width:1px; height:100%; background-color:#d5dbe7;}
.ehs_operation .cont_box2 .cont_list .item .text_box ul {padding-top:0; padding-left:40px; padding-right:45px;}
.ehs_operation .cont_box2 .cont_list .item .text_box ul li {color:#555;}
.ehs_operation .cont_box2 .cont_list .item:nth-child(1) .text_box:before {display:none;}
.ehs_operation .cont_box2 .cont_list.active .item {transform:translate(0, 0); opacity:1;}
.ehs_operation .cont_box3 .cont3_list {padding-top:30px; text-align:center;}
.ehs_operation .cont_box3 .cont3_list li {display:inline-block; margin:20px 0 0 50px;}
.ehs_operation .cont_box3 .cont3_list li .inner {position:relative;}
.ehs_operation .cont_box3 .cont3_list li .inner .num_box {display:inline-block; position:absolute; left:-9px; top:20px; width:105px; padding:2px 20px 20px 25px; background:url(../../images/user/contents/ehs_operation_cont_box2_top.png) no-repeat left top; font-size:20px; letter-spacing:-0.04em; color:#fff;}
.ehs_operation .cont_box3 .cont3_list li .inner .img {display:inline-block; box-sizing:border-box;}
.ehs_operation .cont_box3 .cont3_list li .inner .img img {max-width:none;}

.ehs_operation .pop {display:none;z-index:100;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.ehs_operation .pop.active {display:block;}
.ehs_operation .pop .inner {position:fixed;left:50%;top:50%;width:1400px;max-width:100%;min-height:575px;margin-left:-700px;margin-top:-287px;background-color:#fff;}
.ehs_operation .pop .inner .inwrap{padding:45px 95px;}
.ehs_operation .pop .inner .inwrap h5{margin:10px 0 35px;font-size:30px;}
.ehs_operation .pop .inner .inwrap p{font-size:20px;}
.ehs_operation .pop .inner .inwrap ul{margin-top:30px;}
.ehs_operation .pop .inner .inwrap li{font-size:17px;margin:7px 0;}
.ehs_operation .pop .inner .inwrap .sign_box{padding-top:45px;margin-top:45px;border-top:1px solid #d5dce8;text-align:right;}
.ehs_operation .pop .inner .inwrap .sign_box img{max-width:100%;}
.ehs_operation .pop .close {overflow:hidden;position:absolute;right:0;top:-41px;width:21px;height:21px;background:url(../../images/user/contents/wlcsp_pop_close.png) no-repeat 50%;font-size:0;line-height:0;color:transparent;}
@media only screen and (max-width:1401px){
	.ehs_operation .cont_box3 .cont3_list li {display:block; width:48%; float:left; margin-left:1%; margin-right:1%;}
	.ehs_operation .cont_box3 .cont3_list li .inner .num_box {width:auto; font-size:16px; background-size:contain;}

	.ehs_operation .pop {padding:2%;}
	.ehs_operation .pop .inner {position:relative;left:auto;top:auto;width:100%;min-height:0 !important;height:100%;margin:0 !important;}
	.ehs_operation .pop .close {top:0;width:40px;height:40px;background-color:#000;}
}
@media only screen and (max-width:1200px){
	.ehs_operation .cont_box2 .cont_list .item .text_box ul {margin-left:20px; padding-left:0;}
	.ehs_operation .cont_box3 .cont3_list li .inner .img img {max-width:100%;}
}
@media only screen and (max-width:1024px){
	.ehs_operation .cont_box2 {margin-top:0; margin-bottom:40px;}
	.ehs_operation .cont_box2 .cont_list {flex-wrap:wrap;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(2) {margin-left:-15px;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(3) {margin-left:0;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(4) {margin-left:-15px;}
	.ehs_operation .cont_box2 .cont_list .item {flex:1 1 40%;}
	.ehs_operation .cont_box2 .cont_list .item .text_box {margin-bottom:50px; padding-left:30px;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(1) .text_box {margin-left:0;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(3) .text_box:before {display:none;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul {padding-right:20px;}
}


@media only screen and (max-width:1000px){
	.ehs_operation .pop {overflow:hidden;opacity:0;display:block;position:relative;left:auto;top:auto;height:0;padding:0;background:none;transition:all .4s ease;}
	.ehs_operation .pop.active {opacity:1;height:100%;}
	.ehs_operation .pop .inner {padding:3% 5%;border:5px solid #d5dce8;}
	.ehs_operation .pop .inner .inwrap{padding:30px 0;}
	.ehs_operation .pop .inner .inwrap h5 {font-size:24px; line-height:1.6; margin-bottom:20px;}
	.ehs_operation .pop .inner .inwrap p {font-size:17px;}
	.ehs_operation .pop .inner .inwrap .sign_box P {font-size:17px;}
}

@media only screen and (max-width:640px){
	.ehs_operation .cont_box2 .cont_list  {display:block; flex-wrap:inherit; margin-top:0; padding-bottom:0; border-bottom:1px solid #d6dde7;}
	.ehs_operation h4 {margin-bottom:5px;}
	.ehs_operation .btn_box button {display:block; min-width:100%; height:60px; margin:10px auto;}
	.ehs_operation .btn_box button span {padding:20px 0 20px 0;}
	.ehs_operation .cont_box2 .cont_list .item {flex:none; width:100%;}
	.ehs_operation .cont_box2 .cont_list .item .text_box {margin:25px 0 40px; padding-left:0;}
	.ehs_operation .cont_box2 .cont_list .item .text_box:before {display:none;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul {padding-right:0;}
	.ehs_operation .cont_box2 .cont_list .item .text_box ul li br {display:none;}
	.ehs_operation .cont_box2 .cont_list .item .img_box  {display:table; width:100%; height:280px; border-radius:0; background-image:url(../../images/user/contents/ehs_operation_cont2_bg02_m.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(2), .ehs_operation .cont_box2 .cont_list .item:nth-child(4) {margin-left:0;}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(2) .img_box {background-image:url(../../images/user/contents/ehs_operation_cont2_bg05_m.jpg);}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(3) .img_box {background-image:url(../../images/user/contents/ehs_operation_cont2_bg03_m.jpg);}
	.ehs_operation .cont_box2 .cont_list .item:nth-child(4) .img_box {background-image:url(../../images/user/contents/ehs_operation_cont2_bg04_m.jpg);}
	.ehs_operation .cont_box2 .cont_list .item .img_box p {display:table-cell ; position:static; vertical-align:middle; transform:none;}
	.ehs_operation .cont_box2 .cont_list .item .img_box p strong {display:inline-block;}
	.ehs_operation .cont_box2 .cont_list .item .img_box img {display:none;}
	.ehs_operation .cont_box3 .cont3_list {padding-top:0;}
	.ehs_operation .cont_box3 .cont3_list li {float:none; width:85%; margin-left:auto; margin-right:auto;}
}



/* Sustainability >  EHS경영 >  EHS운영관리*/
.oper_management .top_img span {display:block; margin-bottom:40px; padding-bottom:40px;}
.oper_management .top_img span img {width:100%;}
.oper_management .cont_box {position:relative; overflow: hidden;}
.oper_management .cont_box .cont {float: left; width:33.33%; position: relative;}
.oper_management .cont_box .cont .cont_inner {margin-left:-33.33px;}
.oper_management .cont_box .cont h4 {position:relative; overflow:hidden; text-align:center; border-radius:50px; background-color:#59b0f2;}
.oper_management .cont_box .cont h4:before {display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../images/user/contents/oper_management_title_bg.png); background-repeat:repeat-x; background-position: left top;}
.oper_management .cont_box .cont h4 span {display:inline-block; position: relative; z-index:30; padding:15px 0; font-size:30px; color:#fff;}
.oper_management .cont_box .cont:first-child .cont_inner {margin-left:0;}
.oper_management .cont_box .cont.fir {transition-delay:.1s;}
.oper_management .cont_box .cont.sec {transition-delay:.2s; z-index:5;}
.oper_management .cont_box .cont.thi {transition-delay:.3s; z-index:4;}
.oper_management .cont_box .cont.sec h4 {position: relative; z-index:10; background-color:transparent}
.oper_management .cont_box .cont.sec h4:before {background-image:none; background-color:rgba(89, 89, 89, 0.8)}
.oper_management .cont_box .cont.thi h4 {background-color:#3683c8;}
.oper_management .cont_box .cont h5 {margin:0 0 15px 0; font-size:24px; font-weight:500; color:#333; letter-spacing:-0.06em;}
.oper_management .cont_box .cont ul li {border-bottom:1px solid #dde2ec;}
.oper_management .cont_box .cont ul li:last-child {border-bottom:0 none;}
.oper_management .cont_box .cont ul li .inner {position: relative; height:115px; margin:50px 0; padding:0 40px 40px 120px;  box-sizing:border-box;}
.oper_management .cont_box .cont ul li .inner:after, .oper_management .cont_box .cont ul li .inner:before {display:inline-block; position:absolute;  top:0; }
.oper_management .cont_box .cont ul li .inner:before {left:40px; top:0; width:65px; height:65px; background-image:url(../../images/user/contents/oper_management_icon.png); background-repeat:no-repeat; background-position:left center;}
.oper_management .cont_box .cont ul li .inner:after {left:14px; width:1px; height:100%; background-color:#d5dbe7;}
.oper_management .cont_box .cont ul li .inner p {color:#555; word-break:keep-all;}
.oper_management .cont_box .cont.fir ul {margin-left:0;}
.oper_management .cont_box .cont.fir ul li {margin-left:0;}
.oper_management .cont_box .cont.fir ul li .inner:after {display:none;}
.oper_management .cont_box .cont.fir ul li:nth-child(2) .inner:before {background-image:url(../../images/user/contents/oper_management_icon2.png);}
.oper_management .cont_box .cont.fir ul li:nth-child(3) .inner:before {background-image:url(../../images/user/contents/oper_management_icon3.png);}
.oper_management .cont_box .cont.sec ul li:nth-child(1) .inner:before {background-image:url(../../images/user/contents/oper_management_icon4.png);}
.oper_management .cont_box .cont.sec ul li:nth-child(2) .inner:before {background-image:url(../../images/user/contents/oper_management_icon5.png);}
.oper_management .cont_box .cont.sec ul li:nth-child(3) .inner:before {background-image:url(../../images/user/contents/oper_management_icon6.png);}
.oper_management .cont_box .cont.thi ul li:nth-child(1) .inner:before {background-image:url(../../images/user/contents/oper_management_icon7.png);}
.oper_management .cont_box .cont.thi ul li:nth-child(2) .inner:before {background-image:url(../../images/user/contents/oper_management_icon8.png);}
.oper_management .cont_box .cont.thi ul li:nth-child(3) .inner:before {background-image:url(../../images/user/contents/oper_management_icon9.png);}
@media only screen and (max-width:1401px){
	.oper_management .cont_box .cont ul li .inner p br {display:none;}
	.oper_management .cont_box .cont ul li .inner:before {left:30px;}
}
@media only screen and (max-width:1204px){
	.oper_management .cont_box .cont {float: none; width:100%; margin-bottom:80px;}
	.oper_management .cont_box .cont .cont_inner {height:auto; margin-left:0;}
	.oper_management .cont_box .cont ul li .inner {height:auto; margin:40px auto; padding-right:3%; padding-bottom:0;}
	.oper_management .cont_box .cont ul li .inner:after {display:none;}
	.oper_management .cont_box .cont h4 span {display:block; padding:12px 0;font-size:24px;}
}
@media only screen and (max-width:1024px){
	.oper_management .top_img {position:relative; height:330px; margin-bottom:50px;}
	.oper_management .top_img span {display:inline-block; position:absolute; left:50%; top:0; transform:translateX(-50%); height:100%;}
	.oper_management .top_img span img {width:auto; height:100%;}
}
@media only screen and (max-width:640px){
	.oper_management .top_img  {height:200px;}
	.oper_management .cont_box .cont h4 span {padding:15px 0; font-size:27px;}
	.oper_management .cont_box .cont h5 {font-size:24px; margin-bottom:10px;}
	.oper_management .cont_box .cont ul li .inner {padding-right:5px; padding-left:90px;}
	.oper_management .cont_box .cont ul li .inner:before {left:0;}
	.oper_management .cont_box .cont ul li .inner p {font-size:16px;}
}


/* RECRUIT > 채용절차
.recruitment .inner {position:relative; width:100%; max-width:1400px; margin:0 auto; padding:0;}
.left_right_list {max-width:1920px; margin:0 auto;}
.left_right_list .item {position:relative;}
.left_right_list .item .img_wrap {width:50%;}
.left_right_list .item .img_wrap img {width:100%; max-width:960px; height:auto;}
.left_right_list .item .inner {position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%);}
.left_right_list .item .text_wrap {position:absolute; top:50%; width:50%;transform:translateY(-50%);}
.left_right_list .right {position:relative;}
.left_right_list .right .img_wrap {float:left;}
.left_right_list .right .text_wrap {right:0; padding-left:80px;}
.left_right_list .left .img_wrap {float:right;}
.left_right_list .left .text_wrap {left:0; padding-right:80px;}
.recruitment .cont_list .item:not(:first-child){margin-top:120px;}
.recruitment .cont_list .item h4 {margin-top:0; margin-bottom:60px; padding-bottom:35px; border-bottom:1px solid #e1e1e1; font-family:'Spoqa Han Sans Neo', 'sans-serif';}
.recruitment .cont_list .item .text_list > li {position:relative; margin:35px 0; color:#555;}
.recruitment .cont_list .item .text_list > li h5 {position: absolute; left:0; top:-12px; font-size:22px; line-height:26px; color:#000;}
.recruitment .cont_list .item .text_list > li .blt, .recruitment .cont_list .item .text_list > li ul {margin-left:85px; padding-top:0; padding-bottom:0; word-break:keep-all;}
.recruitment .step_list {width:100%; margin:40px 0; padding:40px 0 0; clear:both;}
.recruitment .step_list .inner_wrap {z-index:3;}
.recruitment .step_list:after {display:block; clear:both;}
.recruitment .step_list ul {width:100%; text-align:center; font-size:0; margin-left:-25px;}
.recruitment .step_list ul li {width:16.66%;}
.recruitment .step_list ul li {display:inline-block; position:relative; padding:20px 0 0 25px;}
.recruitment .step_list ul li:after, .recruitment .step_list ul li:before {display:inline-block; position:absolute;  top:50%; z-index:50; width:48px; height:14px; background:url(../../images/user/contents/recruitment_aroow.png) no-repeat center; }
.recruitment .step_list ul li:before {left:-2px;}
.recruitment .step_list ul li:after {display:none; margin-top:-4px; left:-2px; transform:rotatey(180deg);}
.recruitment .step_list ul li:first-child:before {display:none;}
.recruitment .step_list ul li .circle {position:relative; width:100%; height:212px;  border-radius:50%;}
.recruitment .step_list ul li .circle:after, .recruitment .step_list ul li .circle:before {display:block; position:absolute;}
.recruitment .step_list ul li .circle:before {left:0; top:0; z-index:5; width:100%; height:100%;  background-image:url(../../images/user/contents/recruitment_line.png); background-repeat:no-repeat; background-position:left top; background-size:100%;}
.recruitment .step_list ul li:nth-child(even) .circle:before {background-image:url(../../images/user/contents/recruitment_line_add.png);}
.recruitment .step_list ul li:last-child .circle:before {background-image:url(../../images/user/contents/recruitment_line_finally.png);}
.recruitment .step_list ul li .circle .circle_inner {display:inline-block; position:relative; z-index:60; vertical-align:top;}
.recruitment .step_list ul li .circle span {display:block; max-width:160px; margin:0 auto; text-align:center; font-size:17px; line-height:20px; color:#333;font-weight:400;word-break:keep-all}
.recruitment .step_list ul li .circle span:before{display:block; width:100%; height:63px; margin:53px 0 15px; background:url(../../images/user/contents/recruitment_icon.png) no-repeat center;}
.recruitment .step_list ul li .circle span em {display:block; font-size:15px; color:#666;}
.recruitment .step_list ul li.fir {transition-delay:.1s;}
.recruitment .step_list ul li.sec {transition-delay:.2s;}
.recruitment .step_list ul li.thi {transition-delay:.3s;}
.recruitment .step_list ul li.fou {transition-delay:.4s;}
.recruitment .step_list ul li.fiv {transition-delay:.5s;}
.recruitment .step_list ul li.six {transition-delay:.6s;}
.recruitment .step_list ul li.sec .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon2.png);}
.recruitment .step_list ul li.thi .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon3.png);}
.recruitment .step_list ul li.fou .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon4.png);}
.recruitment .step_list ul.fou li:last-child .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon6.png);}
.recruitment .step_list ul li.fiv .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon5.png);}
.recruitment .step_list ul li.fiv .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon6.png);}
@media only screen and (max-width:1400px){
	.left_right_list .item {padding:0;}
	.left_right_list .item .img_wrap {float:none; width:100%; text-align:center;}
	.left_right_list .item .img_wrap img {max-width:none;}
	.left_right_list .item .inner {position: static; top:0; left:0; width:93%; height:auto; padding:0; transform:none;}
	.left_right_list .item .text_wrap {position:relative; top:0; left:0; right:0; width:100%; max-width:none; padding:0; margin:60px auto 0; transform:none;}
	.recruitment .step_list {margin:0 auto; padding:0;}
	.recruitment .step_list ul li:before {top:50%; transform: translatey(-4px);}
	.recruitment .step_list ul li .circle {height:100%;}
	.recruitment .step_list ul li .circle .circle_inner {display:flex; align-items:center; height:185px;}
	.recruitment .step_list ul li .circle span {max-width:none;}
	.recruitment .step_list ul li .circle span:before {margin-top:0;}
}
@media only screen and (max-width:1280px){
  .left_right_list .item .text_wrap {margin-top:30px;}
  .recruitment .cont_list .item:not(:first-child) {margin-top:80px;}
  .recruitment .cont_list .item .text{margin-top:25px;font-size:16px;}
}
@media only screen and  (max-width:1201px){
	.recruitment .cont_list .item h4 {margin-bottom:30px;}

	.recruitment .step_list ul {display:flex; flex-wrap:wrap; margin-left:0;}
	.recruitment .step_list ul li:before, .recruitment .step_list ul li:after {left:-20px;}
	.recruitment .step_list ul li {padding-left:0;}
	.recruitment .step_list ul li {width:33.33%;}
	.recruitment .step_list ul li .circle {width:165px; margin:0 auto;}
	.recruitment .step_list ul li.thi:after {display:inline-block; top:auto; bottom:-9px; left:calc(50% - 15px); margin-left:-3px; z-index:5; transform:rotate(90deg);}
	.recruitment .step_list ul.fou li.thi {order:4;}
	.recruitment .step_list ul.fou li.fou:before {display:none;}

	.recruitment .step_list ul.fiv li.fou {order:4;}
	.recruitment .step_list ul.fiv li.fou:before {display:none;}
	.recruitment .step_list ul.fiv li.fou:after {display:inline-block;}
	.recruitment .step_list ul.fiv li.fiv:before {display:none;}

	.recruitment .step_list ul.fiv li.fiv {margin-left:33.33%;}
	.recruitment .step_list ul.fiv li.fiv:before {display:none;}
	.recruitment .step_list ul.fiv li.fiv:after {display:none;}


	.recruitment .step_list ul.six li.fou {order:6;}
	.recruitment .step_list ul.six li.fou:before {display:none;}
	.recruitment .step_list ul.six li.fou:after {display:inline-block;}
	.recruitment .step_list ul.six li.fiv {order:5;}
	.recruitment .step_list ul.six li.fiv:before {display:none;}
	.recruitment .step_list ul.six li.fiv:after {display:inline-block;}
	.recruitment .step_list ul.six li.six:before {display:none;}
}
@media only screen and  (max-width:1024px){
	.recruitment .cont_list .item .text_list > li h5 {position: static;}
	.recruitment .cont_list .item .text_list > li ul {margin-left:0; padding-left:0;}
	.recruitment .cont_list .item .text_list > li .blt {margin-left:0; padding-left:15px;}
	.recruitment .cont_list .item .text_list > li .blt:before {left:0;}
}
@media only screen and  (max-width:970px){
	.recruitment .cont_list .item .text {margin-top:20px; font-size:15px;}
}
@media only screen and  (max-width:768px){
	.recruitment .list_box ul li {width:200px; height:200px;}
	.recruitment .list_box ul li .circle .inner span {font-size:18px;}
	.recruitment .list_box ul li .circle .inner span:before {height:30px; background-size:auto 100%;}
}
@media only screen and  (max-width:640px){
	.left_right_list .item {padding:0;}
	.left_right_list .item .text_wrap {margin-top:25px;}
	.recruitment .cont_list .item:not(:first-child){margin-top:60px;}
	.recruitment .cont_list .item h4 {font-size:33px;}
	.recruitment .step_list ul li {width:50% !important;}
	.recruitment .step_list ul li .circle {width:140px !important;}
	.recruitment .step_list ul li .circle span:before {width:50px; margin:0 auto; background-size:100%;}
	.recruitment .step_list ul li .circle .circle_inner {height:140px !important;}
	.recruitment .step_list ul li.sec:after, .recruitment .step_list ul li.fou:after {display:inline-block; top:auto; bottom:-19px !important; left:calc(50% - 15px); margin-left:-3px; transform:rotate(90deg);}
	.recruitment .step_list ul.six li.thi {order:4 !important;}
	.recruitment .step_list ul li.thi:before {margin-top:-4px; left:-20px; transform:rotatey(180deg);}
	.recruitment .step_list ul li.thi:after {display:none !important;}
	.recruitment .step_list ul li.fou {order:3 !important;}
	.recruitment .step_list ul li.fiv {order:5 !important;}
	.recruitment .step_list ul li.six {order:6 !important;}
	.recruitment .step_list ul.fiv li.six {margin-left:0;}
	.recruitment .step_list ul.fiv li.thi {order:4 !important;}
	.recruitment .step_list ul.fiv li.fiv:before {top:auto; bottom:-19px !important; left:calc(50% - 15px); margin-left:-3px; transform:rotate(90deg);}
	.recruitment .step_list ul.fiv li.fiv {order:3 !important;}
	.recruitment .step_list ul.six li.fiv {order:5;}
	.recruitment .step_list ul.six li.fiv:before {display:none;}
	.recruitment .step_list ul.six li.fiv:after {display:none !important;}
	.recruitment .step_list ul.six li.six:before {display:inline-block !important;}
	.recruitment .step_list ul.six li.six:after {display:none !important;}
 }
*/


/* RECRUIT > 채용절차 */
.recruitment .inner {position:relative; width:100%; max-width:1400px; margin:0 auto; padding:0;}
.left_right_list {max-width:1920px; margin:0 auto;}
.left_right_list .item {position:relative;}
.left_right_list .item .img_wrap {width:50%;}
.left_right_list .item .img_wrap img {width:100%; max-width:960px; height:auto;}
.left_right_list .item .inner {position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%);}
.left_right_list .item .text_wrap {position:absolute; top:50%; width:50%; transform:translateY(-50%); }
.left_right_list .right {position:relative;}
.left_right_list .right .img_wrap {float:left;}
.left_right_list .right .text_wrap {right:0; padding-left:80px;}
.left_right_list .left .img_wrap {float:right;}
.left_right_list .left .text_wrap {left:0; padding-right:80px;}
.recruitment .cont_list .item:not(:first-child){margin-top:120px;}
.recruitment .cont_list .item h4 {margin-top:0; margin-bottom:60px; padding-bottom:35px; border-bottom:1px solid #e1e1e1; font-family:'Spoqa Han Sans Neo', 'sans-serif';}
.recruitment .cont_list .item .text_list > li {position:relative; margin:35px 0; color:#555;}
.recruitment .cont_list .item .text_list > li h5 {position: absolute; left:0; top:-12px; font-size:22px; line-height:26px; color:#000;}
.recruitment .cont_list .item .text_list > li .blt, .recruitment .cont_list .item .text_list > li ul {margin-left:85px; padding-top:0; padding-bottom:0; word-break:keep-all;}
.recruitment .step_list {width:100%; margin:40px 0; padding:40px 0 0; clear:both;}
.recruitment .step_list .inner_wrap {z-index:3;}
.recruitment .step_list:after {display:block; clear:both;}
.recruitment .step_list ul {width:100%; text-align:center; font-size:0; margin-left:-25px;}
.recruitment .step_list ul li {display:inline-block; position: relative; width:16.66%; padding:20px 0 0 25px;}
.recruitment .step_list ul li:after, .recruitment .step_list ul li:before {display:inline-block; position:absolute; z-index:5; top:50%; z-index:50; width:48px; height:14px; background:url(../../images/user/contents/recruitment_aroow.png) no-repeat center; }
.recruitment .step_list ul li:before {left:-2px;}
.recruitment .step_list ul li:after {display:none; margin-top:-4px; left:-2px; transform:rotatey(180deg);}
.recruitment .step_list ul li:first-child:before {display:none;}
.recruitment .step_list ul li .circle {position:relative; width:100%; height:212px; border-radius:50%; z-index:3;}
.recruitment .step_list ul li .circle:after, .recruitment .step_list ul li .circle:before {display:block; position:absolute;}
.recruitment .step_list ul li .circle:before {left:0; top:0; z-index:3; width:100%; height:100%; background-image:url(../../images/user/contents/recruitment_line.png); background-repeat:no-repeat; background-position:left top; background-size:100%;}
.recruitment .step_list ul li:nth-child(even) .circle:before {background-image:url(../../images/user/contents/recruitment_line_add.png);}
.recruitment .step_list ul li:last-child .circle:before {background-image:url(../../images/user/contents/recruitment_line_finally.png);}
.recruitment .step_list ul li .circle .circle_inner {display:inline-block; position:relative; z-index:60; vertical-align:top;}
.recruitment .step_list ul li .circle span {display:block; max-width:160px; margin:0 auto; text-align:center; font-size:17px; line-height:20px; color:#333;font-weight:400;word-break:keep-all}
.recruitment .step_list ul li .circle span:before{display:block; width:100%; height:63px; margin:53px 0 15px; background:url(../../images/user/contents/recruitment_icon.png) no-repeat center;}
.recruitment .step_list ul li .circle span em {display:block; font-size:15px; color:#666;}
.recruitment .step_list ul li.fir {transition-delay:.1s;}
.recruitment .step_list ul li.sec {transition-delay:.2s;}
.recruitment .step_list ul li.thi {transition-delay:.3s;}
.recruitment .step_list ul li.fou {transition-delay:.4s;}
.recruitment .step_list ul li.fiv {transition-delay:.5s;}
.recruitment .step_list ul li.six {transition-delay:.6s;}
.recruitment .step_list ul li.sec .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon2.png);}
.recruitment .step_list ul li.thi .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon3.png);}
.recruitment .step_list ul li.fou .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon4.png);}
.recruitment .step_list ul li.fiv .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon6.png);}
.recruitment .step_list ul li.six .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon6.png);}
.recruitment .step_list ul li:last-child .circle .circle_inner span:before {background-image:url(../../images/user/contents/recruitment_icon6.png);}
@media only screen and (max-width:1400px){
	.left_right_list .item {padding:0;}
	.left_right_list .item .img_wrap {float:none; width:100%; text-align:center;}
	.left_right_list .item .img_wrap img {max-width:none;}
	.left_right_list .item .inner {position: static; top:0; left:0; width:93%; height:auto; padding:0; transform:none;}
	.left_right_list .item .text_wrap {position:relative; top:0; left:0; right:0; width:100%; max-width:none; padding:0; margin:60px auto 0; transform:none;}
	.recruitment .step_list {margin:0 auto; padding:0 auto;}
	.recruitment .step_list ul li:before {top:50%; transform: translatey(-4px);}
	.recruitment .step_list ul li .circle {height:100%;}
	.recruitment .step_list ul li .circle .circle_inner {display:flex; align-items:center; height:186px;}
	.recruitment .step_list ul li .circle span {max-width:none;}
	.recruitment .step_list ul li .circle span:before {margin-top:0;}
}
@media only screen and (max-width:1280px){
  .left_right_list .item .text_wrap {margin-top:30px;}
  .recruitment .cont_list .item:not(:first-child) {margin-top:80px;}
  .recruitment .cont_list .item .text{margin-top:25px;font-size:16px;}
}
@media only screen and  (max-width:1201px){
	.recruitment .cont_list .item h4 {margin-bottom:30px;}
	.recruitment .step_list {margin-top:0; padding-top:0;}
	.recruitment .step_list ul {display:flex; flex-wrap:wrap; margin-left:0;}
	.recruitment .step_list ul li:before, .recruitment .step_list ul li:after {left:-20px;}
	.recruitment .step_list ul li {padding-left:0;}
	.recruitment .step_list ul li {width:33.33%;}
	.recruitment .step_list ul li .circle {width:165px; margin:0 auto;}
	.recruitment .step_list ul li.fou:before {display:inline-block; top:-5px; bottom:auto; left:calc(50% - 15px); margin-left:-3px; transform: rotate(90deg);}
	.recruitment .step_list ul.fou li.fou {order:6; margin-left:66.66%;}
	.recruitment .step_list ul.fou li.thi {order:4;}
	/*.recruitment .step_list ul.fou li.fou:before {display:none;}*/
	.recruitment .step_list ul.fou li.fou:after {display:none;}
	.recruitment .step_list ul.fiv li.fou {order:4;}
	/*.recruitment .step_list ul.fiv li.fou:before {display:none;}*/
	.recruitment .step_list ul.fiv li.fou:after {display:inline-block;}
	.recruitment .step_list ul.fiv li.fiv {margin-left:33.33%;}
	.recruitment .step_list ul.fiv li.fiv:before {display:none;}

	.recruitment .step_list ul.six li.fiv {order:5;}
	.recruitment .step_list ul.six li.fiv:before {display:none;}
	.recruitment .step_list ul.six li.fiv:after {display:inline-block;}
	.recruitment .step_list ul.six li.six:before {display:none;}
}
@media only screen and  (max-width:1024px){
	.recruitment .cont_list .item .text_list > li h5 {position: static;}
	.recruitment .cont_list .item .text_list > li ul {margin-left:0; padding-left:0;}
	.recruitment .cont_list .item .text_list > li .blt {margin-left:0; padding-left:15px;}
	.recruitment .cont_list .item .text_list > li .blt:before {left:0;}
}
@media only screen and  (max-width:970px){
	.recruitment .cont_list .item .text {margin-top:20px; font-size:15px;}
}
@media only screen and  (max-width:768px){
	.recruitment .list_box ul li {width:200px; height:200px;}
	.recruitment .list_box ul li .circle .inner span {font-size:18px;}
	.recruitment .list_box ul li .circle .inner span:before {height:30px; background-size:auto 100%;}
}
@media only screen and  (max-width:640px){
	.left_right_list .item {padding:0;}
	.left_right_list .item .text_wrap {margin-top:25px;}
	.recruitment .cont_list .item:not(:first-child){margin-top:60px;}
	.recruitment .cont_list .item h4 {font-size:27px;}
	.recruitment .step_list ul li {width:50% !important;}
	.recruitment .step_list ul li .circle {width:140px !important;}
	.recruitment .step_list ul li .circle span:before {width:50px; margin:0 auto; background-size:100%;}
	.recruitment .step_list ul li .circle .circle_inner {height:140px !important;}
	.recruitment .step_list ul li:after, .recruitment .step_list ul li:before {z-index:60;}
	.recruitment .step_list ul li.fou {order:3 !important;}
	.recruitment .step_list ul li.fiv {order:5 !important;}
	.recruitment .step_list ul li.six {order:6 !important;}
	.recruitment .step_list ul li.fou:before {margin-top:-4px; left:auto; right:-24px; top:50%;  transform:rotatey(180deg);}
	.recruitment .step_list ul li.thi:before {display:inline-block; top:-2px; bottom:auto; left:calc(50% - 15px); margin-left:-3px; transform: rotate(90deg);}
	.recruitment .step_list ul li.thi:after {margin-top:-4px; left:-20px; transform:rotatey(180deg);}
	.recruitment .step_list ul.fou li.fou {margin-left:0;}
	.recruitment .step_list ul.fiv li.fiv:before {display:inline-block;top:0; bottom:auto;}
	.recruitment .step_list ul.fiv li.fou:after {display:none}
	.recruitment .step_list ul.fiv li.six {margin-left:0;}
	.recruitment .step_list ul.fiv li.six {margin-left:0;}
	.recruitment .step_list ul.fiv li.thi {order:4 !important;}
	.recruitment .step_list ul.fiv li.fiv:before {top:0; bottom:auto !important; left:calc(50% - 15px); margin-left:-3px; transform:rotate(90deg);}
	.recruitment .step_list ul.fiv li.fiv {margin-left:0; order:6 !important;}
	.recruitment .step_list ul.six li.fiv {order:5;}
	.recruitment .step_list ul.six li.fiv:before {display:none;}
	.recruitment .step_list ul.six li.fiv:after {display:none !important;}
	.recruitment .step_list ul.six li.six:before {display:inline-block !important;}
	.recruitment .step_list ul.six li.six:after {display:none !important;}
	.recruitment .step_list ul.six li.thi {order:4 !important;}
 }




@media only screen and  (max-width:1402px){
	.talent .cont_box .right_con {margin-top:30px;}
	.talent .cont_box .right_con li {padding-left:15px;}
	.talent .cont_box .right_con li:first-child {padding-left:0;}
	.talent .cont_box .right_con li .inner {padding-left:10px; padding-right:10px;}
	.talent .cont_box2 .inner_wrap {border-top:0 none; padding-top:0;}
	.talent .cont_box3  {height:auto; background-size:100% 100%;}
	.talent .cont_box3 .right_con {margin-top:20px;}
	.talent .cont_box3 .inner_wrap .right_con .bu.type2, .talent .cont_box3 .inner_wrap .right_con .blt.type2 {padding-left:18px;}
	.talent .cont_box4 .inner_wrap .right_con .circle_box > ul li .inner strong:before {background-size:55px;}
	.talent .cont_box5 .right_con .list_box .con_box.thi {margin-bottom:0;}
	/*.talent	.cont_box5 .right_con .bg img {max-width:100%;}*/
	.talent .cont_box6 .right_con > ul {margin-left:-20px;}
	.talent .cont_box6 .right_con > ul li .inner:before {left:25px;}
}

@media only screen and (max-width:1204px){
	.talent .cont_box .right_con li strong {padding-bottom:20px; font-size:22px;}
	.talent .right_con .circle_box {margin-top:30px;}
	.talent .right_con .circle_box > ul:before {background-image:url(../../images/user/contents/talent_cont_box2_m_bg.png); background-size:contain;}
	.talent .right_con .circle_box > ul > li {width:100%;}
	.talent .right_con .circle_box > ul li .inner {display:flex; flex-wrap:wrap; align-content:center; align-items:unsafe center; justify-content:center; width:305px; height:305px; margin:0 auto; padding:0 3%;}
	.talent .right_con .circle_box > ul li .inner .cont {margin-top:5px;}
	.talent .right_con .circle_box > ul li .inner strong {padding-top:80px; font-size:20px;}
	.talent .right_con .circle_box > ul li .inner strong:before {background-size:55px;}
	.talent .right_con .circle_box > ul li .inner .cont ul li span {font-size:16px;}
	.talent .cont_box4 .inner_wrap .right_con .circle_box > ul .inner {margin-top:0;}
	.talent .cont_box5 .inner_wrap .right_con .con_box.fir .inner {margin-right:150px;}
	.talent .cont_box5 .inner_wrap .right_con .con_box p {font-size:20px; line-height:32px;}
	.talent .cont_box5 .inner_wrap .right_con .con_box.fir .inner {margin-right:210px;}
	.talent .cont_box5 .right_con .list_box .con_box.sec .inner {margin-left:210px;}
	.talent.cont_box6 .right_con > ul li .inner {margin:20px 0  0 20px; padding-right:20px; padding-left:100px; padding-bottom:20px;}
}
@media only screen and  (max-width:1024px){
	.talent .cont_box {margin-bottom:50px; border-color:#787878;}
	.talent .cont_box .right_con li {width:calc(100%/3);}
	.talent .cont_box2 .inner_wrap {margin-bottom:0;}
	.talent .cont_box3 h4 {margin-bottom:20px;}
	.talent .cont_box3 .inner_wrap .right_con .list_text {height:auto; margin-bottom:20px;}
	.talent .cont_box3 .inner_wrap .right_con .list_text > .list_box {position:static; left:0; top:0; margin:8px -40px 0 -10px;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div span {margin-top:10px; margin-bottom:10px; font-size:15px; font-weight:300;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div:before {top:50%;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div span:before {top:calc(50% - 3px); right:-32px; width:22px;}

	.talent .cont_box5 .inner_wrap {padding-top:50px; padding-bottom:20px;}
	.talent .cont_box5 .inner_wrap .right_con .bg {display:none;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box {float:none; width:100%; margin-bottom:0; border-top:1px solid rgba(209, 221, 237, 0.8);}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box h4 {display:block; margin-bottom:10px;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner {padding:40px 0 20px 110px; margin-left:0; margin-right:0; background-position:20px 40px; background-size:60px;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner:before {left:20px; width:60px;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box.fir {margin-top:20px;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box.fir .inner {margin-right:0;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box.sec .inner {margin-top:0; background-position:20px 40px;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner p {margin-bottom:10px; font-size:17px; line-height:25px; text-align:left; word-break:keep-all;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner p strong {display:block; margin-bottom:10px; font-size:17px; text-align:left;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner ul {margin:10px 0; text-align:left;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner ul li {font-size:16px;}
	.talent .cont_box5 .inner_wrap .right_con .list_box .con_box .inner ul > li span {font-size:16px;}ner_wrap .right_con .list_box > div span:before {top:calc(50% - 3px); right:-32px; width:22px;}
	.talent .cont_box6 .right_con h5 {margin:0; font-size:20px;}
	.talent .cont_box6 .right_con > ul {margin-left:0;}
	.talent .cont_box6 .right_con > ul > li {float:none; width:auto; font-size:16px;}
	.talent .cont_box6 .right_con > ul li .inner {height:auto; margin-left:0; margin-right:0; padding:20px 20px 20px 90px;}
	.talent .cont_box6 .right_con > ul li .inner:before {left:20px; width:45px; margin-top:20px; background-size:100%;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div span {margin-right:40px;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div span:before {/* width:25px; *//* right:-34px; */background-size:cover;}
}

@media only screen and  (max-width:801px){
	.talent .cont_box .left_con p {font-size:18px;}
	.talent .cont_box .right_con li {width:100%; margin-bottom:0; padding:0; border-top:1px solid #d5dbe7;}
	.talent .cont_box .right_con li:last-child {border-bottom:1px solid #d5dbe7;}
	.talent .cont_box .right_con li .inner {padding:40px 1% 40px 110px; border:0 none;}
	.talent .cont_box .right_con li .inner:before {width:100px; height:100%; margin:0;  position: absolute; left:0; top:50%; transform: translatey(-50%); background-position:center center;}
	.talent .cont_box .right_con li:nth-child(2) .inner, .talent .cont_box .right_con li:nth-child(4) .inner {background-color:transparent;}
	.talent .cont_box .right_con li strong {padding-bottom:7px; text-align:left;}
	.talent .cont_box .right_con li p {padding:0; font-size:16px; line-height:25px; text-align:left;}
	.talent .cont_box .right_con li p:before {display:none;}
	.talent .cont_box .right_con li p br {display:none;}
	.talent .cont_box2 {border-top:0 none;}
	.talent .cont_box2 .box_img .inner, .talent	.cont_box4 .box_img .inner {margin:20px 4%;}

	.talent .cont_box3 {background:url(../image/talent_cont_box3_bg_m.png) no-repeat center center; background-size:cover;}
	.talent .cont_box3 .inner_wrap {margin-top:0;}
	.talent .cont_box3 .inner_wrap h5 {font-size:20px;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div {width:33.33%}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div:nth-child(3) span:before {display:none;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div:last-child span:before {display:inline-block;transform: scaleX(-1);}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div:nth-child(4), .talent .cont_box3 .inner_wrap .right_con .list_box > div:nth-child(5) {float:right; margin-top:30px;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div:nth-child(4) span:before {right:calc(50% - 11px);top: calc(-50% - 6px);transform:rotate(-270deg);background-position:center top;}
	.talent .cont_box3 .inner_wrap .right_con .list_box > div span {margin-top:5px; margin-bottom:5px;}
	.talent .cont_box3 .inner_wrap .right_con .bu.type2 {padding-left:0; margin-bottom:20px;}
	.talent .cont_box3 .inner_wrap .right_con .blt.type2 {padding-left:10px; margin-bottom:20px;}
	.talent .cont_box3 .inner_wrap .right_con .blt.type2:before {left:0;}
	.talent .cont_box4 .inner_wrap {margin-top:40px; padding-bottom:0;}
	.talent	.cont_box5 .right_con .list_box .con_box h4 {font-size:24px;}
	.talent .cont_box6 .inner_wrap {padding-top:40px;}

}

@media only screen and  (max-width:480px){

	/*.talent .cont_box3 .inner_wrap .right_con .list_box > div span {min-width:auto;}*/
}
@media only screen and  (max-width:341px){
	.talent .cont_box .right_con li .inner {padding:30px 5% 30px 110px;}
	.talent .cont_box .right_con li .inner:before {width:90px;}
}


/* IR > 투자정보 > 주주정보 */
.chart .chart_box table th span {display:inline-block; margin-right:5px;}
.chart .chart_box table th span em {position: absolute; left:-9999px; top:-9999px; font-size:1px; line-height:1px; text-indent:-9999px; color:transparent; }
.chart .btn_box {margin-top:20px;}


/* HOME > 개인정보취급방침 */
.internal_information .cont_box {position: relative;}
.internal_information .text_box h4 {margin-top:40px; margin-bottom:20px;}
.internal_information .cont_box .date {text-align:right; font-size:17px; font-weight:300; text-align:right; color:#555; letter-spacing:-0.04em;}
.internal_information .cont_box .top_text {margin-top:50px; font-size:20px; font-weight:400; color:#333;}
.internal_information .cont_box .text_box {letter-spacing:-0.04em; color:#555;}
.internal_information .cont_box .text_box .tit {margin-bottom:30px; word-break:keep-all;}
.internal_information .cont_box .text_box ul li {position:relative; margin:2px 0 3px 0; padding-left:20px; word-break:keep-all;}
.internal_information .cont_box .text_box ul li i {display:inline-block; position: absolute; left:0; top:0; letter-spacing:-0.06em;}
.internal_information .cont_box .text_box ul li > ul {padding:3px 0 3px 15px;}
.internal_information .cont_box .text_box ul li > ul > li {padding-left:25px;}
.internal_information .cont_box .text_box ul li > ul > li > i {width:18px; text-align:right;}
.internal_information .cont_box2 {margin-top:30px; margin-left:20px;}
.internal_information .last_title {margin-top:50px; padding-top:30px; border-top:1px solid #d5dce8;}
.internal_information .last_title p {padding:20px 0; font-size:30px; font-weight:500; color:#000; text-align:center;}
.internal_information .last_title span {display:block; margin:20px 0; font-weight:500; font-size:20px; line-height:24px; text-align:center; color:#333;}
.internal_information h4.title {text-align:center;}
.internal_information h5.title {margin:20px 0;padding:23px 0 13px 0; font-weight:500; color:#000;font-size:30px;line-height:34px;}
@media only screen and (max-width:640px){
	.internal_information .cont_box {padding-top:0;}
	.internal_information .cont_box .date {font-size:15px; line-height:20px;}
	.internal_information h5.title {margin:10px 0; font-size:24px; line-height:26px;}
	.internal_information .cont_box .text_box ul li > ul {padding-left:0;}
	.internal_information .last_title p {font-size:24px; line-height:26px; }
	.internal_information .last_title span {margin:0; font-size:18px;}
}


/** 국문 추가 **/

@media only screen and  (max-width:1024px){
    /* Social Contribution */
	.social_contr h4{padding-top: 0;border-top: 0;}
}
@media only screen and  (max-width:640px){
	.tab_menu .idx_tab.count2 > li:before{border-top: solid 1px #d5dbe7;}
	.tab_menu .idx_tab.count2 > li.on:before{border-top: 2px solid #0048aa;}
    .tab_menu .idx_tab li{width: 50% !important;}
    .tab_menu .idx_tab > li:first-child:before{border-top:1px solid #d5dbe7;}
    .tab_menu .idx_tab > li.on:first-child:before{border-top: 2px solid #0048aa;}

    .history .tab_menu .idx_tab li{width: 100% !important;}
}

/* 22년 추가 */
.test_lab .text {font-size: 20px;color: #333;}
.test_lab .btn_box {margin-top: 30px; margin-bottom: 50px;}
.test_lab .top_tit_box { padding-top: 20px; margin-top: 70px;border-top: 1px solid #d4dce7;text-align: center;}
.test_lab .testplatform h4{font-weight:600;}
.test_lab .table tbody th{border-left: 1px solid #d5dce8;}
.test_lab .table th:first-child{border-left: none;}
#cont_wrap .test_lab h4.tit60{text-align: left;font-weight: 500;}
#cont_wrap .test_lab h4.tit-sub{margin-top: 60px;font-size: 24px;}
#cont_wrap .test_lab h4.tit-sub.top_tit_box{padding-top:60px}

.test_agree{margin-top: 60px;padding-top: 0;}
.test_agree .agree_wrap{}
.test_agree .agree_wrap2{margin-top:50px;}
.test_agree .check_wrap{
    padding: 30px;
    border: 7px solid #eaeff7;
}
.test_agree .agree_wrap.border-lt{border-top:1px solid #d4dce7;}
.test_agree .agree_wrap p{margin: 20px 0 20px;font-weight: 600;color: #000;font-size: 24px;}
.test_agree .agree_wrap p span.label{color: #ff2525;font-size: 20px;}
.test_agree .agree_wrap.border-lt p{margin: 40px 0 0;}
.test_agree .agree_wrap p span{color: #ff2525;font-weight: 400;}
.test_agree .agree_wrap .terms_wrap{height: 155px;padding: 20px;border:1px solid #d4dce7;overflow-y: auto;}
.test_agree .agree_wrap .terms_wrap > ul{}
.test_agree .agree_wrap .terms_wrap > ul > li{
    padding-top: 10px;
    font-size: 20px;
    line-height: 30px;
}
.test_agree .agree_wrap .terms_wrap > ul > li:first-child{padding-top:0;}
.test_agree .agree_wrap .terms_wrap > ul > li > ul{}
.test_agree .agree_wrap .terms_wrap > ul > li > ul > li{
	position:relative;
	padding-left: 19px;
	font-size: 18px;
}
.test_agree .agree_wrap .terms_wrap > ul > li > ul > li:after{
	display:block;
	content:"";
	position:absolute;
	top: 13px;
	left: 7px;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#666;
}
.test_agree .agree_wrap .agree{}
.test_agree .agree_wrap .agree p{
    margin: 0;
    padding: 20px 0 0;
    font-size: 18px;
    font-weight: 300;
}
.test_agree .agree_wrap .agree > div{position:relative;margin-top: 10px;}
.test_agree .agree_wrap .agree div label{font-size: 18px;}
.test_agree .agree_wrap .agree > div > div{position:absolute;top:0;right: 0;}

.test_agree .agree_wrap .agree .checkbox {display:inline-block;position:relative;margin-left:20px;padding-left: 25px;/* top: 1px; *//* right: 0; *//* width: 20px; *//* height: 20px; *//* line-height:1; */}
.test_agree .agree_wrap .agree .checkbox:before {display:inline-block;content:'';position: absolute;top: 4px;left:0; width: 20px;height: 20px;background:url(../../images/user/sub/ico-check.png) no-repeat 0 0;/* background-size: 20px auto; */vertical-align:middle;}
.test_agree .agree_wrap .agree .checkbox input[type=checkbox] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity:0);}
.test_agree .agree_wrap .agree .checkbox.on:before {background-position-x: -20px;}

.test_agree .agree_wrap .inner_wrap.check_wrap{
    margin-top: -20px;
}
.test_agree .agree_wrap .inner_wrap.check_wrap .cont_box .agree .checkbox{padding-bottom: 12px;border-bottom:1px solid #d4dce7;}
.test_agree .agree_wrap .inner_wrap:after{display:block; clear:both; content:"";}
.test_agree .agree_wrap .inner_wrap .cont_box.left{
    float: left;
    width: 48%;
    margin-right: 2%;
}
.test_agree .agree_wrap .inner_wrap .cont_box.right{
	float: right;
	width: 48%;
	margin-left: 2%;
}
.test_agree .agree_wrap .inner_wrap .cont_box.left > p,
.test_agree .agree_wrap .inner_wrap .cont_box.right > p{margin-top: 0;}
.test_agree .agree_wrap .inner_wrap .cont_box textarea{
    width: 100%;
    border: solid 1px #d4dce7;
}
.test_agree .agree_wrap .inner_wrap .cont_box .agree .checkbox{
    display: block;
    margin: 10px 0;
    padding-left:30px;
    font-size:20px;
}
.test_agree .agree_wrap .inner_wrap .cont_box .agree .checkbox:before{top:7px}

.test_agree .agree_wrap .btn_box{margin: 30px 0 10px;}
.test_agree .agree_wrap .service{position:relative;}
.test_agree .agree_wrap .service ul{position:absolute;top: 6px;left: 0;width: calc(100% - 250px);margin-left: 250px;}

.test_agree .bbs_right .bbs_btn.list{padding: 0 140px 0 30px;}
.test_agree .bbs_right .bbs_btn.list:after{transform: scaleX(-1); left: auto;right: 30px;}

.ui-widget.ui-widget-content{z-index:999 !important;}

ul.list-field{margin-bottom:5px;position: relative;}
ul.list-field span.label{position: absolute;top: 8px;left: 0;color: #ff2525;font-size: 20px;}
ul.list-field li {position:relative;width:100%;min-height: 40px;padding: 14px 0;border-bottom: 1px solid #d4dce7;zoom:1;}
ul.list-field li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.list-field li.focus { padding-bottom:8px; border-bottom:2px solid #ed1c24; }
ul.list-field li.space { margin-top:30px; }
ul.list-field li .col {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;float:left;padding: 0 8px 0 12px;}
ul.list-field li .col:before {display:block;content:'';position:absolute;z-index:1;top: 9px;left:0;width:1px;height:24px;background-color: #d4dce7;vertical-align:middle;}
ul.list-field li .col.first:before { display:none; }
ul.list-field li .col:first-of-type:before { display:none; }
ul.list-field li .col.first { padding-left:0; }
ul.list-field li .col:first-of-type { padding-left:0; }
ul.list-field li .col.last { padding-right:0; }
ul.list-field li .col:last-of-type { padding-right:0; }
ul.list-field li .col label {display: none;position:absolute;z-index:1;top:0;left:9px;padding-left: 0;font-size: 20px;color:#999;line-height:36px;white-space:nowrap;}
ul.list-field li *::placeholder{ font-size:20px; color:#777; opacity:1; font-weight:300;}
ul.list-field li *:-ms-input-placeholder{ font-size:20px; color:#777; font-weight:300;}
ul.list-field li *::-ms-input-placeholder{ font-size:20px; color:#777; font-weight:300;}
ul.list-field li .col label small { font-size:11px; }
ul.list-field li .col.first label { left:0; }
ul.list-field li .col:first-of-type label { left:0; }
ul.list-field li .col input[type=text],
ul.list-field li .col input[type=tel],
ul.list-field li .col input[type=number],
ul.list-field li .col input[type=password],
ul.list-field li .col input[type=file],
ul.list-field li .col select {position:relative;width: calc(100% - 15px);height: 40px;margin-left: 15px;padding: 0;border: 0;color: #333;font-weight: 400;font-size: 20px;}
ul.list-field li .col .txt { padding-top:5px; padding-left:6px; font-size:16px; color:#111; }
ul.list-field li .col .btn-ty3 { position:absolute; top:0; right:0; font-size:13px; height:34px; line-height:34px; }
ul.list-field li .col .btn-ty3.btn-2 { position:absolute; top:0; right:70px; }
ul.list-field li .small-tit { display:block; margin-bottom:3px; padding-left:6px; font-size:11px; color:#666; }
ul.list-field li.full .col { width:100%; padding-left:0; padding-right:0; }
ul.list-field li.birth .col { width:33.33333%; }
ul.list-field li.email .col { width:50%; }
ul.list-field li.email .col .at {position:absolute;top:0;right: 12px;line-height:36px;}
ul.list-field li.email .col.c-1 {/* padding-right: 35px; */}
ul.list-field li.email .col.c-2 { padding-right:42px; }
ul.list-field li.phone-number .col.c-1 { width:23%; }
ul.list-field li.phone-number .col.c-2 { width:77%; }
ul.list-field li.card-number .col.c-1 { width:33%; }
ul.list-field li.card-number .col.c-2 { width:67%; }
ul.list-field li.pw .col { padding-right:54px; }
ul.list-field li.radio-tab { overflow:hidden; margin:20px 0; padding:0 1px; border-bottom:0; }
ul.list-field li.radio-tab .radio { position:relative; float:left; width:50%; }
ul.list-field li.radio-tab .radio label { display:block; margin:0 -1px; border:1px solid #ddd; background-color:#eee; line-height:34px; text-align:center; font-size:16px; color:#999; }
ul.list-field li.radio-tab .radio input[type=radio] { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; filter:alpha(opacity:0); }
ul.list-field li.radio-tab .radio.on label { position:relative; z-index:1; border-color:#111; background-color:#fff; color:#111; }
ul.list-field li .ps {/*display:none;*/clear:both;margin:0.5px 0 5.5px;/* padding-left:6px; */font-size: 18px;font-weight: 300;color:#999;letter-spacing:-0.03em;} /* 2017-06-05 : display:none 주석 해제요망 */
ul.list-field li .ps.line2 { line-height:15px; }
ul.list-field li .ps strong {color: #ff2525;font-weight: 300;}
ul.list-field li .ps .countdown { font-weight:bold; }
ul.list-field li .col.with-btn { padding-right:116px; }
ul.list-field li .flag-pw { display:none; position:absolute; top:12px; right:0; padding:0 23px 1px 0; font-size:12px; white-space:nowrap; line-height:1.1; }
ul.list-field li .flag-pw:after { display:inline-block; content:''; position:absolute; bottom:0; right:0; width:17px; height:23px; background:url(/sso/common/images/icons2.png) no-repeat 0 -238px; background-size:200px auto; vertical-align:bottom; }
ul.list-field li .flag-pw.lv1 { color:#ed1c24; }
ul.list-field li .flag-pw.lv2 { color:#ff7e00; }
ul.list-field li .flag-pw.lv3 { color:#3bc200; }
ul.list-field li .flag-pw.same { color:#3bc200; }
ul.list-field li .flag-pw.lv2:after { background-position-x:-44px; }
ul.list-field li .flag-pw.lv3:after { background-position-x:-22px; }
ul.list-field li .flag-pw.same:after { background-position-x:-66px; }
ul.list-field li.f-card .c-1 { width:100%; padding-right:42px; }
ul.list-field .detail-addr { margin:5px 10px 0 5px; font-size:16px; min-height:31px; line-height:30px; } /* 추가 */
ul.list-field li .col.sel-notext {overflow:hidden;position:absolute;top: 18px;right: 0px;width:34px;height:34px;padding:0;}
ul.list-field li .col.sel-notext:after {display:block;content:'';position:absolute;top:13px;right:11px;width: 12px; height:8px; background-color:#ddd;background: #fff url(../../images/user/sub/row3_rate_bg_new1.png) no-repeat 0 0;}
ul.list-field li .col.sel-notext:before{ z-index:1; top:0; height:100%;}
ul.list-field li .col.sel-notext select{position:absolute;top: 0px;right:0;/* width:100%; */height:100%;/* padding:0 160px 0 0; */border:1px solid #ddd;/* background: #fff url(../../images/user/sub/row3_rate_bg_new1.png) no-repeat 0 0; *//* background-size: 12px 8px; */}
ul.list-field li .col.sel-notext select *{ font-size:14px; }
ul.list-field li .col.sel-notext label{ overflow:hidden; position:absolute; width:1px; height:1px; font-size:0; color:transparent; }
ul.list-field li .col.sel-notext2 {position:relative;}
ul.list-field li .col.sel-notext2:after {display:block;content:'';position:absolute;top:4px;right:11px;width: 12px;height:8px;padding:12px 10px;border: 1px solid #ddd;background: #fff url(../../images/user/sub/row3_rate_bg_new1.png) no-repeat center center;}
ul.list-field li .col.sel-notext2:before{ z-index:1; top:0; height:100%;}

.popup_wrap .test_lab .pop {display:none;z-index:100;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.popup_wrap .test_lab .pop.active {display:block;}
.popup_wrap .test_lab .pop .inner {position:fixed;left:50%;top:50%;width:1400px;max-width:100%;min-height:517px;margin-left:-700px;margin-top:-258px;background-color:#fff;display: flex;align-content: center;}
.popup_wrap .test_lab .item:nthc-hild(2) .pop .inner {min-height:445px;margin-top:-222px;}
.popup_wrap .test_lab .item:nth-child(3) .pop .inner {min-height:478px;margin-top:-239px;}
.popup_wrap .test_lab .item:nth-child(5) .pop .inner {min-height:557px;margin-top:-278px;}
.popup_wrap .test_lab .pop .page_ready {display: flex;align-items: center;width:100%;margin: 0 auto;padding:5% 0;}
.popup_wrap .test_lab .pop .page_ready p{display:block; margin: 0 auto;}
.popup_wrap .test_lab .pop .close {overflow:hidden;position:absolute;right:0;top:-41px;width:21px;height:21px;background:url(../../images/wls/contents/wlcsp_pop_close.png) no-repeat 50%;font-size:0;line-height:0;color:transparent;}
@media only screen and (max-width: 1400px){
	.popup_wrap .test_lab .pop {padding:2%;}
	.popup_wrap .test_lab .pop .inner {display: block;position:relative;left:auto;top:auto;width:100%;min-height:0 !important;height:100%;margin:0 !important;}
	.popup_wrap .test_lab .pop .close {top:0;width:40px;height:40px;background-color:#000;}
	.popup_wrap .test_lab .cont_box .img_area img {max-width:100%;}
}
@media only screen and (max-width:1000px){
	.popup_wrap .test_lab .cont_box .img_area li {}
	.popup_wrap .test_lab .cont_box .img_area .box .box_wrap {padding:20px 5%;}
	.popup_wrap .test_lab .cont_box .text_area {padding:0;}
	.popup_wrap .test_lab .pop {overflow:hidden;opacity:0;display:block;position:relative;left:auto;top:auto;height:0;padding:0;background:none;transition:all .4s ease;}
	.popup_wrap .test_lab .pop.active {opacity:1;height:100%;}
	.popup_wrap .test_lab .pop .inner {padding:3% 4%;border:5px solid #d5dce8;}
	.popup_wrap .test_lab .pop .inner:before {display:none;}
}
@media only screen and (max-width:800px){
	.popup_wrap .test_lab .cont_box {padding:40px 0;}

}
@media only screen and (max-width:640px){
	.test_lab_wrap .tab_menu .idx_tab li{width: 100% !important;}
}

@media only screen and (max-width:1401px){
	.test_agree .agree_wrap .inner_wrap{width:100%;}
}
@media only screen and (max-width:1024px){
	.test_lab .text, .test_agree .agree_wrap .terms_wrap > ul > li{font-size:18px;}
	.test_agree .agree_wrap p{margin-bottom:10px;font-size: 22px;}
	.test_agree .agree_wrap .terms_wrap{height: 145px;padding:10px;}
	.test_agree .agree_wrap .terms_wrap > ul > li > ul > li, .test_agree .agree_wrap .agree p, .test_agree .agree_wrap .agree div label{font-size:16px;}
	.test_agree .agree_wrap .agree p{padding-top:10px}
	.test_agree .agree_wrap .agree > div{margin-top: 5px;}
	.test_agree .agree_wrap .agree > div > div{position: relative;margin-top: 10px;}
	.test_agree .agree_wrap .agree .checkbox:first-child{margin-left:0;}
	.test_agree .agree_wrap2{margin-top: 30px;}
    .test_agree .agree_wrap.border-lt p{margin-top:20px;}
    ul.list-field li{min-height:36px; padding: 10px 0;}
    ul.list-field li .col input[type=text], ul.list-field li .col input[type=tel], ul.list-field li .col input[type=number], ul.list-field li .col input[type=password], ul.list-field li .col input[type=file], ul.list-field li .col select{font-size: 18px;}
    ul.list-field li *::placeholder{ font-size:18px;}
	ul.list-field li *:-ms-input-placeholder{ font-size:18px;}
	ul.list-field li *::-ms-input-placeholder{ font-size:18px;}
	.test_agree .agree_wrap .inner_wrap{width:100%;}
    .test_agree .agree_wrap .inner_wrap .cont_box.left, .test_agree .agree_wrap .inner_wrap .cont_box.right{float:none; width:100%;}
    .test_agree .agree_wrap .inner_wrap .cont_box.right{margin-top:30px;}
    .test_agree .agree_wrap .inner_wrap .cont_box .agree .checkbox{font-size:18px;}
    .test_agree .agree_wrap .service ul{position:relative;top: 0;width: 100%;margin: 0;}
    .test_agree .agree_wrap .service ul.list-field li{padding: 0 0 10px;}
    .bbs_btn_wrap .left{float:left}
    .test_agree .left .bbs_btn.list{padding: 0 20px 0 70px;}
    .test_agree .bbs_right .bbs_btn.list{padding: 0 70px 0 20px;}
    .test_agree .left .bbs_btn.list:after{left: 20px;}
    .test_agree .bbs_right .bbs_btn.list:after{right:20px;}
    #cont_wrap .test_lab h4.tit60{margin-top: 60px;}
	#cont_wrap .test_lab h4.tit-sub{margin-top: 30px;margin-bottom: 0;}
	#cont_wrap .test_lab h4.tit-sub.top_tit_box{padding-top: 30px;}
}

.vision-content__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	max-width: 102rem;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.vision .future .vision-content__title {
	font-size: 7rem;
	line-height: 8.2rem;
	color: #111827;
}

.vision .future .vision-content__description {
	padding-top: 4.5rem;
	font-size: 2.6rem;
	line-height: 4.2rem;
	/*color: #009d1a;*/
	color: #0E3571;
}

.vision .future .vision-content__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 5rem;
	gap: 0rem 3rem;
}

	.vision .future .vision-content__list strong {
		display: block;
		width: 100%;
		font-size: 2.4rem;
		text-align: center;
		letter-spacing: -0.5px;
	}

	.vision .future .vision-content__list > .span_box {
		/*.vision .future .vision-content__list > span {*/
		position: relative;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		/*width: 30rem;
            height: 30rem;*/
		width: 20rem;
		height: 20rem;
		margin-top: 2rem;
		/*padding-bottom: 7.4rem;*/
		padding-bottom: 6.4rem;
		border-radius: 50%;
		/*border: 0.2rem solid #00e600;*/
		border: 0.2rem solid #0E3571;
		background: #ffffff;
		box-shadow: 0rem 0.8rem 1.6rem 0rem rgba(0, 0, 0, 0.18);
		/*font-size: 2.4rem;*/
		font-size: 1.5rem;
		color: #111827;
	}
/*.vision-content__list > span:nth-of-type(1):before {
	background-image: url(../image/developing.png);
}*/
	/*.vision .future .vision-content__list > span:before {*/
	.vision .future .vision-content__list > .span_box:before {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		/*top: 5.4rem;*/
		top: 1rem;
		transform: translateX(-50%);
		width: 8rem;
		height: 8rem;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

/*.vision-content__list > span:nth-of-type(1):before {
	background-image: url(../image/development.png);
}
.vision-content__list > span:nth-of-type(2):before {
	background-image: url(../image/semiconductor.png);
}
.vision-content__list > span:nth-of-type(3):before {
	background-image: url(../image/software-application.png);
}
.vision-content__list > span:nth-of-type(4):before {
	background-image: url(../image/iot.png);
}*/
.vision-content__list > .image_tag1:before {
	background-image: url(../image/development.png);
}

.vision-content__list > .image_tag2:before {
	background-image: url(../image/semiconductor.png);
}

.vision-content__list > .image_tag3:before {
	background-image: url(../image/software-application.png);
}

.vision-content__list > .image_tag4:before {
	margin-left:8px;
	background-image: url(../image/iot.png);
}
.vision .future .vision-content__list > span:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	/*top: 5.4rem;*/
	top: 2rem;
	transform: translateX(-50%);
	width: 7rem;
	height: 7rem;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
caption {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	background: 0 0;
	font-size: 0;
	color: transparent;
	line-height: 0;
	text-indent: 100%;
}
/*
.vision-content__list .img_span1:before {
	display:block;
	background-image: url(../image/developing.png) !important;
}*/