@charset "utf-8";

/* basic */
.pc_only{display:block;}
.m_only{display:none;}

@media all and (max-width:1000px){
	.pc_only{display:none;}
	.m_only{display:block;}	
}

/* sub_tit */
.sub_tit{text-align:center;}
.sub_tit h3{font-size:40px; color:#000; letter-spacing:-0.025em; font-weight:bold; margin:0;}
.sub_tit p.f26{font-size:26px; }
.sub_tit p{font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:200;}


.intro_con01{padding:70px 0 60px}



/* 회사개요 */


.intro_con02{background:#fbfbfb; padding:60px 0 100px;}
.intro_con02 .tt_text{text-align:center;}
.intro_con02 .tt_text i{display:inline-block; line-height:0.9; vertical-align:top; font-size:137px; color:#ece8ed; letter-spacing:-0.025em; font-weight:bold; font-style:normal;}
.intro_con02 .tt_text span{display:inline-block; vertical-align:middle; font-size:36px; color:#222; letter-spacing:-0.025em; padding:25px 10px 0 10px; font-weight:bold;}
.intro_con02 p{text-align:center; font-size:18px; color:#444; letter-spacing:-0.025em; font-weight:200;}
.intro_con02 ul{margin:60px auto; max-width:1060px; border:1px dashed #bfbcc0; box-sizing:border-box; border-radius:300px; padding:10px; box-sizing:border-box;}
.intro_con02 ul li{width:380px; height:380px; display:inline-block; vertical-align:top; border-radius:50%; background:#fcf; position:relative;}
.intro_con02 ul li .text{text-align:center; position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.intro_con02 ul li .text img{display:inline-block; vertical-align:top;}
.intro_con02 ul li .text p{font-size:22px; color:#590762; letter-spacing:-0.025em; font-weight:bold; margin:15px auto;}
.intro_con02 ul li .text .hr{width:20px; height:2px; background:#560460; margin:20px auto;}
.intro_con02 ul li .text span{font-size:16px; color:#fff; letter-spacing:-0.025em; display:block;}
.intro_con02 ul li .text h5{margin:0; font-size:26px; color:#fff; letter-spacing:-0.025em; font-weight:bold;}
.intro_con02 ul li:nth-of-type(1){background:rgba(70,73,124,0.4);}
.intro_con02 ul li:nth-of-type(2){background:rgba(89,47,113,0.4); margin-left:-55px; margin-right:-55px;}
.intro_con02 ul li:nth-of-type(3){background:rgba(141,36,97,0.4);}
.intro_con02 table{width:100%; max-width:1060px; margin:0 auto; border-top:2px solid #313032;}
.intro_con02 table tr{border-bottom:1px solid #d8d8d8;}
.intro_con02 table tr th{width:15%; text-align:left; padding:20px;font-size:18px; color:#222; letter-spacing:-0.025em; font-weight:500; background:#f5f5f5;}
.intro_con02 table tr td{width:35%; padding:20px 30px; font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:300; background:#fff;}

.intro_con03{padding:80px 0 60px;}
.intro_con03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.intro_con03 .after{margin-top:60px;}
.intro_con03 .after .img_box{width:50%; float:left;}
.intro_con03 .after .img_box img{width:100%;}
.intro_con03 .after .text{width:calc(50% + 60px); float:left; margin-left:-60px;}
.intro_con03 .after .text p{padding:60px 0 30px; font-size:36px; color:#222; letter-spacing:-0.025em; font-weight:200; line-height:46px;}
.intro_con03 .after .text p em {font-style:normal; }
.intro_con03 .after .text span{display:block; font-size:18px; color:#666; letter-spacing:0em; font-weight:200;}

.intro_con04 .box{border:1px solid #e5e5e5; box-sizing:border-box; padding:60px; text-align:center;}
.intro_con04 .box h3{font-size:32px; color:#570460; font-weight:500;}
.intro_con04 .box .hr{width:20px; height:2px; background:#560460; margin:30px auto;}
.intro_con04 .box p{font-size:18px; color:#444; font-weight:200;}

.intro_con05{text-align:center; padding:60px 0 10px;}
.intro_con05 h3{font-size:32px; color:#570460; font-weight:500;}
.intro_con05 .hr{width:20px; height:2px; background:#560460; margin:30px auto;}
.intro_con05 p{font-size:18px; color:#444; font-weight:200;}

.intro_con06{background:#f9f9f9; padding:60px 0 110px;}
.intro_con06 ul{text-align:center; letter-spacing:-4px; font-size:0;}
.intro_con06 ul li{width:calc(30% - 100px); margin:0 70px; display:inline-block; vertical-align:top;}
.intro_con06 ul li .one_box{margin:0 auto; width:220px; height:220px; border-radius:50%; border:3px solid #2a2d5b; box-sizing:border-box; background:#fff; position:relative;}
.intro_con06 ul li .one_box .center{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.intro_con06 ul li .one_box .center span{display:block; font-size:14px; color:#666; font-weight:200; letter-spacing:0em;}
.intro_con06 ul li .one_box .center p{font-size:22px; color:#42456e; font-weight:bold; letter-spacing:0em;}
.intro_con06 ul li .one_box:before{content:""; width:1px; height:40px; background:#2a2d5b; position:absolute; left:50%; bottom:-20px;}
.intro_con06 ul li > p{font-size:16px; color:#666; letter-spacing:0em; font-weight:200; padding:40px 0;}
.intro_con06 ul li:nth-of-type(2) .one_box{border-color:#4b3382;}
.intro_con06 ul li:nth-of-type(2) .center p{color:#4b3382;}
.intro_con06 ul li:nth-of-type(2) .one_box:before{background:#4b3382}
.intro_con06 ul li:nth-of-type(3) .one_box{border-color:#6f369a;}
.intro_con06 ul li:nth-of-type(3) .center p{color:#6f369a;}
.intro_con06 ul li:nth-of-type(3) .one_box:before{background:#6f369a}
.intro_con06 ul li:nth-of-type(4) .one_box{border-color:#9a5db4;}
.intro_con06 ul li:nth-of-type(4) .center p{color:#9a5db4;}
.intro_con06 ul li:nth-of-type(4) .one_box:before{background:#9a5db4}
.intro_con06 ul li:nth-of-type(5) .one_box{border-color:#ca65b6;}
.intro_con06 ul li:nth-of-type(5) .center p{color:#ca65b6;}
.intro_con06 ul li:nth-of-type(5) .one_box:before{background:#ca65b6}
.intro_con06 ul li:nth-of-type(6) .one_box{border-color:#c35692;}
.intro_con06 ul li:nth-of-type(6) .center p{color:#c35692;}
.intro_con06 ul li:nth-of-type(6) .one_box:before{background:#c35692}

@media all and (max-width:1200px){
	.intro_con02 ul{max-width:920px;}
	.intro_con02 ul li{width:340px; height:340px;}
	.intro_con02 ul li:nth-of-type(2){margin-left:-65px; margin-right:-65px;}
	.intro_con02 table tr th{width:20%;}
	.intro_con02 table tr td{width:30%;}

	.intro_con03 .after .img_box{width:50%;}
	.intro_con03 .after .text{padding-left:30px; box-sizing:border-box; width:50%; margin:0;}

	.intro_con06 ul li{margin:0 30px; width:calc(30% - 60px)}
	.intro_con06 ul li > p br{display:none}

}
@media all and (max-width:1000px){

	.intro_con02 .tt_text i{font-size:80px;}
	.intro_con02 .tt_text span{font-size:34px; padding:15px 10px;}

	.intro_con02 ul{max-width:380px; border-width:2px;}
	.intro_con02 ul li{width:360px; height:360px; display:block;}
	.intro_con02 ul li:nth-of-type(2){margin:-20px auto;}
	.intro_con02 table{max-width:100%; display:block;}
	.intro_con02 table tbody{display:block; width:100%}
	.intro_con02 table tr{display:block; width:100%}
	.intro_con02 table tr th{display:block; width:100%; box-sizing:border-box;}
	.intro_con02 table tr td{display:block; width:100%; box-sizing:border-box;}

	.intro_con03 .after .img_box{width:100%; float:none;}
	.intro_con03 .after .text{width:100%; float:none; padding:0; text-align:center;}

	.intro_con06 ul li{width:calc(50% - 30px); margin:0 15px;}
}



/* 서브 공통 탭 */
.sub_tab ul {margin-bottom:100px;}
.sub_tab ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sub_tab ul li{width:33.333333%; height:65px; display:table; float:left; border:1px solid #ededed;  box-sizing:border-box; }
.sub_tab ul li:last-child{border-right:1px solid #ededed;}
.sub_tab ul li a{display:table-cell; vertical-align:middle; font-size:18px; color:#888; letter-spacing:-0.045em; text-align:center;}
.sub_tab ul li.on a{background:#570961; color:#fff}
.sub_tab_con h5{font-size:26px; color:#2e2e2e; letter-spacing:-0.045em; font-weight:bold; text-align:center; margin:0;}
.sub_tab_con h5 span {color:#a752b2;}



/* 회사소개 - 개요 */
.summary01{text-align:center; padding:0 20px;}
.summary01 .inner > img{display:inline-block; vertical-align:middle;}
.summary01 h5{font-size:36px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin:0 0 100px;}
.summary01 .inner p {font-size:16px; color:#222; text-align:left; float:left; padding-bottom:90px; margin-left:50px;}
.summary01 ul{margin-top:40px;}
.summary01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.summary01 ul li{overflow:hidden; width:calc(29% - 100px); margin:0 70px; display:inline-block; vertical-align:top;}
.summary01 ul li .img_box{overflow:hidden; width:100%; position:relative;}
.summary01 ul li .img_box img{width:59px; height:auto; }
.summary01 ul li .img_box .img_text{padding:35px 20px 10px; box-sizing:border-box; width:160px; height:160px; background:url('/img/hire_con01_img_text_bg.png')no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.summary01 ul li .img_box .img_text span{position:relative; z-index:2; display:block; font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:500;}
.summary01 ul li .img_box .img_text p{position:relative; z-index:2; font-size:20px; color:#2e2e2e; letter-spacing:-0.025em; font-weight:bold; margin-top:5px; line-height:30px;}
.summary01 ul li .text p{font-size:18px; color:#7e1b8b; letter-spacing:-0.025em; margin-top:30px; margin-bottom:20px; font-weight:bold;}
.summary01 ul li .text span{font-size:16px; color:#666; letter-spacing:-0.025em; display:inline-block; text-align:left; padding-bottom:40px; }

.summary01 img{display:block; max-width:100%; margin:0 auto; padding:0 30px; box-sizing:border-box;}

.summary01 .inner .stitle {float:left; width:20%; font-size:22px; color:#222; font-weight:600; text-align:left;}

@media all and (max-width:1250px){
    .summary01 .inner .stitle {width:100%;}
    .summary01 .inner p {margin-left:0;}
}

@media all and (max-width:1000px){
    .summary01 .inner p {padding-bottom:50px; margin-left:0;}
    .summary01 .inner .stitle {float:none; width:100%;}
}


.summary02 {padding:0 20px 90px; clear:both; content:""; display:block;}
.summary02 .inner .stitle {float:left; width:20%; font-size:22px; color:#222; font-weight:600; text-align:left;}

.summary02 table{width:76%; float:right; border-top:2px solid #8c139c; margin-bottom:80px;}
.summary02 table tr{border-bottom:1px solid #d8d8d8;}
.summary02 table tr th{width:20%; text-align:left; padding:20px;font-size:18px; color:#141414; letter-spacing:-0.025em; font-weight:500; border-right:1px solid #d8d8d8;}
.summary02 table tr td{width:80%; padding:20px 30px; font-size:16px; color:#222; letter-spacing:-0.025em; font-weight:300; background:#fff;}

@media all and (max-width:1250px){
    .summary02 table {width:100%;}
    .summary02 .inner .stitle {float:none; width:100%;}    
    .summary02 table tr th{width:20%; border-right:0;}
	.summary02 table tr td{width:80%; padding-left:20px;}
}

@media all and (max-width:1000px){
    .summary02 table {width:100%;}
    .summary02 .inner p {padding-bottom:50px;}
    .summary02 .inner .stitle {float:none; width:100%;}
    
    .summary02 table{max-width:100%; display:block;}
	.summary02 table tbody{display:block; width:100%}
	.summary02 table tr{display:block; width:100%}
	.summary02 table tr th{display:block; width:100%; box-sizing:border-box; border-bottom:1px solid #e7e7ed;}
	.summary02 table tr td{display:block; width:100%; box-sizing:border-box;}    
}




.summary03{padding:80px 20px 90px; background:#fbfafe; clear:both; content:""; display:block;}
.summary03 .tit{text-align:center;}
.summary03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.summary03 .after .img_box{width:300px; float:left; text-align:right;}
.summary03 .after .img_box img{width:222px; height:auto;}
.summary03 .after .text{width:50%; float:left; box-sizing:border-box;}
.summary03 .after .text h5{font-size:38px; color:#fff; padding:20px 0 25px; letter-spacing:-0.07em; font-weight:600; margin:0; text-align:left;}
.summary03 .after .text h5 span{color:#fbd1b5;}
.summary03 .after .text p{font-size:20px; color:#c8c9ec; letter-spacing:-0.025em;}
.summary03 .after .stitle {float:left; width:20%; font-size:22px; color:#222; font-weight:600;}
.summary03 .after dl {float:left; margin-left:50px;}
.summary03 .after dl dt {font-size:20px; color:#e6007e; margin-bottom:10px;}
.summary03 .after dl dd {font-size:16px; color:#222; margin-bottom:40px;}


@media all and (max-width:1200px){
    .summary03 .after .text h5{padding:45px 0 25px;}
    .summary03 .after .img_box {width:150px;}
    .summary03 .after .img_box img{width:140px; height:auto; margin-left:70px;}
    .summary03 .after .stitle {float:none; width:100%;}
    .summary03 .after dl {margin-left:0;}
}

@media all and (max-width:1000px){
    .summary03 .after .text{width:100%; float:none; padding:30px 0;}
	.summary03 .after .img_box{width:200px; float:none;}
	.summary03 .after .img_box img{width:222px; height:auto;}
    .summary03 .after .stitle {float:none;  width:100%;}
    .summary03 .after dl {margin-left:0;}
}



/* 회사소개 - 인재상 */

.person01{text-align:center; padding-bottom:100px;}
.person01 .inner > img{display:inline-block; vertical-align:middle;}
.person01 h5{margin:0; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500;}
.person01 h5 span{margin:0; font-size:38px; color:#e6007e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.person01 .inner p {font-size:20px; color:#7d7d7d; margin-top:24px;}
.person01 .person_box{margin-top:70px;}
.person01 .person_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.person01 .person_box li{width:calc(25% - 60px); float:left; position:relative; padding:0 30px;}
.person01 .person_box li:before{content:""; display:block; width:38px; height:38px; background:url('../img/person_con01_plus.png')no-repeat center / cover; position:absolute; right:-10px; top:12%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.person01 .person_box li:last-child:before{display:none}
.person01 .person_box li img{display:inline-block; vertical-align:top; max-width:100%;}
.person01 .person_box li p{font-size:24px; color:#222; padding:20px 0; text-align:center; letter-spacing:-0.045em; font-weight:600;}
.person01 .person_box li > dl dt {font-size:18px; color:#e6007e; margin-bottom:10px;}
.person01 .person_box li > dl dd {text-align:left; font-size:16px; color:#585858; line-height:28px;}



@media all and (max-width:1200px){
    .person01 .person_box li:before{content:""; display:block; width:38px; height:38px; background:url('../img/person_con01_plus.png')no-repeat center / cover; position:absolute; right:-10px; top:12%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
    .person01 .person_box li img{width:60px;}
}

@media all and (max-width:1000px){
	.person01 .person_box li{width:calc(50% - 60px); margin-bottom:40px;}
	.person01 .person_box li:nth-of-type(2n):before{display:none}
    .person01 .person_box li img{width:80px;}
}


.person02{padding:90px 200px 80px; text-align:center; background:url(../img/person_bg.jpg)no-repeat;}
.person02 .hire_box{margin-top:70px; border-top:1px solid #8c139c;}
.person02 .hire_box:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.person02 .hire_box li{width:25%; float:left; position:relative;}
.person02 .hire_box li:last-child:before{display:none}
.person02 .hire_box li img{display:inline-block; vertical-align:top; max-width:100%;}
.person02 .hire_box li p{font-size:20px; color:#2e2e2e; padding:20px 0; text-align:center; letter-spacing:-0.045em}
.person02 .hire_box li span {width:21px; height:21px; background:#8c139c; border-radius:21px;  display:inline-block; position:absolute; top:-11px; left:calc(50% - 10px);}

.person02 .hire_box li dl {padding-top:32px;}
.person02 .hire_box li dl dt {font-size:14px; color:#8c139c;}
.person02 .hire_box li dl dd {font-size:20px; color:#222;}

@media all and (max-width:1200px){
    .person02{padding:90px 50px 80px;}
	.hire_box ul li img{width:150px;}
}
@media all and (max-width:1000px){
    .person02{padding:90px 30px 80px;}
	.hire_box ul li{width:50%;}
	.hire_box ul li:nth-of-type(2n):before{display:none}
}






/* 회사소개 - 사업실적 */
.business01 {max-width:1200px; margin:0 auto 150px; letter-spacing:0; overflow:hidden;}

.business_select{text-align:right; font-size:0; margin:80px 0 20px;}
.business_select select{border:1px solid #e7e7ed; background:#fff url('../img/select_btn.png')no-repeat center right 10px; padding:0 25px 0 10px; width:220px;  height:50px; -webkit-appearance: none; 
-webkit-border-radius: 0; font-size:16px; color:#666; border-color:#e7e7ed; vertical-align:middle;}
.business_select select::-ms-expand { display:none; }

.business_table table{width:100%; border-top:2px solid #8c139c; table-layout:fixed;}
.business_table table tr{border-bottom:1px solid #e1e3e4; font-size:0;}
.business_table table tr th{height:47px; padding:0 10px; font-size:14px; color:#001e26; font-weight:bold; line-height:1.4; background:#fbfafe;}
.business_table table tr td{height:45px; font-size:15px; padding:5px 10px; color:#383838; text-align:center; line-height:1.3;word-break:break-all;}


@media all and (max-width:1000px){

    .business_select {margin-top:30px;}
 /*   .business_table table{display:block;}
	.business_table table tr{display:block; position:relative; overflow:hidden; padding:15px 0;}
	.business_table table thead{display:none;}
	.business_table table tbody{display:block;}
	.business_table table tr td{display:block; text-align:left; height:auto; min-height:18px; font-size:16px; padding:0; box-sizing:border-box; margin:10px 10px 10px 0; color:#666;}
*/
	
}


@media all and (max-width:770px){
	.business01 {padding:0 15px;}
}


.business_table table .w10p{width:10%;}
.business_table table .w20p{width:20%;}
.business_table table .w30p{width:30%;}
.business_table table .w40p{width:40%;}
.business_table table .w50p{width:50%;}
.business_table table .w60p{width:60%;}
.business_table table .w70p{width:70%;}
.business_table table .w80p{width:80%;}
.business_table table .w90p{width:90%;}
.business_table table .w100p{width:100%;}


/* 회사소개 - 조직도 */
.organization01 {margin:0 0 138px;}
.organization01 .inner > img{display:inline-block; vertical-align:middle;}
.organization01 .img_box{background:#f7f7f7; max-width:100%; padding:80px 20px 90px; }
.organization01 .img_box img{display:block; max-width:100%; margin:0 auto; padding:0; box-sizing:border-box;}

@media all and (max-width:1000px){
    .organization01 .img_box{background:#f7f7f7; max-width:100%; padding:20px 20px 30px; }
}


/* 회사소개 - 찾아오시는 길 */
.location {margin:0 0 90px; min-height:1690px;}
.location01 {clear:both; content:""; display:block;}
.location01 .inner .stitle {float:left; width:20%; font-size:30px; color:#222; font-weight:600; text-align:left;}

#map {width:80%; height:400px; background:#ddd; float:left; text-align:right;}

.location01 table{width:80%; float:right; margin-bottom:50px;}
.location01 table tr{border-bottom:1px solid #d8d8d8;}
.location01 table tr th{width:15%; text-align:left; padding:20px;font-size:16px; color:#222; letter-spacing:-0.025em; font-weight:normal; vertical-align:top;}
.location01 table tr td{width:85%; padding:20px 30px; font-size:16px; color:#222; letter-spacing:-0.025em; font-weight:300; background:#fff;}
.location01 table tr td span {font-size:18px; font-weight:500;}
.location01 table tr td .info li {line-height:30px; position:relative;}
.location01 table tr td .info li.mb {margin-bottom:15px;}
.location01 table tr td .info li a {border:1px solid #363636; padding:10px 20px; color:#222; position:absolute; right:0; bottom:0;}
.location01 table tr td .info li a img {vertical-align:middle; padding-left:6px;}
.location01 table tr td .info li .traffic {width:53px; height:24px; border-radius:24px;  font-size:14px; color:#fff; display:inline-block; text-align:center; line-height:24px; font-weight:200; margin-right:12px;}
.location01 table tr td .info li .subway {width:24px; height:24px; border-radius:24px;  font-size:14px; color:#fff; display:inline-block; text-align:center; line-height:24px; font-weight:200; margin-right:4px;}
.location_b {background:#4060b3;}
.location_g {background:#5ca136;}
.location_r {background:#d40216;}
.location_r2 {background:#a71e31;}
.location_s {background:#5ea9dd;}
.location_1 {background:#263c96;}
.location_2 {background:#5ca136;}
.location_7 {background:#697215;}



@media all and (max-width:1250px){
    .location01 table {width:100%;}
    .location01 .inner .stitle {float:none; width:100%;}    
    .location01 table tr th{width:15%; border-right:0;}
	.location01 table tr td{width:85%;}
    #map {width:100%; height:400px; background:#ddd; float:left; text-align:right;}
}

@media all and (max-width:1000px){
    .location01 table {width:100%;}
    .location01 .inner p {padding-bottom:50px;}
    .location01 .inner .stitle {float:none; width:100%;}
    
    .location01 table{max-width:100%; display:block;}
	.location01 table tbody{display:block; width:100%}
	.location01 table tr{display:block; width:100%}
	.location01 table tr th{display:block; width:100%; box-sizing:border-box; border-bottom:1px solid #e7e7ed;}
	.location01 table tr td{display:block; width:100%; box-sizing:border-box;}    
}

@media all and (max-width:640px){
    .location01 table tr td .info li a {border:1px solid #363636; padding:10px 20px; color:#222; position:static; display:inline-block; margin-top:20px;}
    .location01 table tr td .info li a img {vertical-align:middle; padding-left:6px;}
}




/* ERP - 패션/유통 */
.fashion_erp01{text-align:center; padding-bottom:100px;}
.fashion_erp01 .inner > img{display:inline-block; vertical-align:middle;}
.fashion_erp01 h5{margin:0; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.fashion_erp01 .inner p {font-size:20px; color:#7d7d7d; margin-top:24px; padding-bottom:90px;}
.fashion_erp01 ul{margin-top:40px;}
.fashion_erp01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.fashion_erp01 ul li{overflow:hidden; width:calc(29% - 100px); margin:0 70px; display:inline-block; vertical-align:top;}
.fashion_erp01 ul li .img_box{overflow:hidden; width:100%; position:relative;}
.fashion_erp01 ul li .img_box img{width:59px; height:auto; }
.fashion_erp01 ul li .img_box .img_text{padding:35px 20px 10px; box-sizing:border-box; width:160px; height:160px; background:url('/img/hire_con01_img_text_bg.png')no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.fashion_erp01 ul li .img_box .img_text span{position:relative; z-index:2; display:block; font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:500;}
.fashion_erp01 ul li .img_box .img_text p{position:relative; z-index:2; font-size:20px; color:#2e2e2e; letter-spacing:-0.025em; font-weight:bold; margin-top:5px; line-height:30px;}
.fashion_erp01 ul li .text p{font-size:18px; color:#7e1b8b; letter-spacing:-0.025em; margin-top:30px; margin-bottom:20px; font-weight:bold;}
.fashion_erp01 ul li .text span{font-size:16px; color:#666; letter-spacing:-0.025em; display:inline-block; text-align:left; padding-bottom:40px; }

.fashion_erp01 img{display:block; margin:0 auto; padding:0 30px; box-sizing:border-box;}

@media all and (max-width:1300px){
    .fashion_erp01 img {width:100%;}
}

@media all and (max-width:1000px){
    .fashion_erp01 .inner p {padding-bottom:50px;}
}


.fashion_erp02{text-align:center; padding:100px 0 120px; background:#f7f7f7; display:inline-block; width:100%;}
.fashion_erp02 h5{margin:0; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.fashion_erp02 ul{margin-top:60px; text-align:center; }
.fashion_erp02 ul li{padding:40px 20px; height:262px; box-sizing:border-box; width:calc(20% - 16px); margin:0 20px 20px 0; float:left; vertical-align:top; background:#fff;}
.fashion_erp02 ul li:nth-child(5){margin-right:0;}
.fashion_erp02 ul li img {display:block; margin:0 auto; padding-bottom:30px;}
.fashion_erp02 ul li span{font-size:18px; color:#404040; font-weight:200; letter-spacing:-0.06em; line-height:28px;}

@media all and (max-width:1200px){
	.fashion_erp02 ul li{width:calc(33.33% - 22px); margin:1%; height:230px;}
    .fashion_erp02 ul li:nth-child(3n){margin-right:0;}
    .fashion_erp02 ul li:nth-child(5){margin-right:10px;}
}

@media all and (max-width:1000px){
	.fashion_erp02 ul li{width:calc(50% - 20px); margin:1%;}
    .fashion_erp02 ul li:nth-child(2n){margin-right:0;}
    .fashion_erp02 ul li:nth-child(3n){margin-right:10px;}
}

@media all and (max-width:640px){
    .fashion_erp02 ul li {height:270px;}
}


.fashion_erp03{padding:70px 0 110px; background:#686868}
.fashion_erp03 .tit{text-align:center;}
.fashion_erp03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.fashion_erp03 .after .img_box{width:56%; float:right;}
.fashion_erp03 .after .img_box img{width:100%;}
.fashion_erp03 .after .text{width:44%; float:left; box-sizing:border-box;}
.fashion_erp03 .after .text h5{font-size:38px; color:#fff; padding:20px 0 25px; letter-spacing:-0.07em; font-weight:600; margin:0; text-align:left;}
.fashion_erp03 .after .text h5 span{color:#fbd1b5;}
.fashion_erp03 .after .text p{font-size:20px; color:#cbcbcb; letter-spacing:-0.025em;}

@media all and (max-width:1200px){
	.fashion_erp03 .after .text h5{padding:45px 0 25px;}
}

@media all and (max-width:1000px){
	.fashion_erp03 .after .img_box{width:100%; float:none;}
	.fashion_erp03 .after .text{width:100%; float:none; padding:30px 0;}

}


/* ERP - 의류/생산 */
.wear_erp01{text-align:center; padding-bottom:100px;}
.wear_erp01 .inner > img{display:inline-block; vertical-align:middle;}
.wear_erp01 h5{margin:0; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.wear_erp01 .inner p {font-size:20px; color:#7d7d7d; margin-top:24px; padding-bottom:90px;}
.wear_erp01 ul{margin-top:40px;}
.wear_erp01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.wear_erp01 ul li{overflow:hidden; width:calc(29% - 100px); margin:0 70px; display:inline-block; vertical-align:top;}
.wear_erp01 ul li .img_box{overflow:hidden; width:100%; position:relative;}
.wear_erp01 ul li .img_box img{width:59px; height:auto; }
.wear_erp01 ul li .img_box .img_text{padding:35px 20px 10px; box-sizing:border-box; width:160px; height:160px; background:url('/img/hire_con01_img_text_bg.png')no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.wear_erp01 ul li .img_box .img_text span{position:relative; z-index:2; display:block; font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:500;}
.wear_erp01 ul li .img_box .img_text p{position:relative; z-index:2; font-size:20px; color:#2e2e2e; letter-spacing:-0.025em; font-weight:bold; margin-top:5px; line-height:30px;}
.wear_erp01 ul li .text p{font-size:18px; color:#7e1b8b; letter-spacing:-0.025em; margin-top:30px; margin-bottom:20px; font-weight:bold;}
.wear_erp01 ul li .text span{font-size:16px; color:#666; letter-spacing:-0.025em; display:inline-block; text-align:left; padding-bottom:40px; }

.wear_erp01 img{display:block; margin:0 auto; padding:0 30px; box-sizing:border-box;}


@media all and (max-width:1300px){
    .wear_erp01 .inner p {padding-bottom:50px;}
    .wear_erp01 img{display:block; margin:0 auto; padding:0 30px; box-sizing:border-box; width:100%;}
}


.wear_erp02{text-align:center; padding:80px 0 90px; background:#f7f7f7; display:inline-block; width:100%;}
.wear_erp02 h5{margin:0; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.wear_erp02 ul{margin-top:60px; font-size:0; text-align:center; }
.wear_erp02 ul li{padding:40px 40px; height:400px; box-sizing:border-box; width:calc(33.33% - 20px); margin:0 30px 30px 0; float:left; vertical-align:top; background:#fff;}
.wear_erp02 ul li:nth-of-type(3n){margin-right:0;}
.wear_erp02 ul li img {display:block; margin:0 auto; padding-bottom:30px;}
.wear_erp02 ul li dl dt{font-size:18px; color:#404040; letter-spacing:-0.06em; line-height:28px; margin-bottom:10px;}
.wear_erp02 ul li dl dd {font-size:16px; text-align:left; position:relative; padding-left:10px; line-height:28px;}
.wear_erp02 ul li dl dd::before {content:'';  background:#585858; width:5px; height:5px; border-radius:50%; position:absolute; top:12px; left:0;}

@media all and (max-width:1200px){
	.wear_erp02 ul li{width:30%; margin:1%;}    
}

@media all and (max-width:1000px){
	.wear_erp02 ul li{width:calc(50% - 20px); margin:1%;}
    .wear_erp02 ul li:nth-of-type(3n){margin-right:10px;}
}

@media all and (max-width:760px){
    .wear_erp02 ul li{padding:40px 40px; height:620px; box-sizing:border-box; float:left; vertical-align:top; background:#fff;}
}

.wear_erp03{margin:90px 0;}
.wear_erp03 h5{margin-bottom:44px; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.wear_erp03 .tit{text-align:center;}
.wear_erp03 .after {width:100%;}
.wear_erp03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.wear_erp03 .after .img_box{background:#f7f7f7; max-width:100%; padding:110px; }


@media all and (max-width:1200px){
	.wear_erp03 .after .text h5{padding:45px 0 25px;}
    .wear_erp03 .after .img_box img{width:100%;}
}

@media all and (max-width:1000px){
	.wear_erp03 .after .img_box{padding:40px 20px;}

}




/* ERP - 자동차부품 */
.car_erp01{text-align:center; padding-bottom:100px;}
.car_erp01 .inner > img{display:inline-block; vertical-align:middle;}
.car_erp01 h5{margin:0; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px;}
.car_erp01 .inner p {font-size:20px; color:#7d7d7d; margin-top:24px; padding-bottom:90px;}
.car_erp01 ul{margin-top:40px;}
.car_erp01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.car_erp01 ul li{overflow:hidden; width:calc(29% - 100px); margin:0 70px; display:inline-block; vertical-align:top;}
.car_erp01 ul li .img_box{overflow:hidden; width:100%; position:relative;}
.car_erp01 ul li .img_box img{width:59px; height:auto; }
.car_erp01 ul li .img_box .img_text{padding:35px 20px 10px; box-sizing:border-box; width:160px; height:160px; background:url('/img/hire_con01_img_text_bg.png')no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.car_erp01 ul li .img_box .img_text span{position:relative; z-index:2; display:block; font-size:16px; color:#666; letter-spacing:-0.025em; font-weight:500;}
.car_erp01 ul li .img_box .img_text p{position:relative; z-index:2; font-size:20px; color:#2e2e2e; letter-spacing:-0.025em; font-weight:bold; margin-top:5px; line-height:30px;}
.car_erp01 ul li .text p{font-size:18px; color:#7e1b8b; letter-spacing:-0.025em; margin-top:30px; margin-bottom:20px; font-weight:bold;}
.car_erp01 ul li .text span{font-size:16px; color:#666; letter-spacing:-0.025em; display:inline-block; text-align:left; padding-bottom:40px; }

.car_erp01 img{display:block; margin:0 auto; padding:0 30px; box-sizing:border-box;}

@media all and (max-width:1300px){
    .car_erp01 img {width:100%;}
}

@media all and (max-width:1000px){
    .car_erp01 .inner p {padding-bottom:50px;}
}


.car_erp02{margin:90px 0;}
.car_erp02 h5{margin-bottom:44px; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px; text-align:center;}
.car_erp02 .tit{text-align:center;}
.car_erp02 .after {width:100%;}
.car_erp02 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.car_erp02 .after .img_box{background:#f7f7f7; max-width:100%; padding:110px; }
.car_erp02 ul {margin:50px 42px 0;}
.car_erp02 ul li {color:#666; font-size:16px; line-height:30px; position:relative; padding-left:12px;}
.car_erp02 ul li::before {content:'';  background:#666; width:5px; height:5px; border-radius:50%; position:absolute; top:14px; left:0;}

@media all and (max-width:1200px){
	.car_erp02 .after .text h5{padding:45px 0 25px;}
    .car_erp02 .after .img_box img{width:100%;}
}

@media all and (max-width:1000px){
	.car_erp02 .after .img_box{padding:40px 20px;}
}

@media all and (max-width:600px){
    .car_erp02 ul {margin:50px 20px;}
}



/* WMS */
.wms01{}
.wms01 .after .img_box{width:50%; float:left;}
.wms01 .after .img_box img{width:100%;}
.wms01 .after .text{width:calc(50% + 60px); float:left; margin-left:-60px;}
.wms01 .after .text p{padding:60px 0 30px; font-size:36px; color:#222; letter-spacing:-0.025em; font-weight:200; line-height:46px;}
.wms01 .after .text span{display:block; font-size:18px; color:#666; letter-spacing:0em; font-weight:200;}


@media all and (max-width:1200px){
	.wms01 .after .img_box{width:50%;}
	.wms01 .after .text{padding-left:30px; box-sizing:border-box; width:50%; margin:0;}
}
@media all and (max-width:1000px){
	.wms01 .after .img_box{width:100%; float:none;}
	.wms01 .after .text{width:100%; float:none; padding:0; text-align:center;}
}

/* 서브 타이틀 아래 라인 있는 소타이틀 공통 */
.wms02{text-align:center; padding:112px 0 10px; clear:both; content:""; display:block;}
.wms02 h3{font-size:30px; color:#222222; font-weight:600;}
.wms02 .hr{width:20px; height:2px; background:#a752b2; margin:30px auto;}
.wms02 span{color:#a752b2;}
/* 끝 */

.wms03{padding:20px 0 90px;}
.wms03 ul{text-align:center; letter-spacing:-4px; font-size:0;}
.wms03 ul li{width:calc(30% - 100px); margin:0 70px; display:inline-block; vertical-align:top;}
.wms03 ul li .one_box{margin:0 auto; width:220px; height:220px; border-radius:50%; border:3px solid #2a2d5b; box-sizing:border-box; background:#fff; position:relative;}
.wms03 ul li .one_box .center{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.wms03 ul li .one_box .center span{display:block; font-size:14px; color:#828282; font-weight:200; letter-spacing:0em;}
.wms03 ul li .one_box .center p{font-size:24px; color:#42456e; font-weight:bold; letter-spacing:0em;}
.wms03 ul li .one_box:before{content:""; width:1px; height:40px; background:#2a2d5b; position:absolute; left:50%; bottom:-20px;}

.wms03 ul li:nth-of-type(2) .one_box{border-color:#4b3382;}
.wms03 ul li:nth-of-type(2) .center p{color:#4b3382;}
.wms03 ul li:nth-of-type(2) .one_box:before{background:#4b3382}
.wms03 ul li:nth-of-type(3) .one_box{border-color:#6f369a;}
.wms03 ul li:nth-of-type(3) .center p{color:#6f369a;}
.wms03 ul li:nth-of-type(3) .one_box:before{background:#6f369a}


.wms03 ul li .wms_list {padding:40px 0;}
.wms03 ul li .wms_list li {text-align:left; font-size:18px; color:#404040; letter-spacing:-0.06em; font-weight:300; width:100%; position:relative; padding-left:12px; margin:0 20px;}
.wms03 ul li .wms_list.part1 li span {color:#6569ad;}
.wms03 ul li .wms_list.part2 li span {color:#7452b3;}
.wms03 ul li .wms_list.part3 li span {color:#9551a6;}


.wms03 ul li .wms_list li::before {content:'';  background:#585858; width:5px; height:5px; border-radius:50%; position:absolute; top:12px; left:0;}


@media all and (max-width:1200px){
	.wms03 ul li{margin:0 30px; width:calc(30% - 60px)}
	.wms03 ul li > p br{display:none}

}
@media all and (max-width:1000px){
	.wms03 ul li{width:calc(30% - 30px); margin:0 15px;}
}

@media all and (max-width:800px){
	.wms03 ul li{width:calc(50% - 15px); margin:0 15px;}
}


.wms04{text-align:center; padding:72px 0; background:#f7f7f7; display:inline-block; width:100%;}
.wms04 .title {float:left; width:40%;}
.wms04 .title .hr {width:40px;height:2px; background:#a752b2; margin:22px 0 0 0;}
.wms04 .title h5{font-size:48px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px; text-align:left; line-height:56px;}
.wms04 .title h5 span{color:#a752b2;}
.wms04 .title p {display:block; text-align:left; margin-top:34px; color:#585858; font-size:16px; font-weight:200;}
.wms04 .con_box {float:left; width:60%;}
.wms04 .con_box ul{}
.wms04 .con_box ul li{padding:40px 20px; height:250px; box-sizing:border-box; width:calc(50% - 20px); margin:0 20px 20px 0; float:left; vertical-align:top; background:#fff;}
.wms04 .con_box ul li:nth-child(5){margin-right:0;}
.wms04 .con_box ul li img {display:block; margin:0 auto; padding-bottom:30px;}
.wms04 .con_box ul li span{font-size:18px; color:#404040; font-weight:200; letter-spacing:-0.06em; line-height:28px; font-weight:normal;}

@media all and (max-width:1000px){
	.wms04 .con_box ul li{width:calc(50% - 14px); margin:1%;}
    .wms04 .con_box ul li:nth-child(2n){margin-right:0;}
}

@media all and (max-width:840px){
    .wms04 .title {float:left; width:100%; margin-bottom:20px;}
    .wms04 .con_box {float:none; width:100%;}
    .wms04 .con_box ul li{width:calc(50% - 20px); margin:1%;}
}



.wms05{margin:0 0 90px 0;}
.wms05 h5{margin-bottom:44px; font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px; text-align:center;}
.wms05 .tit{text-align:center;}
.wms05 .after {width:100%;}
.wms05 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.wms05 .after .img_box{background:#f7f7f7; max-width:100%; padding:110px 136px;}
.wms05 .after .img_box.mt50 {margin-top:50px;}
.wms05 .after .img_box p {font-size:30px; color:#f7f7f7; background:#262626; text-align:center; height:55px; border-radius:55px; width:448px; margin:0 auto; margin-bottom:72px;}
.wms05 .after .img_box img {margin:0 auto;}
.wms05 ul {margin:50px 42px 0;}
.wms05 ul li {color:#666; font-size:16px; line-height:30px; position:relative; padding-left:12px;}
.wms05 ul li::before {content:'';  background:#666; width:5px; height:5px; border-radius:50%; position:absolute; top:14px; left:0;}

@media all and (max-width:1200px){
	.wms05 .after .text h5{padding:45px 0 25px;}
    .wms05 .after .img_box img{width:100%;}
}

@media all and (max-width:1000px){
	.wms05 .after .img_box{padding:40px 20px;}
}

@media all and (max-width:600px){
    .wms05 ul {margin:50px 20px;}
}


/* KM/그룹웨어 */
.km01{padding:0; background:#fff}
.km01 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.km01 .after .img_box{width:50%; float:left; padding-right:10px; box-sizing:border-box;}
.km01 .after .img_box img{width:100%}
.km01 .after .text{width:50%; float:left; padding-left:50px; padding-top:50px; box-sizing:border-box; border-top:1px solid #959595;}
.km01 .after .text h6{font-size:22px; color:#2e2e2e; letter-spacing:-0.045em; font-weight:bold; margin:0; margin-bottom:10px;}
.km01 .after .text p{font-size:18px; color:#7d7d7d; letter-spacing:-0.045em;}
.km01 .after .text p span{color:#a752b2;}

@media all and (max-width:1200px){
	.km01 .after .text p br{display:none;}
}

@media all and (max-width:1000px){
	.km01 .after .img_box{width:100%; float:none; margin:20px 0; padding:0;}
	.km01 .after .text{width:100%; float:none; margin:20px 0; padding:30px 0;}
}


.km02 .img_box{width:100%; float:left; margin-bottom:120px; box-sizing:border-box;}

@media all and (max-width:1200px){
        .km02 .img_box img{width:100%;}
}


.km03{text-align:center; padding:72px 0; background:#f7f7f7; display:inline-block; width:100%;}
.km03 .title {float:left; width:49%;}
.km03 .title .hr {width:40px;height:2px; background:#a752b2; margin:22px 0 0 0;}
.km03 .title h5{font-size:48px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px; text-align:left; line-height:56px;}
.km03 .title h5 span{color:#a752b2;}
.km03 .title dl {text-align:left; margin-top:34px;}
.km03 .title dl dt {position:relative; padding-left:12px; color:#222; font-size:18px; line-height:30px; font-weight:500;}
.km03 .title dl dt::before {content:'';  background:#222; width:5px; height:5px; border-radius:50%; position:absolute; top:12px; left:0;}
.km03 .title dl dd {padding-left:12px; font-size:16px; color:#585858; margin-bottom:28px; }
.km03 .con_box {float:left; width:51%;}
.km03 .con_box ul{}
.km03 .con_box ul li{padding:54px 20px; height:250px; box-sizing:border-box; width:calc(50% - 20px); margin:0 20px 20px 0; float:left; vertical-align:top; background:#fff;}
.km03 .con_box ul li:nth-child(5){margin-right:0;}
.km03 .con_box ul li img {display:block; margin:0 auto; padding-bottom:30px;}
.km03 .con_box ul li span{font-size:22px; color:#404040; font-weight:200; letter-spacing:-0.06em; line-height:28px; font-weight:normal;}

@media all and (max-width:1000px){
    .km03 .title {float:left; width:100%; margin-bottom:20px;}
    .km03 .con_box {float:none; width:100%;}
    .km03 .con_box ul li{width:calc(50% - 20px); margin:1%;}
    .km03 .con_box ul li:nth-child(2n){margin-right:0;}
}



.km04 {margin-bottom:140px;}
.km04 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.km04 ul li{width:calc(25% - 15px); height:530px; margin:0 20px 20px 0; text-align:center; float:left; background:#fff; padding:40px; box-sizing:border-box; border:1px solid #e7e7ed;}
.km04 ul li:nth-child(4){margin-right:0;}
.km04 ul li:last-child{margin-right:0;}
.km04 ul li i.type01 {width:120px; height:120px; background:#4c3855; display:inline-block; border-radius:120px;}
.km04 ul li i.type02 {width:120px; height:120px; background:#a752b2; display:inline-block; border-radius:120px;}
.km04 ul li i.type03 {width:120px; height:120px; background:#919191; display:inline-block; border-radius:120px;}
.km04 ul li i img {display:inline-block; vertical-align:top; margin:35px 0;}
.km04 ul li dl dt{margin:25px 0 30px; font-size:22px; color:#222; font-weight:500;}
.km04 ul li dl dd {position:relative; border:0; height:auto; text-align:left; padding-left:12px; font-size:16px; color:#585858; line-height:28px;}
.km04 ul li dl dd::before {content:'';  background:#585858; width:5px; height:5px; border-radius:50%; position:absolute; top:12px; left:0;}

@media all and (max-width:1200px){
	.km04 ul li{height:540px} 
}

@media all and (max-width:1000px){
	.km04{margin-top:20px;}	
	.km04 ul li{width:calc(50% - 10px); height:530px; margin:0 20px 20px 0;} 
    .km04 ul li:nth-child(2n) {margin-right:0;}
}


/* 데이터 센터 */
.data01{text-align:center; padding:60px 0 10px; clear:both; content:""; display:block;}
.data01 h3{font-size:30px; color:#222222; font-weight:600;}
.data01 .hr{width:20px; height:2px; background:#222222; margin:30px auto;}


.data02 {text-align:center;}
.data02 h5{font-size:38px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:-10px;}
.data02 h5 span {color:#a752b2;}
.data02 .inner p {font-size:20px; color:#7d7d7d; margin-top:24px; padding-bottom:80px;}

.data03 .img_box{width:100%; float:left; margin-bottom:114px; box-sizing:border-box; text-align:center;}

@media all and (max-width:1200px){
        .data03 .img_box img{width:100%;}
}


.data04{text-align:center; padding:72px 0; background:#f7f7f7; display:inline-block; width:100%;}
.data04 .title {float:left; width:50%;}
.data04 .title .hr {width:40px;height:2px; background:#a752b2; margin:22px 0 26px 0;}
.data04 .title h5{font-size:48px; color:#2e2e2e; letter-spacing:-0.09em; font-weight:500; margin-top:20px; text-align:left; line-height:56px;}
.data04 .title h5 span{color:#a752b2; letter-spacing:-2px;}
.data04 .title ul {padding-right:46px;}
.data04 .title ul li {display:block; text-align:left; color:#404040; font-size:18px; position:relative; padding-left:12px; line-height:32px;}
.data04 .title ul li::before {content:'';  background:#222; width:5px; height:5px; border-radius:50%; position:absolute; top:13px; left:0;}
.data04 .con_box {float:left; width:50%;}
.data04 .con_box ul li{padding:40px 35px; height:250px; box-sizing:border-box; width:calc(50% - 20px); margin:0 20px 20px 0; float:left; vertical-align:top; background:#fff;}
.data04 .con_box ul li:nth-child(5){margin-right:0;}
.data04 .con_box ul li img {display:block; margin:0 auto; padding-bottom:30px;}
.data04 .con_box ul li dl dt{font-size:22px; color:#404040; font-weight:200; letter-spacing:-0.06em; line-height:28px; font-weight:500; margin-bottom:10px;}
.data04 .con_box ul li dl dd{font-size:16px; color:#404040; font-weight:200; letter-spacing:-0.06em; line-height:20px; font-weight:normal;}

@media all and (max-width:1000px){
    .data04 .title {float:left; width:100%; margin-bottom:20px;}
    .data04 .con_box {float:none; width:100%;}
    .data04 .con_box ul li{width:calc(50% - 20px); margin:1%;}
    .data04 .con_box ul li:nth-child(2n){margin-right:0;}
}

.data05{padding:20px 0 0;}
.data05 ul{text-align:center; }
.data05 ul li{width:calc(25% - 143px); margin:0 70px; display:inline-block; vertical-align:top;}
.data05 ul li .one_box{margin:0 auto; width:220px; height:220px; border-radius:50%; border:3px solid #2a2d5b; box-sizing:border-box; background:#fff; position:relative;}
.data05 ul li .one_box .center{position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.data05 ul li .one_box .center span{display:block; font-size:14px; color:#828282; font-weight:200; letter-spacing:0em; margin-bottom:10px;}
.data05 ul li .one_box .center p{font-size:24px; color:#42456e; font-weight:bold; letter-spacing:0em; line-height:29px;}
.data05 ul li .one_box:before{content:""; width:1px; height:40px; background:#2a2d5b; position:absolute; left:50%; bottom:-20px;}

.data05 ul li:nth-of-type(2) .one_box{border-color:#4b3382;}
.data05 ul li:nth-of-type(2) .center p{color:#4b3382;}
.data05 ul li:nth-of-type(2) .one_box:before{background:#4b3382}
.data05 ul li:nth-of-type(3) .one_box{border-color:#6f369a;}
.data05 ul li:nth-of-type(3) .center p{color:#6f369a;}
.data05 ul li:nth-of-type(3) .one_box:before{background:#6f369a}
.data05 ul li:nth-of-type(4) .one_box{border-color:#9a5db4;}
.data05 ul li:nth-of-type(4) .center p{color:#9a5db4;}
.data05 ul li:nth-of-type(4) .one_box:before{background:#9a5db4}


.data05 ul li dl {padding:40px 0; }
.data05 ul li dl dt {font-size:20px; color:#404040; width:220px; text-align:left;}
.data05 ul li dl dd {text-align:left; font-size:18px; color:#404040; letter-spacing:-0.06em; font-weight:300; width:230px; position:relative; padding-left:12px; position:relative;}
.data05 ul li dl dd::before {content:'';  background:#585858; width:5px; height:5px; border-radius:50%; position:absolute; top:12px; left:0;}


@media all and (max-width:1200px){
	.data05 ul li{margin:0 15px; width:calc(50% - 60px)}
    .data05 ul li dl {padding:40px 132px;}

}
@media all and (max-width:1000px){
	.data05 ul li{width:calc(50% - 32px); margin:0 15px;}
    .data05 ul li dl {padding:40px 80px;}
}


@media all and (max-width:640px){
    .data05 ul li dl {padding:40px 12px;}
}




.data06 {margin-bottom:130px;}
.data06 .after .img_box{background:#f7f7f7; max-width:100%; padding:110px 136px;}
.data06 .after .img_box img {margin:0 auto;}

@media all and (max-width:1200px){
	.data06 .after .text h5{padding:45px 0 25px;}
    .data06 .after .img_box img{width:100%;}
}

@media all and (max-width:1000px){
	.data06 .after .img_box{padding:40px 20px;}
}