@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022
******************************************************** */


/* ******************  서브공통 ********************** */


.custom-scrollbar-cover{display:none;}

#content {font-size:18px;font-weight:400;color:#000;letter-spacing:-0.05em;line-height:30px;word-break:keep-all;word-wrap:break-word;min-height:400px;}
#content .contents_sec{position: relative;width: 100%;}
#content .contents_sec:last-child{margin-bottom:80px;}
#content .contents_sec:after {content: '';display: block;clear: both;}
    
#content .contents_sec .fc-blue{color: #25aae2;}

#content .cont-inner{max-width:1400px;margin:0 auto;position:relative;}


.normal-txt {font-size: 17px;line-height: 26px;word-break:keep-all;}
.space { padding-top:100px;}
.bd-t { border-top:1px solid #dcdcdc;}
.hide { position:absolute; left:-9999%; font-size:0; line-height:0; text-indent:-9999%;}

/* ----- half layout setting ----- */
.halfbox { display:flex;}
.halfbox .left {width: 35%;padding-right:10%;}
.halfbox .left .tit { font-size:35px; color:#333333; letter-spacing:-0.8px; font-weight:700; line-height:1.588em;}
.halfbox .left .tit span { display:block; font-size:33px; color:#333333; font-weight:500; line-height:1.4em; letter-spacing:-0.010em;}
.halfbox .left .txt { margin-top:0.722em; font-size:25px; color:#666666; letter-spacing:-0.014em; font-weight:300; line-height:1.667em;}
.halfbox .right {width: 65%;}
.halfbox .right .tbstyle02 { margin-top:1em;}
.halfbox .btnwrap { margin-top:5em;}

/* ----- list setting ----- */
.list-st01 li {position:relative;padding-left: 12px;margin: 5px 0;text-align:left;}
.list-st01 li:after {content:"";position:absolute;left:0;top: 10px;width: 3px;height: 3px;background: #017ece;}

/* ----- table setting ----- */
.td-title{font-family: 'Noto Sans KR',sans-serif;}

.tbcenter table th,
.tbcenter table td { text-align: center;}

.ta-l { text-align:left !important;}
.ta-c { text-align:center !important;}
.ta-r { text-align:right !important;}


.tbstyle01 strong { font-size:2rem;}
.tbstyle01 table {border-top: 2px solid #0088bd; width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle01 table th { padding: 5px 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  color:#333; font-weight:500; background: #f8f8f8;}
.tbstyle01 table td { padding: 12px 20px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;  color:#333;   vertical-align:top;}
.tbstyle01 table thead th:first-child { border-left:none !important;}
.tbstyle01 table tbody th:first-child,
.tbstyle01 table tbody td:first-child { border-left:none !important;}

/* ----- tab setting ----- */
.tab--style01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 55px;
}

.tab--style01 .tab__btn {
  width: 220px;
  line-height: 58px;
  height: 60px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  cursor: pointer;
  background-color: #f3f3f3;
  margin-left: -1px;
  position: relative;
}

.tab--style01 .tab__btn::before {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #ccc;
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.tab--style01 .tab__btn:last-child::before {
  display: none;
}

.tab--style01 .tab__btn.active {
  color: #fff;
  background-color: #0154a6;
}

.tab--style01 .tab__btn.active::before {
  display: none;
}

#content .contents_view_wrap .inner.top_mt {
  margin-top:80px;
}

/* ****************** 01 회사소개 :: 01 CEO 인사말 ********************** */
.greeting-page{padding: 0 5%;}
.greeting-con01{position: relative;background:url(../images/sub/company/ceo-bg.png) no-repeat;-webkit-background-size: cover;background-size: cover;margin: 0 5%;height:682px;}
.greeting-txt-box{letter-spacing: -0.7px;position:absolute;right:100px;top:50%;transform:translateY(-100%);width:48%;}
.greeting-txt-box h5{font-size: 40px;line-height: 1.36;font-weight: 700;color: #fff;text-shadow: 3px 5px rgba(0,0,0,0.05);}
.greeting-txt-box p{margin-top: 20px; font-size: 23px; line-height: 1.65; color: rgba(255,255,255,0.9);}

.greeting-con02{position: relative; top: -200px; margin-left: 13%; width: 87%; padding: 75px 10% 0px 5%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.greeting-con02 .txt{font-size: 18.5px;line-height: 1.8;letter-spacing: -0.7px;color: #303030;font-size: 18px;margin-bottom: 15px;word-break: keep-all;}
.greeting-con02 .sign-txt{margin-top: 50px;font-size: 16px;letter-spacing: -0.7px;color: rgba(50,50,50,0.9);text-align: right;}
.greeting-con02 .sign-txt b{display: inline-block; vertical-align: middle; margin-left: 13px; font-size: 25px; font-weight: 700; color: #000;}



/* ****************** 01 회사소개 :: 02 회사소개 ********************** */
.contents_sec .company-img{background:url(../images/sub/company/combg01.png) no-repeat top left;width:100%;height:571px;position:absolute;top:0;left:0;}
.contents_sec .company-txtwrap{padding-top:200px;position:relative;}
.contents_sec .company-txtwrap p.tit{font-size:56px;font-weight:bold;color:#fff;width:1400px;margin:0 auto;height:47px;margin-bottom:15px;}
.contents_sec .company-txtwrap .company-txt {position:relative;overflow:hidden;}
.contents_sec .company-txtwrap .company-txt:before {position: absolute;width: 1137px;top: 0; bottom: 0; left: 0; content: '';z-index: 1;background: -moz-linear-gradient(left, rgba(37,170,226,1) 0%,rgba(1,88,151,1) 100%);background: -webkit-linear-gradient(left, rgba(37,170,226,1) 0%,rgba(1,88,151,1) 100%);background: linear-gradient(to right, rgba(37,170,226,1) 0%,rgba(1,88,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017575', endColorstr='#016fae',GradientType=1 );}
.contents_sec .company-txtwrap .company-txt:after {position: absolute;left: 1114px; top: 0;width: 100px; height: 100%; display: block; content: ''; background-color: #015897;-webkit-transform: skew(-5deg);transform: skew(-5deg);}
#content .contents_sec .company-txtwrap .company-txt .cont-inner {z-index: 999;padding: 77px 0 77px 260px;font-size:21px;line-height:36px;width:50%;margin:0;position:relative;max-width:100%;}
#content .contents_sec .company-txtwrap .company-txt .cont-inner p{font-size:21px;line-height:36px;color:#fff;}
#content .contents_sec .company-txtwrap .company-txt .cont-inner p:first-child {margin-bottom: 25px;}

.downloadwrap {/*position: absolute;right: 260px;bottom: 2px;*/max-width:1400px;margin:20px 0;text-align:right;position:relative;left:50px;}
/*.downloadwrap:before {content: '';position: absolute;top: 50%;left: -380px;display: block;width: 380px;height: 1px;background-color: #0062a6;-webkit-transition: all 0.4s;transition: all 0.4s;}*/
.downloadwrap .btn-down {display: inline-block;min-width: 92px;margin: 1px 0;height: 42px;text-align: center;line-height: 42px;padding: 0px 60px 0px 23px;font-size: 16px;box-sizing: border-box;border: 1px solid #3f6fc4;color: #3f6fc4;background:#fff url(../images/common/icon_down.gif) no-repeat right -42px;transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -khtml-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}

.downloadwrap .btn-down:hover{background:#fff url(../images/common/icon_down.gif) no-repeat right 0px;text-decoration:underline;/*border:1px solid #bbb;color:#303030;*/}

.comapny-wrap{height:100%;position:relative;width:100%;}
.comapny-wrap .circlebox{    max-width: 767px;margin: 160px auto 0;position: relative;height: 280px;}

.comapny-wrap .circlebox .circle {width: 280px;height: 280px;background: rgba(19,170,195,0.8);border-radius: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.comapny-wrap .circlebox .circle:nth-child(2){background:rgba(36,168,225,0.8);    left: 244px;}
.comapny-wrap .circlebox .circle:nth-child(3){background:rgba(55,118,223,0.8);left: initial;right: 0;}
.comapny-wrap .circlebox .circle p{text-align:center;font-size:24px;}
.comapny-wrap .circlebox .circle p>strong{display:block;font-size:40px;margin-bottom:15px;}
.comapny-wrap .circlebox .circle p>strong>span{color:#fff;}

.comapny-wrap .font-big{font-size:38px;}
.comapny-wrap .comfont-01{text-align:center;margin:4% auto 3%;position:relative;}
.comapny-wrap .comfont-01 strong{color:#155ec1;}
.comapny-wrap .comfont-01:after{content:'';background:url(../images/sub/company/arrow01.png) no-repeat top center;width:150px;height:56px;display:block;margin:35px auto;}


.goal01 {position: relative;}
.goal01:after {content: ''; width: 100%; border: 23px solid #eeeeee;display: block;position: absolute;top: 0;left: 0;z-index: -1;height: 100%;}
.goal01 p {text-align: center;z-index: 999;width: 90%;margin: 0 auto;font-size: 22px;line-height: 38px;word-break: keep-all;padding: 4% 8%;background: #fff;}


ul.goal02 {position: relative;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top: 10%;}
ul.goal02 li {border: 2px solid #eeeeee;margin-right: 25px;padding: 5% 3% 2%;position: relative;}
ul.goal02 li:last-child {margin-right: 0;}

ul.goal02 li span.goal-li {width: 100px;height: 100px;background: #ecf2ff;border-radius: 100%;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);}
ul.goal02 li span.goal-li.ico01{background-image:url(../images/sub/company/ico01.png);background-repeat:no-repeat;background-position:center;}
ul.goal02 li span.goal-li.ico02{background-image:url(../images/sub/company/ico02.png);background-repeat:no-repeat;background-position:center;}
ul.goal02 li span.goal-li.ico03{background-image:url(../images/sub/company/ico03.png);background-repeat:no-repeat;background-position:center;}


ul.goal02 li p.tit {text-align: center;word-break: keep-all;}
ul.goal02 li p.tit strong {display: block;font-size: 24px;font-weight: 500;margin-bottom: 10px;}



.company-award .item-img ul { display: flex;justify-content: space-around;}
.company-award .item-img ul li {width: 290px;}
.company-award .item-img ul li {display: block;width: 270px;}
.company-award .item-img ul li>img {display: block;width: 100%;border: 1px solid #ddd;box-shadow: 8px 8px 0px 0px rgb(0 0 0 / 5%);}

.company-award .item-img ul li .info_box {margin-top: 25px;}
.company-award .item-img ul li .info_box .tit {font-size: 18px;letter-spacing: -0.03em;line-height: 1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;word-wrap: break-word;line-height: 24px;min-height: 79px;max-height: 79px;color: #000;}






/* ****************** 01 회사소개 :: 03 회사연혁 ********************** */
.history-con{overflow: hidden;position: relative;}
.history-con .sub-cm-tab-wrapper {height: 165px; margin-bottom: 120px;}
.history-tab-style ul li{position: relative;width: 50%;float: left;border-bottom: 3px solid #e5e5e5;-webkit-transition: all 0.2s;transition: all 0.2s;}
.history-tab-style ul li:before{position: absolute; top: 50%; margin-top: -18px; left: 0; display: block; content: ''; width: 1px; height: 36px; background-color: #e5e5e5;}
.history-tab-style ul li:first-child:before{display: none;}
.history-tab-style ul li a{width: 100%; display: table; height: 130px; table-layout: fixed; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s;}
.history-tab-style ul li a em{display: table-cell; vertical-align: middle; font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #aaa; -webkit-transition: all 0.2s; transition: all 0.2s;}
.history-tab-style ul li a em b{margin-bottom: 10px; display: block; font-size: 30px; font-weight: 600;}
.history-tab-style ul li.selected{border-bottom-color: #000;}
.history-tab-style ul li.selected a em{color: #000;}
.history-tab-style .area{margin-left:0;}

.history-cm-tab-con{margin-top: 150px; -ms-word-break: keep-all; word-break: keep-all;}
.history-cm-content-wrapper .history-cm-tab-con:first-child{margin-top: 0;}
.history-tit-con{width: 500px; float: left;}
.history-tit-con .txt01{font-size: 40px; font-weight: 600; letter-spacing: -1px; color: #000;}
.history-tit-con .txt01 b{font-size: 60px;}
.history-tit-con .txt01.fc-blue{color: #25aae2;}
.history-tit-con .txt02{margin-top: 40px; font-size: 30px; line-height: 1.6; font-weight: 400; letter-spacing: -1.25px; color: #000;}
.history-tit-con .txt02 b{font-weight: 600;}
.history-list-con{width: 850px; float: right;}
.history-list-con dl{padding: 25px 30px; padding-left: 140px; position: relative; border-bottom: 1px solid #d9d9d9; letter-spacing: -1px;}
.history-list-con dl:first-child:before{position: absolute; top: -1px; left: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #000;}
.history-list-con dl .year{position: absolute; top: 25px; left: 30px; display: inline-block; font-size: 26px; font-weight: 600; color: #000;}
.history-list-con dl .info{margin-top: 10px; padding-left: 50px; position: relative; font-size: 16px; line-height: 24px; color: #000; font-weight: 400;}
.history-list-con dl .year + .info{margin-top: 0;}
.history-list-con dl:first-child .info{font-weight: 500;}

.history-list-con dl .info .month{position: absolute; top: 0; left: 0; display: inline-block; font-size: 20px; line-height: 24px; font-weight: 600;}

.history-tab-style.fixed{position:fixed; top:100px; left:0; width:100%; height:103px; z-index: 999;}
.history-tab-style.fixed ul li a{height: 100px;}


/*//////////////////////////기본tab*/
.ah-tab-wrapper {position: relative;}
.ah-tab-wrapper *, .ah-tab-wrapper *:before, .ah-tab-wrapper *:after {box-sizing: border-box;margin: 0;padding: 0;}
.ah-tab {position: relative;display: table;border-collapse: collapse;width: 100%;}

.ah-tab.col1 > a { width:100%; }
.ah-tab.col2 > a { width:50%; }
.ah-tab.col3 > a { width:33.33%; }
.ah-tab.col4 > a { width:25%; }
.ah-tab.col5 > a { width:20%; }
.ah-tab.col6 > a { width:16.66%; }
.ah-tab.col7 > a { width:14.285%; }
.ah-tab.col8 > a { width:12.5%; }

.ah-tab::before, .ah-tab::after {bottom: 0;content: "";height: 100%;opacity: 0;position: absolute;z-index: 1;transition: opacity .3s;}
.ah-tab-overflow-left::before {opacity: 1;left: 0;}
.ah-tab-overflow-right::after {opacity: 1;right: 0;}

.ah-tab-overflow-wrapper {position: absolute;width: 43px;height: 100%;right: 100%;opacity: 0;top: 0;z-index: 1;text-align: center;}

.ah-tab-overflow-wrapper[data-ah-tab-active="true"] {right: 0;opacity: 1;transition: opacity .3s;}

.ah-tab-overflow-wrapper:hover {z-index: 2;}

.ah-tab-overflow-menu {background-size: 18px;display: inline-block;width: 100%;height: 100%;border: 0;cursor: pointer;transition: opacity .3s;opacity: .7;}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {opacity: 1;}
.ah-tab-overflow-list {position: absolute;top: -10000%;right: 0;text-align: left;background-color: #fff;border: 1px solid #e9e9e9;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);list-style: none;transition: opacity .3s;opacity: 0;max-width: 290px;}
.ah-tab-overflow-list::after { content: " ";display: block;position: absolute;top: -14px;right: 14px;width: 0;height: 0;border: 7px solid transparent;border-bottom-color: #fff;}
.ah-tab-overflow-list::before {content: " ";display: block;position: absolute;top: -16px;right: 13px;width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #cdcdcd;}

.ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {top: 99%;padding: 10px 0;opacity: 1;}

.ah-tab-overflow-list:hover {display: block;}
.ah-tab-item {color: #000; cursor: pointer; display: inline-block;letter-spacing: normal;transition: all .3s;text-decoration: none;font-size: 16px;background-color: #f7f7f7;font-weight: 500;}
.ah-tab>.ah-tab-item {margin-right: 30px;padding: 15px 0;display: table-cell;border: 1px solid #bfbfbf;text-align: center;box-sizing: border-box;}


@media (min-width: 768px) {
    .ah-tab>.ah-tab-item {margin-right: 50px;}
}

.ah-tab-item[data-ah-tab-active="true"] {color: #fff;}
.ah-tab>.ah-tab-item:hover {text-decoration: underline;}
.ah-tab>.ah-tab-item[data-ah-tab-active="true"] { background: #388cd5;border-color: #388cd5;}
.ah-tab-overflow-list>.ah-tab-item {border-left: 3px solid transparent;display: block;overflow: hidden;padding: 10px 20px;text-overflow: ellipsis;white-space: nowrap;}
.ah-tab-overflow-list>.ah-tab-item:hover {border-left-color: #8b8b8b;}
.ah-tab-overflow-list>.ah-tab-item[data-ah-tab-active="true"] {border-left-color: #215393;}
.ah-tab-content-wrapper {margin: 30px 0;}
.ah-tab-content {display: none;}
.ah-tab-content[data-ah-tab-active="true"] {display: block;}

/*//////////////////////////history-tab*/
.history-wrapper .ah-tab a {
    display: table;height: 140px;table-layout: fixed;text-align: center;-webkit-transition: all 0.2s;transition: all 0.2s;position: relative;width: 50%;float: left;
    border: 0;border-bottom: 3px solid #e5e5e5;-webkit-transition: all 0.2s;transition: all 0.2s;padding: 0;margin: 0;background: transparent;color: #aaa;}

.history-wrapper .ah-tab a em {display: table-cell;vertical-align: middle;font-size: 18px;font-weight: 500;letter-spacing: -1px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.history-wrapper .ah-tab a em b {margin-bottom: 10px; display: block;font-size: 30px;font-weight: 600;}
.history-wrapper .ah-tab:before,.history-wrapper .ah-tab:after {display: none;}
.history-wrapper .ah-tab a:hover {text-decoration: none;}

.ah-tab>.ah-tab-item[data-ah-tab-active="true"]{background:transparent;border-color:#000;color:#000;}

.history-page .contWrap{position:relative;overflow:hidden;padding-top:50px;}


/* ****************** 01 회사소개 :: 04 조직도 ********************** */

.section_staff{position: relative;overflow: hidden;margin-bottom: 5%;}

.staff_div {position: relative;font-size: 1em;line-height: 160%; margin-top:35px;}
.staff_div>ul>li:before { content: ''; position: absolute; left: 50%; top:190px; width: 1px; height: 150px;background-color: #969696;margin-left: -1px;}
.staff_div>ul>li>span {display: block;width:180px;height:180px;line-height: 180px;margin: 0 auto;text-align: center;font-size: 20px;color: #fff;background-color: #46a9d7;    background-image: repeating-linear-gradient(-135deg, transparent,transparent 2px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 3px);border-radius:100%;margin-top:0;}
.staff_div>ul>li>span:after{content:'';border:1px dashed #46a9d7;width:200px;height:200px;display:block;border-radius:100%;position:absolute;top:-10px;left:-10px;}

.staff_div span {z-index: 2;position: relative;}
.staff_div>ul>li>ul {position: relative;padding-top: 110px;}
.staff_div>ul>li>ul:before {content: '';position: absolute;right: 50%;top: 54px;width: 270px;height: 1px;margin-right: -270px;background-color: #969696;}
.staff_div > ul > li > ul > li:nth-child(1) {position: absolute;right: 50%;top: 30px;margin-right: -520px;}

.staff_div > ul > li > ul > li > span{display: block;width: 180px;line-height: 55px;margin: 0 auto;text-align: center;font-size: 20px;color: #fff;background-color: #015897;    background-image: repeating-linear-gradient(-135deg, transparent,transparent 2px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 3px);}
.staff_div > ul > li > ul li .lab{background-color:darkorange; width:248px;}
.staff_div > ul > li > ul li .esa{width:250px;}
.staff_div > ul > li > ul > li:last-child > span {display: none;}
.staff_div > ul > li > ul > li > ul{position:relative;padding-top:70px;overflow:hidden;width:100%;margin:0 auto;display: flex;flex-direction: row;justify-content: space-between;}

.staff_div > ul > li > ul > li > ul:before {content: '';position: absolute;left: 9.2%;top:40px;width:calc(100% - 18.4%);height: 1px;background-color: #969696;}
.staff_div > ul > li > ul > li > ul > li {position: relative;float: left;min-height: 155px;width:20%;margin-left:2%;border: 1px solid #232a38;box-sizing: border-box;background-color: #fff;border-radius:5px;}
.staff_div > ul > li > ul > li > ul > li:before {position: absolute;left: 50%;top: -31px;width: 1px;height: 30px;background-color: #969696;content: "";}
.staff_div > ul > li > ul > li > ul > li > span {display: block;line-height: 55px;text-align: center;font-size: 16px;font-weight: 400;background-color: #232a38;color:#fff;border-radius:5px 5px 0 0;}
.staff_div > ul > li > ul > li > ul > li > ul {line-height: 35px;padding: 15px 15px;}
.staff_div > ul > li > ul > li > ul > li > ul > li > span {position: relative;display: inline-block;padding-left: 11px;font-size:16px;}
.staff_div > ul > li > ul > li > ul > li > ul > li > span:before {content: '';position: absolute;left: 0;top: 50%;width: 3px;height: 3px;margin-top: -2px;border-radius: 3px;background-color: #000;}
.staff_div > ul > li > ul > li > ul > li:first-child{margin-left:0;}

.staff_div > ul > li > ul > li > dl > dt > span:before {content: '';position: absolute;left: 0;top: 50%;width: 3px;height: 3px;margin-top: -2px;border-radius: 3px;background-color: #000;}
.staff_div > ul > li > ul > li > dl > dt > span {position: relative; display: inline-block; padding-left: 11px; font-size: 16px;}
.staff_div > ul > li > ul > li > dl {line-height: 35px; padding-left:15px;}



/* ****************** 01 회사소개 :: 05 찾아오시는길 ********************** */
.location_wrap .tableType01 {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative; width:100%; margin-top:10px; margin-bottom:10px;}
.location_wrap .tableType01 table {border-collapse:collapse;}
.location_wrap .tableType01 table.table {position:relative; width:100%; border-top-width:2px; border-top-style:solid; border-top-color:#333 !important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;}
.location_wrap .tableType01 table.table tbody, 
.location_wrap .tableType01 table.table tfoot {text-align:center;}
.location_wrap .tableType01 table.table thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:16px; text-align:center;}

.location_wrap .tableType01 table.table tbody tr th.ms_th{font-size:18px !important; text-align:center;}
.location_wrap .tableType01 table.table tbody tr th, 
.location_wrap .tableType01 table.table tfoot tr th {width:15%;padding-top:10px; padding-right:5px; padding-bottom:10px;border-left:1px solid #c6c6c6;padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6;  background-color:#f4f5f8; color:#333; font-size:16px; text-align:center;}
.location_wrap .tableType01 table.table tbody tr th:first-child{border-left:0;}
.location_wrap .tableType01 table.table thead tr:first-child th {border-top-width:0;}
.location_wrap .tableType01 table.table tbody tr td, 
.location_wrap .tableType01 table.table tfoot tr td {line-height:1.6;padding:15px 20px 15px 35px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333;    text-align: justify;}
.location_wrap .tableType01 table.table tbody tr:first-child th, 
.location_wrap .tableType01 table.table tbody tr:first-child td, 
.location_wrap .tableType01 table.table tfoot tr:first-child th, 
.location_wrap .tableType01 table.table tfoot tr:first-child td {border-top:none;/*border-top-color:#949494;*/}
.location_wrap .tableType01 table.table tbody ul, 
.location_wrap .tableType01 table.table tbody ol {padding-left:0; text-align:left;}
.location_wrap .tableType01 table.table tr td.center{text-align:center;}

.location_wrap {margin-bottom: 10%;}
.location_wrap .main .mapwrap>div{width:100% !important;}
/* ****************** 02 사업소개 :: 01 사업소개 ********************** */
.business .talent-list-txt .tit{margin-bottom:15px;}

.business-wrap {margin-top: 100px;}
.business-wrap .busin-box {position: relative;padding: 35px 0;display: flex;justify-content: center;align-items: flex-start;width: 100%;}
.business-wrap .busin-box:before {display: block;content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #d9d9d9;width: 100%;transition: width 1s ease;}
.business-wrap .busin-box.active:before {width: 100%;}
.business-wrap .busin-box:after {display: block; content: ""; clear: both;}
.business-wrap .busin-box:last-child {padding-bottom: 0;}
.business-wrap .busin-box:last-child:before {display: none;}
.business-wrap .busin-box .num {font-size: 64px;line-height: 1;font-family: 'Play';font-weight: 300;letter-spacing: -.4px;color: #1f1f1f;transition: left 1s ease, opacity 1s ease;width: 15%;}
.business-wrap .busin-box.active .num {left: 0; opacity: 1;}
.business-wrap .busin-box .tit {float: left;position: relative;font-size: 32px;line-height: 44px;color: #1f1f1f;letter-spacing: -.4px;vertical-align: top;transition: left 1s ease, opacity 1s ease;width: 35%;padding-right: 10%;word-break: keep-all;}
.business-wrap .busin-box.active .tit {left: 0; opacity: 1; transition-delay: .2s;}
.business-wrap .busin-box .txt {float: left; position: relative; left: -30px; padding-left: 10px; width: 50%; font-size: 16px; line-height: 26px; color: #444; word-break: keep-all; vertical-align: top; opacity: 0; transition: left 1s ease, opacity 1s ease;}
.business-wrap .busin-box.active .txt {left: 0; opacity: 1; transition-delay: .4s;}


.business-wrap .busin-box>ul {float: left;position: relative;width: 50%;font-size: 16px;line-height: 28px;color: #444;word-break: keep-all;vertical-align: top;transition: left 1s ease, opacity 1s ease;width: 50%;background:#ecf7ff;padding:1% 2%;}
.business-wrap .busin-box ul li {position: relative;padding-left: 10px;}
.business-wrap .busin-box>ul >li:before {content: '';display: block;width: 3px;height: 3px;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 100%;}
.business-wrap .busin-box ul li.depth:before {transform: translateY(-35px);}

.business-wrap .busin-box ul li ul.ict-solution {position: relative;margin-left: 10px; margin: 10px;}
.business-wrap .busin-box ul li ul.ict-solution li {position: relative;width: 48%;display: inline-block;}
.business-wrap .busin-box>ul>li >ul.ict-solution>li:before {content: '';display: block;width: 4px;height: 2px;background: #000;left: 0;top: 50%;margin-top: -1px;position: absolute;}




/* ****************** 02 사업소개 :: 02 SI ********************** */

.businessWrap .businimg{position: relative;margin: 0 auto;width: calc(100% - 200px);height: 400px;text-align: center;overflow: hidden;}
.businessWrap .businimg.si{background: url(../images/sub/busin-si.png);background-attachment:fixed;background-size:cover;}
.businessWrap .busin_img img {position: relative;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.businessWrap .busin_txtbox {display: flex;justify-content: space-between;align-items: flex-start;margin: 5% auto;width: 1400px;}
.businessWrap .busin_txtbox .sub_tit {font-size: 42px;line-height: 50px;letter-spacing: 0.8px;color: #000;word-break: keep-all;margin-right: 80px;text-align:left;}
.businessWrap .busin_txtbox .con_txt {font-size: 18px;line-height: 36px;letter-spacing: 0.8px;color: #333;width: 60%;word-break: keep-all;}

.business-card {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;margin-left: -40px;margin-bottom:5%;}

.business-card .col {width: calc(25% - 40px);margin: 0 0 40px 40px;cursor: pointer;}
.business-card .col .container {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}

.container .front, .container .back {background-size: cover;
    border-radius: 10px;
    background-position: center;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 270px;
    height: 320px;
    border-radius: 10px;
}
.container .inner { -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top: 50%;position: absolute;left: 0;width: 100%;padding: 10%;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;}

.container .front {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.container .front {background: #f4f5f5;}
.container .front .inner p {position: relative;font-size: 24px;word-break: keep-all;margin-top:35px;}
.container .front .inner span {color: #373737;font-size: 17px;line-height: 24px;}

.container .back {background: #25aae2;}
.container .back {position: absolute;top: 0;left: 0;width: 100%;}
.container .back { -webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.container .back .icon{display:none;}
.container .back .inner .line {width: 40px;margin: 0 auto; border-top: 2px solid #fff;}
.container .back .inner p{color:#fff;font-size:20px;margin-bottom:25px;}
.container .back .inner span {display: inline-block;margin-top: 25px;color: #fff;font-size: 18px;font-weight:300;}

.container:hover .front, .container:hover .back{
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}
    
.container:hover .front{    
	-webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;}

.container:hover .back{    
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;}
    
 
.bg-type02{background:#f0f6ff;padding:5% 0;}
.pomtecsi-con {display: flex;position: relative;width: 100%;max-width:1400px;margin:0 auto;overflow: hidden;}
.pomtecsi-con .left{width:30%;height:100%;font-size:24px;}
.pomtecsi-con .left .tit{max-width:490px;width:90%;height:100%;}

.pomtecsi-con .right{width:100%;}
.pomtecsi-con .right .slide-list{position:relative;}
.pomtecsi-con .right .slide-list .list{position:relative;/*width:75%;*/float:left;margin-bottom:8%;}
.pomtecsi-con .right .slide-list .list:nth-child(2){float:right;}
.pomtecsi-con .right .slide-list .list:last-child{margin-bottom:0;}
.pomtecsi-con .right .slide-list .list .imgbox{min-height:150px;height:260px;position:relative;display:block;overflow:hidden;}
.pomtecsi-con .right .slide-list .list .txtbox p.list-tit{font-weight: 500;font-size: 24px;position: relative;display: inline-block;text-indent: 10px;margin: 15px 0;}
.pomtecsi-con .right .slide-list .list .txtbox p.list-tit:after{content: '';position: absolute;left: 5px;bottom: 0px;width: 100%;height: 8px;transform-origin: right;transition: width 1s ease-out;transition-delay: 0.5s;z-index: -1;background: rgba(58,172,255,0.4);border-radius: 15px;}





.sec-topbox {text-align: center;margin-top: 5%;}
.sec-topbox .sec-tit {font-size: 42px;font-weight: 700;display: block; margin-bottom: 2%;}
.sec-topbox .sec-txt {font-size: 20px;}


.client-list {margin-top: 3%;}
.client-list ul {display: flex;flex-wrap: wrap;align-items: center;}

.client-list ul.cont-4-box {opacity: 1;transform: translateY(0px);transition: transform 1s, opacity 1s;}
.client-list ul li {float: left;margin-right: 1.49999%;width: 23.87%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 0;border:1px solid #ccc;margin-bottom: 1.49999%;/*min-height: 140px;*/}
.client-list ul li:nth-child(4n) {margin-right: 0;}

.client-list ul li img {width: 100%;height: auto;}


/*주요실적*/
.performance-wrapper {margin-top: 5%;}
.performance-wrapper .ah-tab a { display: table;height: 70px;table-layout: fixed;text-align: center;-webkit-transition: all 0.2s;transition: all 0.2s;position: relative;width: 25%;float: left;border: 0;border-bottom: 3px solid #e5e5e5;-webkit-transition: all 0.2s;transition: all 0.2s;padding: 0;margin: 0;background: transparent;vertical-align: middle;color: #aaa;line-height: 70px;}
.performance-wrapper .ah-tab a em { display: table-cell;vertical-align: middle;font-size: 18px;font-weight: 500;letter-spacing: -1px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.performance-wrapper .ah-tab a b {display: inline-block;font-size: 30px;font-weight: 600;margin-right: 15px;}
.performance-wrapper .ah-tab a:hover {text-decoration: none;}


.performance-page .client-list ul li {position: relative;line-height: initial;padding: 2%;/*min-height: 218px;*/}
.performance-page .client-list ul li p {display: block;position: relative;font-size: 16px;margin-bottom: 10px;}
.performance-page .client-list ul li .pj-name {font-size: 18px;margin-bottom: 15%;width: 100%;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box;font-weight: 500;min-height: 52px;}
.performance-page .client-list ul li p span {border-radius: 15px;padding: 0px 10px;margin-right: 10px;/*background: #e9e9e9;*/background:#25aae2;color:#ffffff;}

.performance-page .client-list ul li:before,.performance-page .client-list ul li:after {width: 0;height: 2px;position: absolute;display: block;content: "";background-color: #25aae2;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;z-index: 999;}
.performance-page .client-list ul li:before {left: 0;bottom: 0;}
.performance-page .client-list ul li:after {right: 0;top: 0;}

.performance-page .client-list ul li>div:before, .performance-page .client-list ul li>div:after { width: 2px;height: 0px;position: absolute; display: block;content: "";background-color: #25aae2;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;z-index: 999;}
.performance-page .client-list ul li>div:before {right: 0;bottom: 0;}
.performance-page .client-list ul li>div:after {left: 0;top: 0;}


.performance-page .client-list ul li:hover:before,.performance-page .client-list ul li:hover:after,
.performance-page .client-list ul li:focus:before,.performance-page .client-list ul li:focus:after
{width:100%;opacity:1;filter: alpha(opacity=100);}
.performance-page .client-list ul li:hover>div:before, .performance-page .client-list ul li:hover>div:after,
.performance-page .client-list ul li:focus>div:before, .performance-page .client-list ul li:focus>div:after
{height:100%;opacity:1;filter: alpha(opacity=100);}

.performance-page .pj-morebox { margin-top: 33px; display: flex; justify-content: center; align-items: flex-start; width:100%;}
.performance-page .pj-morebox a { position: relative; display: inline-block;width:80px;height:80px;border-radius:100%;overflow:hidden;border:2px solid #747070;background-color:transparent;text-align: left; box-sizing: border-box; /*width: 215px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px;  padding: 0 20px;*/ }
.performance-page .pj-morebox a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0%; background-color: #222; z-index: 0; -webkit-transition: height 0.35s ease;transition: height 0.35s ease;}
.performance-page .pj-morebox a:after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-top: 10px;margin-left:-5px; border-bottom: 2px solid #333; border-right: 2px solid #333; box-sizing: border-box; transform: rotate(45deg); -webkit-transition: border 0.25s ease; transition: border 0.25s ease;}
.performance-page .pj-morebox a span { display: block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; line-height:70px;text-align:center;}

.performance-page .pj-morebox a:hover {border-color: #222;}
.performance-page .pj-morebox a:hover:before { height: 100%; }
.performance-page .pj-morebox a:hover:after { border-color: #fff; transition-delay: 0.35s; }
.performance-page .pj-morebox a:hover span { color: #fff; }
.performance-page .pj-morebox a:hover span:before { left: 100%; transition-delay: 0.35s; }


/* ****************** 02 사업소개 :: 03 SM ********************** */
.businessWrap .businimg.sm{background: url(../images/sub/busin-sm.png);background-attachment:fixed;background-size:cover;}

/* ****************** 02 사업소개 :: 04 WEB ********************** */
.businessWrap .businimg.web{background: url(../images/sub/busin-web.png);background-attachment:fixed;background-size:cover;}

/*주요실적*/
.portfolio-list {margin: 3% 0 0;}
.portfolio-list ul{display: flex;flex-wrap: wrap;align-items: center;}
.portfolio-list ul.cont-4-box {opacity: 1;transform: translateY(0px);transition: transform 1s, opacity 1s;}

.portfolio-list ul li {float: left;overflow:hidden;margin-right: 1.49999%;width: 23.87%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-bottom: 1.49999%;position: relative;min-height: 218px;height:100%;/*background:url(../images/common/web-basicimg.png) !important;*/}
.portfolio-list ul li:nth-child(4n) {margin-right: 0;}

.portfolio-list ul li a {display: block;width:100%;position:relative;background-color:transparent;box-sizing:border-box;min-height: 218px;height: 100%;}
.portfolio-list ul li .offdiv { position: absolute;left: 0;top: 0;width: 100%;box-sizing: border-box;opacity: 1;transition: all 0.4s;height: 100%;}
.portfolio-list ul li .offdiv p.pf-name { position: absolute;bottom: 0;left: 0;color: #fff;background:rgba(0,0,0,0.5);width:100%;font-size:16px;padding:5px 8px;line-height:145%;min-height:56px;display:flex;justify-content:flex-start;align-items:center;}

.portfolio-list ul li .ondiv {opacity: 0;padding:5% 8%;left:0px;transition: all 0.6s;background: rgba(37 170 226 / 0.8);position: absolute;top:0;width: 0%;height: 100%;color: #fff;text-align: center;    -webkit-transition: width 0.35s ease;transition: width 0.35s ease;    word-break: keep-all;}
.portfolio-list ul li .ondiv span.ico {position: relative;}
.portfolio-list ul li .ondiv p.pf-name {font-size: 18px;font-weight: 500;}
.portfolio-list ul li .ondiv p.pf-item {margin-top: 5%;font-size:16px;line-height:1.4;}
.portfolio-list ul li .ondiv p.pf-more {position: relative;margin-top: 25px;}
.portfolio-list ul li .ondiv p.pf-more span {position: relative;width: 45px;display: block;margin: 0 auto;height: 10px;}
.portfolio-list ul li .ondiv p.pf-more span:before { content: '';width: 40px; height: 2px; background: #ffffff; position: absolute; top: 50%; margin-top: -1px; left: 0; -webkit-transition: all .3s ease;transition: all .3s ease;}
.portfolio-list ul li .ondiv p.pf-more span:after { content: '';width: 0;height: 0;border-style: solid; border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #ffffff; position: absolute;top: 50%;margin-top: -5px;right: 0; -webkit-transition: all .3s ease;transition: all .3s ease;}

.portfolio-list ul li:hover .ondiv {opacity: 1;width:100%;}
.portfolio-list ul li:hover .offdiv {opacity: 0;transition: all 0.4s;}

.portfolio-list ul li.pf01{background: url(../images/sub/web_img01.jpg);background-size:cover;}
.portfolio-list ul li.pf02{background: url(../images/sub/web_img04.jpg);background-size:cover;}
.portfolio-list ul li.pf03{background: url(../images/sub/web_img01.jpg);background-size:cover;}
.portfolio-list ul li.pf04{background: url(../images/sub/web_img01.jpg);background-size:cover;}
.portfolio-list ul li.pf05{background: url(../images/sub/web_img03.jpg);background-size:cover;}


/* ****************** 03 solution :: 01 mes ********************** */
.solution-sec01 {position: relative;margin-bottom: 3%;}
.solution-sec01 .sub_tit {line-height: 50px;letter-spacing: 0.8px;color: rgba(0,0,0,0.3);word-break: keep-all;margin-right: 30px;font-size: 28px;width: 100%; text-align: center;padding-top:50px;}
.solution-sec01 .sub_tit:before {content: '';width: 2px;height: 35px;position: absolute;display: block;top: 0;left: 50%;transform: translateX(-50%);background: black;}
.solution-sec01 .sub_tit p:first-child {margin-bottom: 1%;color: #000;font-size: 38px;font-weight: 600;}
.solution-sec01 .sub_tit p.sec-tit.font-play{display:none;}
.solution-sec01 .con_txt {font-size: 18px;line-height: 36px;letter-spacing: 0.8px;color: #333;word-break: keep-all;margin-top: 2%;text-align: center;}


.solution-img {   position: relative;overflow: hidden; width: 100%;height: 300px;}
.solution-img{background: url(../images/sub/solsec01-img01.png) no-repeat center;background-attachment: fixed; }
.solution-img.erp{background: url(../images/sub/solsec01-img04.png) no-repeat center;background-attachment: fixed; }
.solution-img.se-erp{background: url(../images/sub/solsec01-img06.png) no-repeat center;background-attachment: fixed;}
.solution-img.rcs{background: url(../images/sub/solsec01-img07.png) no-repeat center;background-attachment: fixed;}
.solution-img.pms{background: url(../images/sub/solsec01-img05.png) no-repeat center;background-attachment: fixed; }



.solution-img.framework{background: url(../images/sub/solsec01-img02.png) no-repeat center;background-attachment: fixed; }
.solution-img.e-pro{background: url(../images/sub/solsec01-img08.png) no-repeat center;background-attachment: fixed;}
.solution-img.eis{background: url(../images/sub/solsec01-img09.png) no-repeat center;background-attachment: fixed; }
.solution-img.mims{background: url(../images/sub/solsec01-img10.png) no-repeat center;background-attachment: fixed;}



.solution-sec02 { display: flex;justify-content: space-between; align-items: flex-start;margin: 5% auto;}

.solution-sec02 h4.con-tit { font-size: 38px; line-height: 50px; letter-spacing: 0.8px; color: #000; word-break: keep-all;margin-right: 80px; text-align: left;}

.solution-sec02 >div { font-size: 18px; line-height: 36px; letter-spacing: 0.8px; color: #333; width: 80%; word-break: keep-all;}
.solution-sec02 >div p {margin-bottom: 2%;}
.solution-sec02 >div p:last-child { margin-bottom: 0;}

ul.sec02-ul {display: flex;justify-content: space-between; margin-top: 30px;}
ul.sec02-ul li {border-radius: 12px;text-align: center;border: 1px solid #ddd;display: block;padding: 5px 10px;width: 24%;min-height: 100px;float: left; margin-right: 15px;margin-bottom: 15px;vertical-align: middle;text-align: center;display: flex;flex-direction: column; justify-content: center;align-items: center;position: relative;box-sizing: border-box;justify-content: flex-start;height: 100%;background: #d7d7d7;}
ul.sec02-ul>li:nth-child(even){background:#b7d8e5;}
ul.sec02-ul li p.tit {font-weight: 400;font-size:18px;word-break: keep-all;height: 45px;width: 100%;margin: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.6;}

ul.sec02-ul li>ul {padding: 0;margin: 0;width: 100%;height: 70%;    min-height: 165px;border-top:1px solid #fff;padding-top:15px;}
ul.sec02-ul li>ul>li {border: 0;width: 100%;padding: 5px;margin-right: 0; min-height: auto;background: #ffffff;margin-bottom: 5px;font-size: 16px;padding: 2% 5%;line-height: 140%;position: relative;border-radius: 5px;word-break: keep-all;}

.solution-sec03{margin:5% auto;}
.solution-sec03 h4.con-tit { font-size: 38px; line-height: 50px; letter-spacing: 0.8px; color: #000; word-break: keep-all;text-align: center;display:block;margin:0 auto 3%;}
.solution-sec03 .sec03-box{text-align: center;}

.solution-sec03 .sec03-box ul.mes {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;border: 1px solid #ddd;padding: 20px 10px;}
.solution-sec03 .sec03-box ul.mes li { margin-bottom: 20px;}
.solution-sec03 .sec03-box ul.mes li.type01 {background: #0154a6;color: #fff;padding: 1% 5%;border-radius: 5px;}
.solution-sec03 .sec03-box ul.mes li.type02 {display: block;background: #edeff2; width: 100%; border-radius: 5px;height: 45px;line-height: 45px;}
.solution-sec03 .sec03-box ul.mes li.type02:last-child {margin-bottom: 0;}
.solution-sec03 .sec03-box ul.mes li.type03 {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;width: calc(100% - 20px);}
.solution-sec03 .sec03-box ul.mes li.type03 dl {width:11.11%;border: 1px solid #ddd;box-sizing: border-box;border-radius: 3px;margin-right: 10px;min-height:153px;}
.solution-sec03 .sec03-box ul.mes li.type03 dl:last-child {margin-right: 0;}
.solution-sec03 .sec03-box ul.mes li.type03 dl dt {background: #25aae2;color: #fff;font-size: 16px;border-radius: 3px 3px 0 0;padding: 5px 0;}
.solution-sec03 .sec03-box ul.mes li.type03 dl dd {font-size: 16px;position: relative;text-align: left;padding-left: 8px;margin: 3px 0px 3px 10px;line-height:150%;}
.solution-sec03 .sec03-box ul.mes li.type03 dl dd:before {content: '';width: 3px;height: 3px;background: #333;display: block;position: absolute;left: 0;top: 9px;}



/* ****************** 03 solution :: 02 erp ********************** */

ul.sec02-ul.type-ico li {min-height: auto;padding-bottom: 30px;}
ul.sec02-ul.type-ico li .ico {display: block;width: 100px;height: 100px;margin: 15px 0;}


.solution-sec03 .sec03-box .ERP {display: flex;flex-direction: column;justify-content: center; align-items: center;width: 100%;border:1px solid #ddd;padding:20px 10px;}
.solution-sec03 .sec03-box .ERP li.type01 {margin: 2% 0;}
.solution-sec03 .sec03-box .ERP li.type01 ul { display: flex; justify-content: center; align-items: center;}
.solution-sec03 .sec03-box .ERP li.type01 ul li {width: 200px;height: 200px;background: #0079ab;position: relative;border-radius: 100%;margin-right: 80px;line-height: 150%;font-size: 22px;padding-top: 83px;color: #fff;font-weight: 300;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:nth-child(2) {background: #2e6fcd; padding-top: 70px;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:last-child {margin-right: 0; background: #06378e;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:before { content: ''; border: 1px dashed #0079ab; width: 210px; height: 210px; position: absolute; display: block; top: -5px; left: -5px; border-radius: 100%;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:nth-child(2):before {border-color: #2e6fcd;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:last-child:before {border-color: #06378e;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:after{ content:'';display: block; position: absolute; top: 50%; right: -45px; width: 20px; height: 20px; border-right: 3px solid #c3c3c3; border-bottom: 3px solid #c3c3c3; transform: rotate(-45deg);margin-top:-10px;}
.solution-sec03 .sec03-box .ERP li.type01 ul li:last-child:after { display: none;}

.solution-sec03 .sec03-box .ERP li.type02 {width: 100%;display: flex; flex-direction: row;justify-content: flex-start;align-items: flex-start;padding: 15px;}
.solution-sec03 .sec03-box .ERP li.type02 p.tit {min-width: 130px;margin-right: 15px;background:#25aae2;color:#fff;border-radius:3px;padding:18px 15px;line-height:1.4;}
.solution-sec03 .sec03-box .ERP li.type02 div { width: calc(100% - 145px);}
.solution-sec03 .sec03-box .ERP li.type02 div.flex-row-bet {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-basis: 2;}
.solution-sec03 .sec03-box .ERP li.type02 div.flex-row-bet p:last-child {margin-right: 0;}
.solution-sec03 .sec03-box .ERP li.type02 div p {margin-right: 30px; background: #edeff2;width: 100%;border-radius: 3px;position:relative;padding:18px 15px;line-height:1.4;}
.solution-sec03 .sec03-box .ERP li.type02 div p:after {content: '+';color:#5e5e5e;display: block;position: absolute;top: 50%;right: 0;line-height: normal;font-size: 18px;width: 12px;height: 25px;margin-right: -20px;transform: translateY(-50%);}
.solution-sec03 .sec03-box .ERP li.type02 div p:last-child:after {display: none;}
.solution-sec03 .sec03-box .ERP li.type02:last-child {margin-bottom: 0;}

ul.sec02-ul.type-numico {display: block; justify-content: initial; margin-top: 0;}
ul.sec02-ul.type-numico li {/* width: 32.6%;*/width:calc(25% - 15px);min-height: 215px;padding: 20px 35px; border: 0; background: #eee; border-radius: 3px; display: block;}
ul.sec02-ul.type-numico.se-erp li{/*min-height:255px;*/min-height:282px;}
ul.sec02-ul.type-numico li:nth-child(4n) {margin-right: 0;}

ul.sec02-ul.type-numico li span.num {display: inline-block; position: absolute;right: 0;top: 0;width: 40px; height: 40px;line-height: 40px;text-align: center;background: #e1e1e1;color: #999;font-size: 18px;border-radius: 0 3px 0 0;background: #fff;color: #999;}
ul.sec02-ul.type-numico li .tit {color:#000;font-size: 20px;font-weight: 500;position: relative;display: block;text-align: left;justify-content: initial;align-items: initial;overflow: hidden;height: auto;line-height: 50px;padding-top: 0;}
ul.sec02-ul.type-numico li .tit:before {content: '';width: 50px;height: 50px;display: block;background: #f9f8f6 url(../images/sub/solution-icobox.png)no-repeat;border-radius: 10px;float: left;margin-right: 15px;}

ul.sec02-ul.type-numico li .txt {font-size: 18px;text-align: left;margin-top: 15px;line-height: 1.5;}

ul.sec02-ul.type-numico li .tit {font-size: 18px;width: 100%;line-height: 1.5;font-weight: 400;}
ul.sec02-ul.type-numico li .tit:before {float: initial;margin-bottom: 15px;}

/* ****************** 03 solution :: 04 pms ********************** */
.solution-sec03 .sec03-box ul.pms {position: relative;}
.solution-sec03 .sec03-box ul.pms li {position: relative;margin-bottom: 30px;border: 1px solid #ddd;padding: 15px;display: block;box-sizing: border-box;background: #ffffff;}
.solution-sec03 .sec03-box ul.pms li:last-child {margin-bottom: 0;}
.solution-sec03 .sec03-box ul.pms li:nth-child(2) { min-height: 171px;}
.solution-sec03 .sec03-box ul.pms li:after {content: '';display: block;position: absolute;bottom: -19px;left: 50%;width: 10px;height: 10px;border-right: 2px solid #979797;border-bottom: 2px solid #979797;transform: rotate(45deg);}
.solution-sec03 .sec03-box ul.pms li:last-child:after {display: none;}


.solution-sec03 .sec03-box ul.pms li span.num {display: block; width: 61px;height: 61px;background: #d7e2f9;border-radius: 50%;font-size: 26px;color: #333333;text-align: center;float: left;font-weight: 500;line-height: 61px;margin-right: 15px;font-weight: 600;}

.solution-sec03 .sec03-box ul.pms li p {position: relative;}
.solution-sec03 .sec03-box ul.pms li p.tit {padding: 0;border-bottom: 0;color: #121212;font-size: 22px;line-height: 24px;font-weight: 400;text-align: left;margin-top: 8px;}
.solution-sec03 .sec03-box ul.pms li p.txt {margin: 5px 0 0;word-wrap: break-word;word-break: keep-all;color: #666;font-size: 18px;line-height: 24px;text-align: left;}

.solution-sec03 .sec03-box ul.pms li dl {overflow: hidden;min-width:530px;position: relative;margin: 0;margin-top: 10px;font-size: 18px;text-align: left;background: #f5f5f5;padding: 10px;border-radius: 5px;width: 40%;margin-left: 70px;}
.solution-sec03 .sec03-box ul.pms li dl dt {width: 80px;display: block;text-align: center;float: left;background: #edeef0;border-radius: 25px;height: 30px;line-height: 30px;margin-right: 15px;font-weight: 400;background: #d7e2f9;}
.solution-sec03 .sec03-box ul.pms li dl dd {position: relative; display: block;line-height: 160%;color: #666;margin-left: 20px;word-break: break-all;margin-top: 3px;margin-bottom: 10px;overflow: hidden;margin-inline-start: 0;}

/* ****************** 03 solution :: 05 framework ********************** */

.solution-sec03 .sec03-box ul.framework { display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: 100%;border: 1px solid #ddd;padding: 20px;}
.solution-sec03 .sec03-box ul.framework>li {width: 100%;}
.solution-sec03 .sec03-box ul.framework>li:first-child {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;width: 100%;font-size: 16px;margin-right: 15px;}
.solution-sec03 .sec03-box ul.framework>li:last-child {background: #edeff2;margin-top: 15px;padding:10px;line-height:1.6;}

.solution-sec03 .sec03-box ul.framework>li:first-child>div {width: 33%;margin-right: 15px;height: 100%;min-height:467px;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div:last-child {margin-right: 0;}

.solution-sec03 .sec03-box ul.framework>li p.tit {font-size: 18px;margin-bottom: 5px;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01>div {margin-bottom: 15px;background:#edeff2;padding: 10px;position: relative;min-height:214px;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01>div .tit,.solution-sec03 .sec03-box ul.framework>li:first-child div .tit {font-size: 18px;background: #25aae2;width: 150px;display: block;margin: 0 auto;border-radius: 15px;color: #fff;margin-bottom: 15px;float: initial;padding: 0;font-weight:300;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01 .top .step1-topdl>dl {z-index:10;min-height:150px;float: left;display: block;position: relative;overflow: hidden;background: #999999;margin-right: 30px;padding: 10px;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01 .top .step1-topdl>dl>dt {padding: 5px 0;color:#fff;font-weight:300;line-height:1.2;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01 .top .step1-topdl>dl:last-child {margin-right: 0;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01 .top .step1-topdl>dl>dd {padding: 2px 15px;background: #fff;margin-bottom: 5px;border-radius:3px;line-height:1.2;}

.step1-topdl {display: inline-block;}

.solution-sec03 .sec03-box  ul.framework p {float: left;display: block; position: relative;background: #b5b5b5;padding: 5px 10px;border-radius: 3px;min-width: 80px;}

.solution-sec03 .sec03-box ul.framework .intbox>ul {text-align: center;float: left; display: block; position: relative;overflow: hidden;background: #999999;margin-right: 15px;padding: 10px;}
.intbox {display: inline-block;position: relative;display: flex;justify-content: center;align-items: center;}
.intbox>p {margin-right: 70px;}
.intbox>p:before {content: '';display: block;position: absolute;top: 50%; right: -60px;width: 9px; height: 9px;border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;transform: rotate(-45deg);margin-top: -4px;z-index: 9999;}
.intbox>p:after {content: '';width: 50px;height: 1px;display: block;background: #ababab;position: absolute;top: 50%;right: -60px;}


ul.framework .intbox>ul>li {background: #fff;padding: 2px 25px;background: #fff;margin-bottom: 5px;line-height:1.6;border-radius:3px;}

ul.framework .intbox>ul>li:last-child {margin-bottom: 0;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 {background: #edeff2;padding: 10px;position: relative;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step03 {background:#edeff2;padding: 10px;position: relative;overflow: hidden;}

.step03box1 {display: flex;flex-direction: row;justify-content: center;}
.solution-sec03 ul.framework .step03box1>p{margin-right: 70px;width:30%;min-height:155px;}

.solution-sec03 ul.framework .step03box2 dl {display: block;position: relative;overflow: hidden;background: #999;padding: 10px;min-width:170px;}
.step03box2 dl>dt {padding: 5px 0;color:#fff;font-weight:300;}
.step03box2 dl>dd {padding: 2px 15px;background: #fff;margin-bottom: 5px;    line-height: 1.6;border-radius: 3px;}

.solution-sec03 ul.framework  .step03box2>p {width: 100%;line-height: 1.2;margin-top: 15px;min-width:170px;padding:15px 0;}
.step03box1>p>span {position: absolute;left: 50%;top: 50%;width: 100%;transform: translateX(-50%);}

.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li {position: relative;margin-bottom: 5px;z-index:9;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc {border: 1px solid #ddd;padding: 10px;position: relative;width: 50%;margin: 0 auto;overflow: hidden;background:#fff;min-width:200px;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc>ul:before {content: '';width: 1px;height: calc(100% - 55px);display: block;background: #000;position: absolute;top: 40px;left: 70px;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul li.ico {width: 10px;height: 10px; background: #000;border-radius: 100%;display: block;margin-left:55px;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul li.first:after {content: '';width: 1px;height: 20px;display: block;background: #000;left: 50%;margin-left: 5px;}


.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul li.color1 {background: #d7d7d7;display: block;height: 24px;width:24px;margin: 10px 0;border-radius: 0;transform: rotate(45deg); margin-left: 49px;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color2,.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color3 {width: calc(100% - 35%);display: block;position: relative;height: 25px;margin: 15px auto;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color2>li {height: 25px;width: 45%;float: left;margin-right: 10%;border-radius: 15px;box-sizing:border-box;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color2>li:last-child {margin-right: 0;}

.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color3>li {height: 25px; width: 45%; float: left; margin-right: 10%; border-radius: 15px;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color3>li:last-child {display:none;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul.color3>li:last-child {margin-right: 0;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc ul>li>ul>li>span{background:#d8d8d8;height:20px;width:20px;display:block;margin:0 auto;border-radius:100%;}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc:before{    content: '';width: calc(100% - 140px);height: 1px;background: #000;display: block;position: absolute;top: 41px;left: 50%;transform: translateX(-50%);}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc:after {content: '';width: calc(100% - 140px);height: 1px;background: #000;display: block;bottom: 18px;left: 50%;position: absolute;transform: translateX(-50%);}
.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.blc>ul:after { content: '';width: 1px; height: calc(100% - 60px);display: block;background: #000;position: absolute;top: 42px;right: 70px;}


li.intbox2>ul>li {float: left;display: block;position: relative;background: #b5b5b5; padding: 10px;border-radius: 3px;min-width: 80px; text-align: center;}
li.intbox2>ul { display: flex;flex-direction: row;justify-content: center;align-items: center;}
li.intbox2>ul>li>ul {display: flex;flex-direction: column;}
li.intbox2>ul>li>ul>li {margin-bottom: 15px;background: #b5b5b5;display: block;position: relative;background: #b5b5b5;padding: 5px 10px;border-radius: 3px;min-width: 80px;text-align: center;}
li.intbox2>ul>li:first-child { margin-right: 30px;}
li.intbox2>ul>li:last-child {background: transparent;}

.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02 ul li.intbox2 {margin: 8%;}
.solution-sec03 .sec03-box ul.framework>li:first-child div.step01 .bot {margin-bottom: 0;}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01>div:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -35px;
    width: 9px;
    height: 9px;
    border-right: 2px solid #0154a6;
    border-bottom: 2px solid #0154a6;
    transform: rotate(-45deg);
    margin-top: -4px;
    z-index: 9999;
}

.solution-sec03 .sec03-box ul.framework>li:first-child div.step01>div:after {
    content: '';
    width: 80px;
    height: 2px;
    display: block;
    background: #0154a6;
    position: absolute;
    top: 50%;
    right: -34px;
    z-index: 9;
}

.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02>div {position: relative;}

.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02>div:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -60px;
    width: 9px;
    height: 9px;
    border-right: 2px solid #0154a6;
    border-bottom: 2px solid #0154a6;
    transform: rotate(-45deg);
    margin-top: -4px;
    z-index: 9999;
}

.solution-sec03 .sec03-box ul.framework>li:first-child>div.step02>div:after {content: '';width: 50px;height: 2px;display: block;background: #0154a6;position: absolute;top: 50%;right: -60px;z-index: 9999;}

.step03box2 { position: relative;width: 70%;}

.solution-sec03 ul.framework .step03box1 {position: relative;width: 80%;margin: 15% auto;}

.solution-sec03 .sec03-box ul.framework .step03box1>p:before {content: '';display: block;position: absolute;top: 50%;right: -60px;width: 9px;height: 9px;border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;transform: rotate(-45deg);margin-top: -4px; z-index: 9999;}

.solution-sec03 .sec03-box ul.framework .step03box1>p:after {content: '';width: 50px;height: 1px;display: block;background: #ababab;position: absolute;top: 50%;right: -60px;}
/* ****************** 03 solution :: 06 e-pro ********************** */

ul.sec02-ul.type-numico.e-pro li {min-height: 255px;}
ul.sec02-ul.eis>li{min-height:302px;}

.solution-sec03 .sec03-box ul.e-pro {display: flex;flex-direction: row;justify-content: space-between;align-items: center;width:100%;border:1px solid #ddd;padding:30px;/*background-color:#edeff2;*/}
.solution-sec03 .sec03-box ul.e-pro >li.type01 {border: 1px solid #ababab;padding: 15px;min-height: 310px; display: flex;justify-content: center;align-items: center;min-width: 200px;background-color:#ffffff;}
.solution-sec03 .sec03-box ul.e-pro >li.type01>p{background: #d3eef9;display: block;width: 100%;min-height: 278px;line-height: 278px;border-radius: 3px;}
.solution-sec03 .sec03-box ul.e-pro >li.type01>ul>li {background: rgba(37 170 226 / 20%);border-radius:3px;margin-bottom: 15px;padding: 10px;}
.solution-sec03 .sec03-box ul.e-pro >li.type01>ul>li:last-child {margin-bottom: 0;}

.solution-sec03 .sec03-box ul.e-pro >li.type02 {min-width: 180px;}
.solution-sec03 .sec03-box ul.e-pro >li.type02>ul:first-child {margin-bottom: 30%;}
.solution-sec03 .sec03-box ul.e-pro >li.type02>ul>li {margin-bottom: 15px;position: relative;font-size:16px;color:#333333;background:#e9e9e9;border-radius:15px;}

.solution-sec03 .sec03-box ul.e-pro >li.type02>ul>li:after {content: '';width: 100%;height: 1px;display: block;background: #ababab;position:absolute;top:50%;right:-20px;z-index:-1;}

.solution-sec03 .sec03-box ul.e-pro >li.type02>ul>li:before {content: '';display: block; position: absolute;top:50%;right: -20px;width: 9px;height: 9px;border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;transform: rotate(-45deg);margin-top: -4px;z-index: 9999;}
.solution-sec03 .sec03-box ul.e-pro>li.type02>ul>li.be_left:before{ content: '';display: block;position: absolute;top: 50%;left: -20px;width: 9px;height: 9px;border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;transform: rotate(135deg);margin-top: -4px;z-index: 9999;}
.solution-sec03 .sec03-box ul.e-pro>li.type02>ul>li.be_left:after{right:initial;left:-20px;}

/* ****************** 03 solution :: 06 eis ********************** */
.solution-sec03 .sec03-box ul.eis {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;width: 100%;border: 1px solid #ddd;padding: 30px;}

.solution-sec03 .sec03-box ul.eis li {width: 25%;text-align: center;margin-right: 25px;}
.solution-sec03 .sec03-box ul.eis li:last-child {margin-right: 0;}
.solution-sec03 .sec03-box ul.eis li:nth-child(even)>p {background: rgb(55,118,223);}
.solution-sec03 .sec03-box ul.eis li:nth-child(even)>p:before {content: '';width: 170px;height: 170px;display: block;border: 1px dashed rgb(55,118,223);position: absolute;top: -10px;left: -10px;border-radius: 100%;background: #fff;z-index: -1;}

.solution-sec03 .sec03-box ul.eis li>p {width: 150px;height: 150px;background: rgb(19,170,195);border-radius: 100%;line-height: 150px;position: relative;margin: 0 auto;background: rgb(36,168,225);color: #fff;}
.solution-sec03 .sec03-box ul.eis li>p:before {content: '';width: 170px;height: 170px;display: block;border: 1px dashed rgb(36,168,225);position: absolute;top: -10px;left: -10px;border-radius: 100%;background: #fff;z-index: -1;}
.solution-sec03 .sec03-box ul.eis li>p:after {content: '';width: 100%;height: 1px;display: block;position: absolute;right: -138px;top: 50%;z-index: -2;border: 1px dashed #8e9195;}
.solution-sec03 .sec03-box ul.eis li:last-child>p:after {display: none;}


.solution-sec03 .sec03-box ul.eis li>ul {margin-top: 25px;width: 100%;position: relative;border: 1px solid #ababab;text-align: center;padding: 15px;background: #ffffff;}
.solution-sec03 .sec03-box ul.eis li>ul>li {width: 100%;background: #d3eef9;margin-bottom: 15px;border-radius: 3px;position: relative; font-size: 16px;}
.solution-sec03 .sec03-box ul.eis li>ul>li:last-child {margin-bottom: 0;}

/* ****************** 03 solution :: 06 mims ********************** */

.solution-sec03 .sec03-box ul.mims {width: 100%;border: 1px solid #ddd;padding: 30px;position:relative;}


.solution-sec03 .sec03-box ul.mims >li {width: 100%;text-align: left; margin: 50px 0 30px;position: relative;height:50px;}

.solution-sec03 .sec03-box ul.mims >li:last-child {border-bottom: 0;margin: 0;}
.solution-sec03 .sec03-box ul.mims >li:first-child {margin-top: 0;}


.solution-sec03 .sec03-box ul.mims li p.tit {background: #d3eef9;border-radius: 5px; margin-right: 35px; width: 150px;text-align: center;height: 50px;float: left;height: 100%; line-height: 50px;}

.solution-sec03 .sec03-box ul.mims li>ul {position: relative;float: left;display: block;}
.solution-sec03 .sec03-box ul.mims li>ul>li {float: left;display: block;width: auto;background: #e3e3e3;margin-right: 50px;min-width: 160px;text-align: center;border-radius: 5px;min-height: 30px;height: 50px;line-height: 50px;position: relative;font-size: 16px;}
.solution-sec03 .sec03-box ul.mims li span.flow {width: calc(100% - 185px);background: #015897;float: right;min-width: 170px;text-align: center;border-radius: 5px;min-height: 30px;height: 50px;line-height: 50px;color: #fff;}

.solution-sec03 .sec03-box ul.mims li:nth-child(2)>ul{margin-left:320px;}
.solution-sec03 .sec03-box ul.mims li:nth-child(3)>ul{margin-left:420px;}


.solution-sec03 .sec03-box ul.mims li>ul>li:after {content: '';width: 50%;height: 1px; display: block;position: absolute;border: 1px dashed #c5c5c5;right: -50px;top: 50%;z-index: -1;}

.solution-sec03 .sec03-box ul.mims li>ul>li:last-child:after {display: none;}
.solution-sec03 .sec03-box ul.mims li>ul>li.qr-img {height: 50px;width: 50px;min-width: 50px;background:#e3e3e3 url(../images/sub/qr-code.png) no-repeat center;}
.solution-sec03 .sec03-box ul.mims li>ul>li.qr-img:after {width: 100%;}
.solution-sec03 .sec03-box ul.mims li:first-child>ul:before {content: ''; width: 1px;height: 217px;display: block;position: absolute;left: 48%;top: 5px;z-index: -1;border: 1px dashed #c5c5c5;}


.solution-sec03 .sec03-box ul.mims li:first-child>ul:after {content: '';width: 150px;height: 1px;display: block; position: absolute;left: 48%;top: 224px; z-index: -1;border: 1px dashed #c5c5c5;}

.solution-sec03 .sec03-box ul.mims li:nth-child(2)>ul:before {content: '';width: 1px;height: 26px;display: block;border: 1px dashed #c5c5c5;position: absolute;right: 75px;top: 49px;}

.solution-sec03 .sec03-box ul.mims li:nth-child(2)>ul:after {content: '';width: 422px;height: 1px; display: block;border: 1px dashed #c5c5c5;position: absolute;right: 75px;top: 75px;}

.solution-sec03 .sec03-box ul.mims li>ul>li:last-child {margin-right: 0;}

.solution-sec03 .sec03-box ul.mims li>ul>li.border_b:after {content: '';width: 1px;height: 217px;display: block;position: absolute;left: 50%;top: 5px;z-index: -1;border: 1px dashed #c5c5c5;}


/*solution-ico*/
ul.erp li p.tit01:before{background-position: 0 0 !important;}
ul.erp li p.tit02:before{background-position: -50px 0 !important;}
ul.erp li p.tit03:before{background-position: -100px 0 !important;}
ul.erp li p.tit04:before{background-position: -150px 0 !important;}

ul.se-erp li p.tit01:before{background-position: 0 -50px !important;}
ul.se-erp li p.tit02:before{background-position: -50px -50px !important;}
ul.se-erp li p.tit03:before{background-position: -100px -50px !important;}
ul.se-erp li p.tit04:before{background-position: -150px -50px !important;}
ul.se-erp li p.tit05:before{background-position: -200px -50px !important;}
ul.se-erp li p.tit06:before{background-position: -250px -50px !important;}

ul.rcs li p.tit01:before{background-position: 0 -100px !important;}
ul.rcs li p.tit02:before{background-position: -50px -100px !important;}
ul.rcs li p.tit03:before{background-position: -100px -100px !important;}
ul.rcs li p.tit04:before{background-position: -150px -100px !important;}

ul.framework li p.tit01:before{background-position: 0 -150px !important;}
ul.framework li p.tit02:before{background-position: -50px -150px !important;}
ul.framework li p.tit03:before{background-position: -100px -150px !important;}
ul.framework li p.tit04:before{background-position: -150px -150px !important;}
ul.framework li p.tit05:before{background-position: -200px -150px !important;}
ul.framework li p.tit06:before{background-position: -250px -150px !important;}
ul.framework li p.tit07:before{background-position: -300px -150px !important;}
ul.framework li p.tit08:before{background-position: -350px -150px !important;}
ul.framework li p.tit09:before{background-position: -400px -150px !important;}
ul.framework li p.tit10:before{background-position: -450px -150px !important;}
ul.framework li p.tit11:before{background-position: -500px -150px !important;}

ul.e-pro li p.tit01:before{background-position: 0 -200px !important;}
ul.e-pro li p.tit02:before{background-position: -50px -200px !important;}
ul.e-pro li p.tit03:before{background-position: -100px -200px !important;}
ul.e-pro li p.tit04:before{background-position: -150px -200px !important;}
ul.e-pro li p.tit05:before{background-position: -200px -200px !important;}
ul.e-pro li p.tit06:before{background-position: -250px -200px !important;}

ul.mims li p.tit01:before{background-position: 0 -250px !important;}
ul.mims li p.tit02:before{background-position: -50px -250px !important;}
ul.mims li p.tit03:before{background-position: -100px -250px !important;}
ul.mims li p.tit04:before{background-position: -150px -250px !important;}
ul.mims li p.tit05:before{background-position: -200px -250px !important;}
ul.mims li p.tit06:before{background-position: -250px -250px !important;}


/* ****************** 04 서포트 :: 02 홍보영상 ********************** */

.pr_item {position: relative;width: 100%;max-width: 100%;box-sizing: border-box;}
.pr_item .img {position: relative;width:100%;height:500px;}
.pr_item .img:before {content: '';display: block;width: 100%;height: 0;padding-bottom: 56.346%;}

.pr_item .img .md_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.pr_item .img .md_link:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 1;}

span.img_p {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform linear 0.3s;}

span.btn_movie {display: block;position: absolute;width: 80px;height: 80px;border-radius: 50%; content: "";box-sizing: border-box;overflow: hidden;outline: none;transition: all 0.4s;cursor: pointer;left: 50%;top: 50%;transform: translate(-51%,-52%);z-index: 2;}
span.btn_movie:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0098c2;border-radius: 50%;transform: translateX(-100%);transition: all 0.3s;}
span.btn_movie:after {content: '';position: absolute;left: 50%;top: 50%;width: 0;height: 0;border-width: 13px 0 13px 21px;border-style: solid;border-color: transparent;border-left-color: #fff;transform: translate(-34%,-45%);transition: all 0.4s;}

span.btn_movie i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 50%;}

.pr_item .txt {padding: 4% 2%}
.pr_item .txt .tit {display: block;color: #000;font-size: 30px;font-weight: bold;line-height: 40px;letter-spacing: -0.5px;word-break: keep-all;}
.pr_item .txt .cont_txt {display: block;margin-top: 25px;font-size: 17px;font-weight: normal;line-height: 26px;letter-spacing: -0.4px;word-break: keep-all;}
.pr_item .img .md_link:hover .img_p {transform: scale(1.2);transition: transform linear 0.3s;}



/* ****************** 04 서포트 :: 03 인재상 ********************** */

.contWrap-talent .summary-wr .sub_stit{font-size:42px;    padding-bottom: 80px;}
.contWrap-talent .summary-wr .sub_stit>span{display:block;font-weight:400;font-size:24px;margin-top:15px;}

.talent-wrapper {margin-top: 100px;}
.talent-list{}
.talent-list li{margin-top: 115px;}
.talent-list li:first-child{margin-top: 0;}
.talent-list li .left{width: 50%; float: left;}
.talent-list li .right{width: 50%; float: right;}

.talent-list-txt{position: relative; height: 353px;}
.talent-list-txt .inner{width: 100%; max-width: 600px; padding-left: 6%; position: absolute; left: 64px; top: 50%; margin-top: -20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); letter-spacing: -1px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-word-break: keep-all; word-break: keep-all;}
.left.talent-list-txt .inner{padding-left: 8%; left: auto; right: 24px;}
.talent-list-txt .line{display: block; width: 37px; height: 3px; background-color: #000;}
.talent-list-txt .tit{margin-top: 35px;font-size: 32px;line-height: 1.3;font-weight: 600;font-family: 'play';}
.talent-list-txt .sub_tit {font-size: 38px;line-height: 1.8; font-weight: 400;text-align: left;margin-bottom:20px;}
.talent-list-txt .txt{width:85%;}

.talent-list-img{width: 50%; position: relative; height: 353px; background-color: #eee;}
.left.talent-list-img{right: -20px; text-align: right;}
.right.talent-list-img{left: -20px; text-align: left;}
.talent-list-img:before{position: absolute; top: 0; left: -20px; display: block; content: ''; width: calc(100% + 20px); height: 353px; background-color: #eee;}
.right.talent-list-img:before{left: 0; right: -20px;}
.talent-list-img .inner{width: 100%;max-width: 580px;display: inline-block;}
.talent-list-img span{bottom: 90px; right: 40px; display: block; position: relative; width: 100%; height: 0; padding-top: 68.44%;}
.right.talent-list-img span{right: auto; left: 40px;}
.talent-list-img span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.list_info {margin-top: 7%;}
.list_info .list {position: relative;padding: 3% 0;display: flex;justify-content: center;align-items: center;}
.list_info .list:before {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #d9d9d9;transition: width 1s ease;}
.list_info .list:after {display: block;content: '';clear: both;}

.list_info .list .num {font-size: 64px;line-height: 1;font-family: 'play';font-weight: 500;letter-spacing: -.4px;}
.list_info .list .tit {float: left;position: relative;left: 0;padding-left: 220px;width: 50%;font-size: 32px;line-height: 44px;color: #1f1f1f;letter-spacing: -.4px;vertical-align: top;transition: left 1s ease, opacity 1s ease;font-weight: 500;}
.list_info .list .txt {float: left;position: relative;left: 0;padding-left: 10px;width: 50%;font-size: 18px;line-height: 26px;color: #444;word-break: keep-all;vertical-align: top;transition: left 1s ease, opacity 1s ease;padding-top: 10px;}



/*  TAB STYLE04  */

.business-cont .tab--style04{margin-top: 75px;}

.tab--style04 {margin:0px 0 30px;}
.tab--style04 p {
  border: 2px solid #cacaca;
  line-height: 65px;
  height: 65px;
  padding-left: 12px;
  font-size: 24px;
  color: #777;
  background-image: url(../images/sub/tab_arrow.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-color: #fff;
  cursor: pointer;
  display: none;
}

.tab--style04 p.active {
  background-image: url(../images/sub/tab_arrow_on.png);
}

.tab--style04 nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


/*------------------tab_type2-----------------*/

.tab--style04 nav .tab__btn {width: 220px;line-height: 52px;height: 54px;display: block;font-size: 18px;color: #707070;text-align: center;cursor: pointer;background-color: #f2f2f2;margin-left: -1px;position: relative;z-index:2;border:1px solid #c9c9c9;margin-left:10px;}
.tab--style04 nav .tab__btn:first-child{margin-left:0;}
.tab--style04 nav .tab__btn.active {color: #000;background-color: #fff;z-index:1;border:1px solid #000;font-weight:500;
  
}


/*  TAB STYLE06  */
.business-cont .tab--style06 {margin-top:50px;}

.tab--style06 nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab--style06 .tab__btn {
  line-height: 58px;
  height: 54px;
  display: block;
  font-size: 18px;
  color: #666;
  text-align: center;
  cursor: pointer;
  margin-left: -1px;
  position: relative;
  padding: 0 15px;
margin: 0 20px;}

.tab--style06 .tab__btn.active {
  color: #0e72d5;
}
.tab--style06 .tab__btn:before {
  content:''; 
  position:absolute; 
  left:0; 
  bottom: 0px; 
  width:0; 
  height:3px; 
  background:#0e72d5; 
  transition:.3s; 
  opacity:0; 
  visibility:hidden;
}
.tab--style06 .tab__btn.active:before {
  visibility:visible; 
  opacity:1; 
  width:100%;
}
.tab--style06 .tab__btn:hover:before {
  visibility:visible; 
  opacity:1; 
  width:100%;
}

.tab--style06 p {
  border-bottom: 1px solid #0e72d5;
  line-height: 65px;
  height: 65px;
  padding-left: 12px;
  font-size: 24px;
  color: #0e72d5;
  background-image: url(../images/sub/tab_arrow2.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-color: #fff;
  cursor: pointer;
  display: none;
}

.tab--style06 p.active {
  background-image: url(../images/sub/tab_arrow_on2.png);
}



.business-cont .sec_title_g {
  text-align: center;
  margin-top: 50px;

}
.business-cont .sec_title_g .eng {
  font-size: 48px;
  font-weight: 500;
  color: #0551b3;
  line-height: 50px;
}
.business-cont .sec_title_g .sec_title {
  margin-top: 22px;
  font-size: 30px;
  font-weight: 500;
  color: #282828;
  position: relative;
}
.business-cont .sec_title_g .sec_title:after {
	content:""; 
  position: absolute; 
  width:1px; height:40px;
	background:#757575;
  left:50%;
  top:50px;
	}
.business-cont .sec_title_g p.txt1 {
  font-size: 19px;
  width: 90%;
  margin: 80px auto 50px;
  line-height: 30px;
}



/* ****************** 04 서포트 :: 05 고객문의********************** */

.cont-header {position: relative;padding-bottom: 50px;border-bottom: 4px solid #222;}
.cont-header h3.tit {font-size: 50px;font-weight: 300;line-height: 1.2;margin: 0 0 25px -4px;width: 70%;}
.cont-header p.desc {font-size: 16px;font-weight: 400;line-height: 2.15;}

.cont-form fieldset {padding: 25px 0;border-bottom:1px solid #dfdfdf;width:100%;}
.cont-form fieldset:nth-child(3){border-bottom: 0;}
.cont-form fieldset:last-child {border-bottom: 0;}

.cont-form .frm-itembox {width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cont-form .frm-itembox .item {flex-basis: calc(33.33% - 30px);margin-bottom: 20px;}
.cont-form .frm-itembox .item>label {display: block;margin-bottom: 10px;font-size: 16px;font-weight: 600;}
.cont-form .frm-itembox .item>label .file-txt{margin-left:5px;font-weight:normal;color:red;}
.cont-form .frm-itembox .item.email:last-child {flex-basis: calc(66.66% - 15px);}
.cont-form .frm-itembox.sel-dev .item {flex-basis: 100%;}

.cont-form .frm-itembox.area-file .item {flex-basis: 100%;position:relative;}
.cont-form textarea {min-height: 350px;}

/*.cont-form .frm-itembox .item li label { flex-basis: 20%;-ms-flex-preferred-size: 20%;margin-bottom: 30px;font-size: 20px;color: #b18978;cursor: pointer;}*/

.cont-form .frm-itembox .item div.radio-wrap{display:flex;justify-content: flex-start;align-items:center;flex-wrap:wrap;padding: 15px 20px;border-radius: 10px;border: 2px solid #959595;}
.cont-form .frm-itembox .item div.radio-wrap>label {flex-basis: 15%;-ms-flex-preferred-size: 20%;font-size: 18px;color: #333333;cursor: pointer;position: relative;}
.cont-form .frm-itembox .item div.radio-wrap input[type="radio"] {display:none;}
.cont-form .frm-itembox .item div.radio-wrap i {margin-right: 10px;transition-duration: .3s;margin-top: 4px;display: block;float: left;}
.cont-form .frm-itembox .item div.radio-wrap i:before {font-size: 22px;}

.cont-form .frm-itembox.area-file .item  input[type=file] {z-index: 999999;opacity: 0;width: 100%;position: absolute;cursor: pointer;left: 0;bottom: 0px;padding: 15px 20px;}
.cont-form .frm-itembox.area-file .item  input.file_upload_input {margin-right: 0;float: left;width: 100%;padding: 15px 20px;border-radius: 10px;border: 2px solid #959595;cursor: pointer;}
.cont-form .frm-itembox.area-file .item  button.file_upload_btn {display: inline-block;width: 180px;margin-left: 10px;padding: 0;vertical-align: top;font-family: 'Spoqa Han Sans Neo', sans-serif;font-size: 16px;font-weight: 400;text-align: center;color: #fff;outline: none;border: none;background: #959595;cursor: pointer;border-radius: 0 10px 10px 0;position: absolute;right: 0;bottom: 0;height:calc(100% - 40px);}

.cont-form p.agree{padding-top:25px;position:relative;display:block;margin-bottom:25px;overflow:hidden;}
.cont-form p.agree.form-checkbox label {display: block;float: left;line-height: 36px;}
.cont-form p.agree.form-checkbox input[type="checkbox"] {display: none;}
.cont-form p.agree.form-checkbox i {margin-right: 5px;transition-duration: .3s;display: block;float: left;margin-top:5px;}
.cont-form p.agree.form-checkbox i:before{font-size:26px;}


/*자동등록방지*/
.cont-form .frm-itembox.captcha{background:#f3f3f3;padding:20px 30px;}
.cont-form .frm-itembox.captcha .item{flex-basis:100%;margin-bottom:0;}
.cont-form .frm-itembox.captcha .item .captcha{width:100%;display:flex;flex-direction:row;}
.cont-form .frm-itembox.captcha .item .captcha>img{border:1px solid #838383;padding:0 10px;margin-right:15px;background-color:#ffffff;}
.cont-form .frm-itembox.captcha .item .captcha>input{width:200px;}
.cont-form .frm-itembox.captcha .item p.captcha_txt{margin-top:25px;}
.cont-form .frm-itembox.captcha .item p.captcha_txt span{display:block;margin-left:10px;cursor:pointer;}
.cont-form .frm-itembox.captcha .item p.captcha_txt span:hover{text-decoration:underline;}
.cont-form .frm-itembox.captcha .item span.file-txt2{margin-top:5px;text-indent:5px;color:#808080;font-size:16px;}

.cont-form input[type="text"], .cont-form input[type="password"], .cont-form 
 input[type="tel"],.cont-form input[type="email"], .cont-form textarea {padding: 15px 20px;width: 100%;box-sizing: border-box;border: 2px solid #959595;border-radius: 10px;font-size: 16px;color: #555555;font-family: 'Spoqa Han Sans Neo', sans-serif;}

.cont-form .terms {width: 100%;border: 1px solid #ccc;padding: 10px 20px;overflow-y: scroll;margin: 10px 0 17px 0;height: 200px;}
.cont-form .terms .inner {font-size: 16px;line-height: 1.6;width:100%;}
.cont-form .terms .inner strong {font-weight: 500;display: block;margin: 15px 0 5px;color: #015897;}
.cont-form .terms .inner p {line-height: 1.6;position: relative;padding-left: 10px;}
.cont-form .terms .inner table{width:100%;}

/*button*/
.cont-form fieldset .agree-btn { display: flex; justify-content: center; align-items: flex-start; width:100%;}
.cont-form fieldset .agree-btn button.subit { position: relative; display: inline-block; width: 215px; height: 60px; border: 1px solid #222; background-color: transparent; line-height: 55px; text-align: left; box-sizing: border-box; padding: 0 20px; }
.cont-form fieldset .agree-btn button.subit:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #222; z-index: 0; -webkit-transition: width 0.35s ease;transition: width 0.35s ease;}
.cont-form fieldset .agree-btn button.subit:after { content: ''; position: absolute; top: 50%; right: 25px; width: 10px; height: 10px; margin-top: -5px; border-bottom: 2px solid #222; border-right: 2px solid #222; box-sizing: border-box; transform: rotate(-45deg); -webkit-transition: border 0.25s ease; transition: border 0.25s ease;}
.cont-form fieldset .agree-btn button.subit span { display: inline-block;font-weight:600; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
.cont-form fieldset .agree-btn button.subit span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #222;-webkit-transition: left 0.25s ease;transition: left 0.25s ease;}

.cont-form fieldset .agree-btn button.subit:hover:before { width: 100%; }
.cont-form fieldset .agree-btn button.subit:hover:after { border-color: #fff; transition-delay: 0.35s; }
.cont-form fieldset .agree-btn button.subit:hover span { color: #fff; }
.cont-form fieldset .agree-btn button.subit:hover span:before { left: 100%; transition-delay: 0.35s; }




/*약관 팝업*/
button.terms__btn {width: 100px;text-align:center;border:1px solid #ddd;font-size:13px;cursor:pointer;height:36px;line-height:36px;margin-left:15px;display:block;float:left;background:#585b5e;color:#fff;border-radius:5px;font-weight:600;transition:.7s;}
button.terms__btn:hover{background:#1e2327;color:#fff;}

.terms__popup {position: fixed;top: 50%;left: 50%;width: 960px;border-radius:5px;padding: 50px;background-color: #fff;z-index: 100001;opacity: 0;display: none;transform: translate(-50%, -50%);}
.terms__popup .popup__close {position: absolute;right: 0;top: -35px;cursor: pointer;color: #fff;font-size: 30px;}
.terms__popup .popup__close i {transition: all 0.3s;}
.terms__popup .popup__close:hover i{transform: rotate(180deg);}

.terms__popup .txt01 {font-size: 25px;font-weight: 600;line-height: 1em;padding-bottom: 12px;border-bottom: 1px solid #000;}
.terms__popup .terms {height: 300px;overflow-y: scroll;padding: 20px 30px;background: #f9f9f9;font-size: 16px;line-height: 23px;margin:0;width:auto;}

.popup__dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 100000;opacity: 0;display: none;cursor: pointer;}


/*solution__mwiz*/

.link_button {text-align: center;margin: 50px auto 30px;}

.link_button a.link-icon {display: inline-flex;justify-content: center;align-items: center;background: #1e5bc5;padding: 10px 25px;border-radius: 25px;color: #fff;transition: 0.5s;}
.link_button a.link-icon svg {width: 26px;height: 26px;margin-left: 15px;overflow: visible;}
.link_button a.link-icon svg .arrow {transform-box: fill-box;transform-origin: center;transform: translate(-4px, 4px); opacity: 1;transition: transform .3s cubic-bezier(.25,.8,.25,1), opacity .28s;}

.link_button a.link-icon:hover {background: #18499f;}
.link_button a.link-icon:hover svg .arrow {transform: translate(6px, -6px); }

.solution-img.mwiz{background: url(../images/sub/solsec01-mwiz.png) no-repeat center;background-attachment: fixed; }

ul.mwiz li p.tit01:before{background-position: -300px -200px !important;}
ul.mwiz li p.tit02:before{background-position: -200px -150px !important;}
ul.mwiz li p.tit03:before{background-position: -350px -200px !important;}
ul.mwiz li p.tit04:before{background-position: -400px -200px !important;}
ul.mwiz li p.tit05:before{background-position: -450px -200px !important;}

ul.sec02-ul.type-numico.mwiz li {width: calc(50% - 15px);}
ul.sec02-ul.type-numico.mwiz li .tit{font-weight:500;}
ul.sec02-ul.type-numico.mwiz li .tit span {color: #2b9ecf;font-size: 16px;margin-left: 3px;}

.solution-sec03 .sec03-box .mwiz{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;border: 1px solid #ddd;padding: 20px;gap: 15px;}
.solution-sec03 .sec03-box .mwiz li{width: 100%;display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;/* padding: 0 10px 10px; */}

.solution-sec03 .sec03-box .mwiz li p.tit {width: 130px;margin-right: 15px;background:#25aae2;color:#fff;border-radius:3px;padding: 10px 15px;line-height:1.4;display: flex;justify-content: center;align-items: center;}
.solution-sec03 .sec03-box .mwiz li div { width: calc(100% - 145px);}
.solution-sec03 .sec03-box .mwiz li div p {background: #edeff2;border-radius: 3px;position: relative;padding: 10px 15px;line-height: 1.4;}
.solution-sec03 .sec03-box .mwiz li .flex-row-bet{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}

.solution-sec03 .sec03-box .mwiz li.type01 .flex-row-bet {gap: 10px;}
.solution-sec03 .sec03-box .mwiz li.type01 .flex-row-bet p {width: 33.33%;height: 100%;display: flex;justify-content: center;align-items: center;}

.solution-sec03 .sec03-box .mwiz li.type02 .bg_point {background:url(../images/sub/point_bg.png);border-radius: 3px;padding: 15px 15px;line-height: 1.4;margin-bottom: 10px;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex {display: flex;flex-direction: row;justify-content: space-between;align-items: center;gap: 10px;width: 100%;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex .left,.solution-sec03 .sec03-box .mwiz li.type02 .flex .right {width: 48%;border: 1px solid #ababab;padding: 10px;border-radius: 5px;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex .left .tit, .solution-sec03 .sec03-box .mwiz li.type02 .flex .right .tit {width: 100%;background: transparent;color: #015897;font-weight: 500;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex ul {display: flex;flex-wrap: wrap;gap: 5px;justify-content: flex-start;align-items: flex-start;margin-top: 5px;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex .left li,.solution-sec03 .sec03-box .mwiz li.type02 .flex .right li {background: #d3eef9;border-radius: 3px;position: relative;text-align: center;display: block;padding: 0;line-height: 35px;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex .left li {width: 49%;}
.solution-sec03 .sec03-box .mwiz li.type02 .flex .right li {width: 100%;}

.solution-sec03 .sec03-box .mwiz li.type02 .flex .arrow {
width: 200px;display: flex;justify-content: center;align-items: center;
height: 100%;height: 160px;border-radius: 8px;padding: 18px;
color: #333333;display: flex;align-items: center;justify-content: center;
background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'>\
        <polygon points='0,40 70,0 70,25 120,25 120,55 70,55 70,80' fill='%23edeff2'/>\
    </svg>"
    );
background-repeat: no-repeat;
background-position: center right 28px;
background-size: 144px;
transform: scaleX(-1);
margin-left: -9px;
}
.solution-sec03 .sec03-box .mwiz li.type02 .flex .arrow span {transform: scaleX(-1);}

.solution-sec03 .sec03-box .mwiz li.type03 div p {padding: 22px 15px;}

.solution-sec03 .sec03-box .mwiz li.type04 div {gap: 10px;}
.solution-sec03 .sec03-box .mwiz li.type04 div p {height: 100%;display: flex;justify-content: center;align-items: center;width: 12.5%;}


/*solution__mwizworks*/
.solution-img.mwizworks{background: url(../images/sub/solsec01-mwizworks.png) no-repeat center;background-attachment: fixed; }

ul.mwizworks li p.tit01:before{background-position: -300px -200px !important;}
ul.mwizworks li p.tit02:before{background-position: -200px -150px !important;}
ul.mwizworks li p.tit03:before{background-position: -450px -200px !important;}
ul.mwizworks li p.tit04:before{background-position: -300px -250px !important;}
ul.mwizworks li p.tit05:before{background-position: -350px -250px !important;}
ul.mwizworks li p.tit06:before{background-position: -400px -250px !important;}

ul.sec02-ul.type-numico.mwizworks li {width: calc(33.33% - 15px);min-height:180px;margin-right: 15px;}
ul.sec02-ul.type-numico.mwizworks li:nth-child(3n) {margin-right: 0;}


.solution-sec03 .sec03-box .mwizworks {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;border: 1px solid #dddddd;padding: 15px;width: 100%;position: relative;}
.solution-sec03 .sec03-box .mwizworks .left {width: 72%;gap: 15px;display: flex;flex-direction: column;position: relative;}
.solution-sec03 .sec03-box .mwizworks .left:after {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background: #c2c2c2;z-index: -1;}
.solution-sec03 .sec03-box .mwizworks .left ul {display: flex;flex-wrap: wrap;padding: 10px;gap: 5px;}
.solution-sec03 .sec03-box .mwizworks .left>span {display: inline-block;width: 150px;position: relative;top: -10px;left: 50.5%;border-radius: 5px;color: #fff;background: #25aae2;}
.solution-sec03 .sec03-box .mwizworks .left .type01 {background: #bde5f6;}
.solution-sec03 .sec03-box .mwizworks .left .type01 ul li {width: calc(25% - 4px);background: #fff;border-radius: 5px;padding: 7px 15px;display: flex;justify-content: center;align-items: center;}
.solution-sec03 .sec03-box .mwizworks .left .type01 ul li .ico {width: 32px;height: 32px;margin-right: 10px;border-radius: 100%;}
.solution-sec03 .sec03-box .mwizworks .left .type02 {background: #e9e9e9;}
.solution-sec03 .sec03-box .mwizworks .left .type02 ul li {width: calc(33.33% - 4px);background: #fff;border-radius: 5px;padding: 5px 0;}
.solution-sec03 .sec03-box .mwizworks .left .type03 {position: relative;background: #e9e9e9;}
.solution-sec03 .sec03-box .mwizworks .left .type03:before {content: '';width: 1px;height: 25px;position: absolute;left: 50%;top: 0;background: #c2c2c2;}
.solution-sec03 .sec03-box .mwizworks .left .type03:after {content: '';width: 73.8%;height: 1px;position: absolute;top: 24px;left: 50%;background: #c2c2c2;transform: translateX(-50%);}
.solution-sec03 .sec03-box .mwizworks .left .type03 ul li {width: calc(25% - 4px);background: #fff;border-radius: 5px;padding: 5px 0;padding-top: 102px;margin-top: 25px;position: relative;}
.solution-sec03 .sec03-box .mwizworks .left .type03 ul li:before {content: '';width: 1px;height: 25px;position: absolute;left: 50%;top: -11px;background: #c2c2c2;transform: translateX(-50%);}
.solution-sec03 .sec03-box .mwizworks .left .type03 ul li span:before {content: '';background:#edeff2 url(../images/sub/mwizworks.png);background-position:0 -32px;width: 80px;height: 80px;position: absolute;top: 20px;left: 50%;transform: translateX(-50%);border-radius:100%;border:1px solid #e9e9e9;box-sizing: border-box;}

.solution-sec03 .sec03-box .mwizworks .arrow {height: 100%;width: 100px;display: flex;position: relative;justify-content: center;align-items: center;height: 420px;}
.solution-sec03 .sec03-box .mwizworks .arrow span {width: 0;height: 0;border-top: 120px solid transparent;border-bottom: 120px solid transparent;border-left: 50px solid #edeff2;}

.solution-sec03 .sec03-box .mwizworks .right {width: 18%;}
.solution-sec03 .sec03-box .mwizworks .right ul {display: flex;flex-direction: column;gap: 10px;}
.solution-sec03 .sec03-box .mwizworks .right ul li {background: #edeff2;padding: 4px 0;border-radius: 5px;}

.sec03-box .mwizworks .left .type01 li .ico{background:#edeff2 url(../images/sub/mwizworks.png);width:32px;height:32px;display:block;}
.sec03-box .mwizworks .left .type01 li .ico.ico01{background-position: 0 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico02{background-position: -32 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico03{background-position: -64 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico04{background-position: -96px 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico05{background-position: -128px 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico06{background-position: -160px 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico07{background-position: -192px 0 !important;}
.sec03-box .mwizworks .left .type01 li .ico.ico08{background-position: -224px 0 !important;}