#header{position: fixed; left: 0; top:0; width: 100%}
#locW{position: fixed; left: 0; width: 100%; top:90px; z-index: 140}
#wrap{padding-top: 140px;}
.sup{font-size: .85em; display: inline-block; line-height: 1; vertical-align: super;}
#subPage{padding-top: 80px; padding-bottom: 100px}
.sub-t{text-align: center; font-size: 38px; font-weight: 700; color: #111; line-height: 1.15; margin-bottom: 50px;}

.tit-st1{background: url('../img/common/tit-st1.gif') left center no-repeat; padding-left: 0.846em; font-size: 1.625rem; color: #333; line-height: 1.15; margin-bottom: 1.154em; position: relative;}
.tit-st2{color: #027cb5; font-weight: 500; margin-bottom: 20px; line-height: 1.15; font-size: 1.375rem; position: relative;}
.tit-st2 .small{font-size: .938rem; margin-left: 10px; font-weight: 400;}
.tit-st3{background: url('../img/common/tit-bullet.png') left .3rem no-repeat; padding-left: 20px; font-size: 1.625rem; color: #333; line-height: 1.15; font-weight: 700; margin-bottom: 20px; position: relative; letter-spacing: -0.07em;}
.tit-add{font-size: 1.063rem; margin-bottom: 30px;}
.tit-st4{position: relative; font-size: 1.25rem; font-weight: 500; color: #000; padding-left: 15px; line-height: 1.15; margin-bottom: 2em;}
.tit-st4.mb1{margin-bottom: .938rem;}
.tit-st4:before{width: 5px; height: 1.063rem; background: #027cb5; content: ''; position: absolute; left: 0; top:.18em}
.tit-st2 .ab,.tit-st3 .ab{position: absolute; right: 0; bottom:0}
.tit-st2 .ab{font-size: .938rem; color: #888; font-weight: 400;}
.tit-st2 .ab a{margin-left: 5px;}

.tit-cont{line-height: 1; text-align: center; font-weight: 500;}
.tit-cont .t{font-size: 2.706em; color: #333; margin-bottom: 20px;}
.tit-cont .mid{background: url('../img/business/mid.gif') center center no-repeat; background-size:cover; color: #fff; font-size: 1.529em; font-weight: 500; display: inline-block; padding: 10px 50px}

.tit-rel{position: relative;padding: 0 50px; display: inline-block;}
.tit-rel .line{position: absolute; top:0; width: 7px; height: 100%; background: #d8ebf4}
.tit-rel .line:before,.tit-rel .line:after{position: absolute; width: 20px; height: 7px; background: #d8ebf4; content: '';}
.tit-rel .line:before{top:0}
.tit-rel .line:after{bottom:0}
.tit-rel .line.l{left: 0}
.tit-rel .line.r{right: 0}
.tit-rel .line.l:before,.tit-rel .line.l:after{left: 0}
.tit-rel .line.r:before,.tit-rel .line.r:after{right: 0}

.tit-rel.color-eme .line,.tit-rel.color-eme .line:before,.tit-rel.color-eme .line:after{background: #daf1f4}
.tit-rel.color-green .line,.tit-rel.color-green .line:before,.tit-rel.color-green .line:after{background: #e1f2ef}
.cons_effect .color-green .tit-rel .t span{box-shadow: inset 0 -15px 0 rgb(225,242,239,.5)}
.cons_effect .color-eme .tit-rel .t span{box-shadow: inset 0 -15px 0 rgb(218,241,244,.5)}

.bul-dash > li,.bul-dash > dd{position: relative;padding-left: .8em;margin-top: .3em;}
.bul-dash > li:before,.bul-dash > dd:before{position:absolute;left: 0;top:0;content:'-'}
.bul-dash > li:first-child,.bul-dash > dd:first-child{margin-top: 0 !important;}
.bul-dot > li,.bul-dot > dd{position: relative;padding-left: .53em;margin-top: .3em;}
.bul-dot > li:before,.bul-dot > dd:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;;content: '';background: #027cb5}
.bul-dot > li:first-child{margin-top: 0}
.bul-dot.green > li:before{background: #00ab4e}
.bul-dot.eme > li:before{background: #1d95a5}
.bul-dot.grey > li:before{background: #666}

.bul-star > li{position: relative;padding-left: .8em;margin-top: .3em;}
.bul-star > li:before{position:absolute;left: 0;top:0;content:'\002a'; color: #d02541;}
.bul-star > li:first-child{margin-top: 0 !important;}

.bul-no > li{position: relative; padding-left: 1.875rem; margin-top: 8px;}
.bul-no .no{position: absolute; left: 0; top:.3em; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 13px; text-align: center; border-radius:50%; background: #0096b1; color: #fff; font-weight: 700;}
.bul-no > li:first-child{margin-top: 0;}
.bul-no.green .no{background: #00ab4e}
.bul-no.grey .no{background: #666}
.bul-no.blue .no{background: #027cb5}
.bul-no.ly .no,.bul-no.lg .no{color: #333}
.bul-no.ly .no{background: #dee49f}
.bul-no.lg .no{background: #cfebcb}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;}
.bul-decimal > li:first-child{margin-top: 0}
.bul-decimal.inline,.inline-ss{margin: 10px 0 -10px -10px;}
.bul-decimal.inline > li,.inline-ss > li{ margin: 0 0 10px 10px ; float: left;}

.bul-mt > li{margin-top: 10px;}
.bul-mt > li:first-child{margin-top: 0;}

.bul-ck > li,.bul-ck > dd,.bul-mark > li,.bul-mark.b{padding-left: 25px; background: url('../img/common/bul-tbl_b.png') left .35em no-repeat; margin-top: 7px;}
.bul-ck.e > li,.bul-ck.e > dd{background-image: url('../img/common/bul-tbl_e.png')}
.bul-ck.g > li,.bul-ck.g > dd{background-image: url('../img/common/bul-tbl_g.png')}
.bul-ck > li.e{background-image: url('../img/common/bul-tbl_e.png')}
.bul-ck > li.g{background-image: url('../img/common/bul-tbl_g.png')}
.bul-ck > li:first-child{margin-top: 0;}
.bul-ck dt{font-weight: 1.063rem; margin-bottom: 5px; font-weight: 700; color: #333}
/* .bul-mark > li,.bul-mark.b{position: relative; padding-left: 1.3em; margin-top: .3em;}
.bul-mark > li:before,.bul-mark.b:before{position: absolute; left: 0; top:0; content: '※'} */
.bul-mark > li:first-child{margin-top: 0;}


.quot_com{position: relative; display: inline-block; padding: 0 50px; font-size: 2.125rem; letter-spacing: -0.03em; line-height: 1; word-break:keep-all}
.quot_com:before,.quot_com:after{font-size: 2em; color: rgba(2,124,181,.21); line-height: .5; font-weight: 700;}
.quot_com:before{position: absolute; left: 0;top:0; content: '“'}
.quot_com:after{position: absolute; right: 0;bottom:0; content: '”'}

/* 공통 - 효과 */
.hover_h .t span{transition: all ease-in-out .1s}
.hover_h a:hover .t span{box-shadow: inset 0 -10px 0 rgba(0,69,141,.3);}

/* 가이드 */
.guide_w .group{margin-top: 100px;}
.guide_w .group:first-child{margin-top: 0;}
.btns-guide > a{display: inline-block; padding: 10px; background: #333; color: #fff; margin-right: 10px;}
.btns-guide > a:last-child{margin-right: 0;}

/* 테이블 - 가로 */
.tbl-row{border-top: 2px solid #333; position: relative; display: flex; flex-wrap:wrap}
.tbl-row .item{display: table; width: 100%; border-left: 1px solid #ccc; table-layout:fixed}
.tbl-row .item > *{display: table-cell; vertical-align: middle}
.tbl-row .t{background: #f7f7f7; width: 300px;text-align: center; border-right: 1px solid #ccc; color: #333; font-weight: 500; padding: 15px 10px; border-bottom: 1px solid #ccc; font-size: 1.063em; line-height: 1.15;}
.tbl-row .c{padding: 15px 30px; border-bottom: 1px solid #ccc}
.tbl-col{border:1px solid #ccc; border-top: 2px solid #00458d; text-align: center}
.tbl-col .t,.tbl-col .top{display: block; font-size: 1.125rem; font-weight: 500; border-bottom: 1px solid #ccc; background: #f7f7f7; text-align: center; color: #333; font-weight: 500; padding: 10px}
.tbl-col .c,.tbl-col .bot{padding: 20px 10px}
.tbl-row .w50{float: left; width: 50%;}
.tbl-row:before{position: absolute; left: -1px; top:0; width: 2px; height: 100%; content: ''; background: #fff}
.tbl-row .small{font-size: .938rem;}
.tbl-row.small_th .t{width: 218px}

.tbl-st1{position: relative;;}
.tbl-st1 table{width: 100%;text-align: center;border-top:2px solid #333; position: relative;} /* min-width:500px */
.tbl-st1 th{padding: 1em 10px;border-bottom:1px solid #3d3d3d; font-weight: 500; color: #333; border-left: 1px solid #ccc; line-height: 1.15; background: #f7f7f7}
.tbl-st1 td{padding: 1em 10px;border-bottom:1px solid #ccc; text-align: center; border-left: 1px solid #ccc;}
.tbl-st1 table:before{position: absolute; left: -1px; top:0; width: 2px; height: 100%; content: ''; background: #fff}
.tbl-st1 .th{background: #f7f7f7; color: #333; font-weight: 500;}
.tbl-st1 td.tal{padding-left: 1em;}
.tbl-st1 .small_txt{margin-top: 10px; color: #888; font-size: .938rem;}
.tbl-st1.f14{font-size: 14px;}
.tbl-st1 .blue{background: #d8ebf4}
.tbl-st1 .green{background: #e1f2ef}
.tbl-st1 .blue2{background: #daf1f4}
.tbl-st1 .blue3{background: #f1f8fb}
.tbl-st1 .blue4{background: #f7fbfd}
.tbl-st1 .purple{background: #e3ecf4}
.tbl-st1.tbl-small{font-size:.938rem}

.tbl-th th{white-space: nowrap;}
.tbl-st2{position: relative; font-size: 1.063rem; overflow-x: auto; border-top:2px solid #333}
.tbl-st2 table{width: 100%;text-align: center; position: relative;}
.tbl-st2 th{padding: 1em 10px;border-bottom:1px solid #ccc; font-weight: 500; color: #333; border-left: 1px solid #ccc; line-height: 1.15; background: #f0f7fb}
.tbl-st2 td{padding: 1em 10px;border-bottom:1px solid #ccc; text-align: center; border-left: 1px solid #ccc;}
.tbl-st2 table:before{position: absolute; left: -1px; top:0; width: 2px; height: 100%; content: ''; background: #fff}
.tbl-st2 .th{background: #f7f7f7; color: #333; font-weight: 500;}
.tbl-st2 td.tal{padding-left: 1em;}
.tbl-st2 .blue{background: #d8ebf4}
.tbl-st2 .green{background: #e1f2ef}
.tbl-st2 .blue2{background: #daf1f4}
.tbl-st2 .blue3{background: #f1f8fb}
.tbl-st2 .blue4{background: #f7fbfd}
.tbl-st2 .purple{background: #e3ecf4}
.tbl-st2.tbl-small{font-size: 1rem;}

.tbl-fixed table{table-layout:fixed}

.btn-view{font-size: .938rem; display: inline-block; line-height: 1.15; padding: 5px 1em;border:1px solid #027cb5; color: #027cb5;}
.btn-view:hover{background: #027cb5; color: #fff}

.btn-down{border:1px solid #333; padding: 5px 10px; line-height: 1.15; border-radius:3px; color: #333; display: inline-block; margin-left: 5px; font-size: 14px;}
.btn-down span{display: block; padding-right: ; background: url('../img/common/ico-down_w.png') right center no-repeat; padding-right: 27px;}
.btn-link_blue{background: #027cb5; color: #fff;display: inline-block; padding: 10px 15px; line-height: 1; border-radius:5px; font-size: 15px; font-weight: 400;}
.btn-link_blue span{padding-right: 23px; background: url('../img/common/ico-link_w.png') right center no-repeat;}
.btn-link_blue.down span{background-image: url('../img/common/ico-down_w.png')}

.btn-st1_w{text-align: center; margin-top: 50px; font-size: 0;}
.btn-st1{font-size: 1.125rem; font-weight: 500; width: 213px; height: 50px}
.btn-st1 i{margin-left: 10px;}
.btn-st1.long{width: 263px}
.btn-st1.auto{width: auto; padding: 0 40px}

.btn-st1_w .btn-st1{margin: 0 5px}
.btn-st1_w .btn-st1.bg-blue{background-color: #fff!important; color: #027cb5 !important; border:1px solid #027cb5}
.btn-st1_w .btn-st1:hover,.btn-st1_w .btn-st1:focus{background-color: #027cb5 !important; color: #fff !important}
.btn-st1_w .btn-st1 .ico-blank{background-image: url('../img/common/ico-blank.png')}
.btn-st1_w .btn-st1:hover .ico-blank{background-image: url('../img/common/ico-blank_w.png')}

.btn-st1_w .btn-st1.view_btn{width: 60px !important; height: 30px; line-height: 30px; font-size: 15px;} /* 230622 추가 */

.btn-map span{padding-right: 35px; background: url('../img/common/ico-location.png') right center no-repeat;}

.tabs-st1{font-size: 1rem; text-align: center; border-left: 1px solid #ccc;; border-top: 1px solid #ccc; margin-bottom: 40px; color: #777; display: flex; flex-wrap:wrap}
.tabs-st1 > li{float: left; width: 50%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; position: relative;}
.tabs-st1 .active{background: #f3f8fb; color: #027cb5; font-weight: 500;}
.tabs-st1.col1 > li{width: 100%}
.tabs-st1.col2 > li{width: 50%} /* 2개 */
.tabs-st1.col3 > li{width: 33.333333333%} /* 3개 */
.tabs-st1.col4 > li,.tabs-st1.col8 > li{width: 25%} /* 4개 */
.tabs-st1.col5 > li{width: 20%} /* 5개 */
.tabs-st1.col6 > li{width: 16.6666666667%} /* 6개 */
.tabs-st1.col7 > li{width: 14.2857142857%} /* 7개 */
.tabs-st1.col9 > li{width: 33.333%} /* 9개 */
.tabs-st1 a{display: table; width: 100%; height: 3.056em; word-break:keep-all; padding: 0 10px; line-height: 1.15; position: relative;}
.tabs-st1 .active a:before{position: absolute; left: -1px; top:-1px; right: -1px; bottom:-1px; margin: auto; border:1px solid #027cb5; content: ''}
.tabs-st1 button{display: block; height: 100%; width: 100%}
.tabs-st1 a span{display: table-cell; vertical-align: middle;}
.tabs-st1 .small{font-weight: 400; font-size: .938rem;}

.tabs-st2{border-bottom: 1px solid #333; color: #888; font-size: 0; border-left: 1px solid #ddd;text-align: center; margin-bottom: 50px; line-height: 1.15;}
.tabs-st2 > li{float: left; width: 50%; border-right:1px solid #ddd; position: relative; border-top: 1px solid #ddd; background: #f7f7f7; font-size: .938rem; text-align: center;}
.tabs-st2 a{display: table; width: 100%; height: 45px;}
.tabs-st2 a > *{display: table-cell; vertical-align: middle;}
.tabs-st2 .active{background: #fff;color: #027cb5; font-weight: 500;}
.tabs-st2 .active:after{position: absolute; left: -1px; top:-1px; right: -1px; bottom: -1px; border:1px solid #333; content: ''; border-bottom: 2px solid #fff; border-top: 2px solid #027cb5}
.tabs-st2.col2 > li{width: 50%} /* 2개 */
.tabs-st2.col3 > li{width: 33.333333333%} /* 3개 */
.tabs-st2.col4 > li,.tabs-st1.col8 > li{width: 25%} /* 4개 */
.tabs-st2.col5 > li{width: 20%} /* 5개 */
.tabs-st2.col6 > li{width: 16.6666666667%} /* 6개 */
.tabs-st2.col7 > li{width: 14.2857142857%} /* 7개 */
.tabs-st2.col8 > li{width: 12.5%} /* 8개 */
.tabs-st2.col9 > li{width: 11.111%} /* 9개 */

.group_com_w .group{margin-top: 70px;}
.group_com_w .group:first-child{margin-top: 0;}
.page-location .group{margin-top: 0 !important; padding-top: 70px;}
.page-location .group:first-child{margin-top: ;}

.box_com{padding: 50px 40px; background: #f6f6f6}
.box_com2{padding: 50px; border:1px solid #ddd}

/* 통합환경관리 허가 재검토 컨설팅 */
.page-safety_c{font-size: 1.063rem;}
.page-safety_c .mid{font-weight: 500; font-size: 1.294em}
.page-safety_c .sect{margin-top: 25px;}
.page-safety_c .sect dt{color: #333; font-size: 1.125rem;}
.page-safety_c .sect dd{margin-top: 10px;}

.bul-info{margin-top: 20px; font-size: .938rem; padding-left: 28px; position: relative;}
.bul-info:before{content: 'i'; width: 19px; height: 19px; position: absolute; left: 0;top:0; border:1px solid #ccc; border-radius:50%; color: #828282; text-align: center; line-height: 19px; font-weight: 700;}

.add-que{margin-top: 1.25rem; text-align: center;}
.bul-q{display: inline-block; position: relative; padding-left: 1.800em; font-size: .938rem; color: #888}
.bul-q:before{position: absolute; left: 0; top:.15em; width: 1.3em; background: #888; color: #fff; height: 1.3em; line-height: 1.3em; border-radius: 50%; text-align: center; content: '?'}

.box-st1{background: url('../img/common/box-st1.gif') right top no-repeat; background-size: auto 100%; border:1px solid #ddd; position: relative; padding: 70px 60px; display: flex;     justify-content: space-between; font-size: 1.063rem; margin-bottom: 50px;align-items: flex-start;}
.box-st1:before,.box-st1:after{position: absolute; left: -1px; background: #027cb5; content: '';top:-1px }
.box-st1:before{width: 130px; height: 1px}
.box-st1:after{width: 1px; height: 130px}
.box-st1 .r{width: 320px; max-width:35%}
.box-st1 .r img{box-shadow:4px 4px 15px rgba(0,0,0,.3);}
.box-st1 .l > *{display: block;}
.box-st1 .italic{font-style: italic; line-height: 1;}
.box-st1 .big{margin: 20px 0 0; font-size: 1.471em; font-weight: 500; color: #333; line-height: 1.35;}
.box-st1 .normal{margin-top: 30px;}
.box-st1 .l{ flex:1;   word-break: keep-all; padding-right: 100px;}

.page-join{font-size: 1.063rem;}
.join_steps{margin-left: -20px;    display: flex;
    flex-wrap: wrap;}
.join_steps  > li{float: left; width: calc(25% - 20px); margin-left: 20px; background: #f3f8fb; padding: 20px 15px;     display: flex; align-items: center;}
.join_steps .txt{margin-left: 20px;}
.join_steps .ico{max-width:calc(33% + 15px); padding-left: 15px;}

.dev_benefit{display: flex; flex-wrap:wrap; border-top:1px dotted #bbb; word-break:keep-all}
.dev_benefit > li{float: left; width: 50%; padding: 40px 0; border-bottom: 1px dotted #bbb; display: flex; align-items: center;padding-right: 30px;}
.dev_benefit .ico{width: 106px; margin-right: 20px; position: relative;}
.dev_benefit .txt{flex:1}
.dev_benefit > li:nth-child(even){padding-right: 1.5rem;}
.dev_benefit .bul-dash{margin-top: 10px;}
.dev_benefit .ico strong{position: absolute; left: 0;top:0; width: 26px; height: 26px; border-radisu:50%; text-align: center; line-height: 26px;border-radius:50%; font-size: 14px; font-weight: 400;}
.dev_benefit .bb0{border-bottom: 0;}
.dev_benefit.pr{padding: 10px 0}
.dev_benefit.pr > li{padding-top: 20px; padding-bottom: 20px;}
.dev_benefit.pr > li:last-child{padding-top: 0;}

.dev_manage{display: flex; flex-wrap:wrap; margin: 0 0 -30px -30px; font-size: 1.063rem;}
.dev_manage > li{float: left; width: calc(50% - 30px); margin: 0 0 30px 30px; background: url('') right bottom no-repeat; border:1px solid #ccc; border-top: 2px solid #027cb5; padding: 50px; min-height: 350px}
.dev_manage .bg1{background-image: url('../img/business/m1.gif')}
.dev_manage .bg2{background-image: url('../img/business/m2.gif')}
.dev_manage .bg3{background-image: url('../img/business/m3.gif')}
.dev_manage .bg4{background-image: url('../img/business/m4.gif')}
.dev_manage dt{font-size: 1.294em; margin-bottom: .7em; font-weight: 500;}
.dev_manage dd{margin-top: 5px;}
.dev_manage.col1 > li{width: calc(100% - 30px); min-height: auto}

.box-manage{background: #f6f6f6; padding: 70px 50px; margin-top: 30px;}
.box-manage img{display: block;margin: 0 auto;}

.box-edu{line-height: 1.15;}
.box-edu .dev{margin-left: -2%; display: flex; flex-wrap:wrap; margin-bottom: 50px;}
.box-edu .dev > li{float: left; width: 48%; margin-left: 2%; background: #fff; border:1px solid #1da590; border-radius:15px; padding: 30px; display: flex;}
.box-edu .dev .blue{border-color:#027cb5}
.box-edu .dev .ico{max-width: 36%; padding-right: 1.8rem;}
.box-edu .cont{flex:1; border-left: 1px solid #1da590; padding-left: 30px;}
.box-edu .blue .cont{border-color:#027cb5}
.box-edu .cont > *{display: block;}
.box-edu .t{font-size: 1.625em; font-weight: 700;}
.box-edu .txt{margin: 20px 0 30px;}
.box-edu .btn{line-height: 50px; border-radius:100px; text-align: center; max-width:190px; font-size: 1.125rem;display: block;}
.box-edu i{margin-left: 5px;}
.box-edu.col1 .dev{margin-bottom: 0;}
.box-edu.col1 .dev > li{float:none; margin:  0 auto; width: 100%; max-width:550px}

.box-kisa > ul{margin-left: -3%;}
.box-kisa > ul > li{float: left; width: 30.333%; margin-left: 3%;}
.box-kisa .ico{width: 270px; height: 270px; border-radius:50%; display: table; margin: 0 auto; color: #fff; text-align: center; padding: 0 1rem; font-size: 1.375rem; line-height: 1.15;}
.box-kisa .ico .in{display: table-cell;vertical-align: middle; padding-bottom: 30px;}
.box-kisa .green .ico{background: #00ab4e url('../img/common/bg-green.gif') left bottom no-repeat}
.box-kisa .eme .ico{background: #1d95a5 url('../img/common/bg-eme.gif') left bottom no-repeat}
.box-kisa .blue .ico{background: #027cb5 url('../img/common/bg-blue.gif') left bottom no-repeat; letter-spacing: -0.07em;}
.box-kisa .no{font-size: 1.182em; max-width:97px; margin:  0 auto 20px; padding-bottom: 10px; border-bottom: 1px solid #fff;; display: block;}
.box-kisa .ico .txt strong{font-size: 1.182em; display: block; margin-top: 10px;}
.box-kisa .cont{border:1px solid #ddd; background: #fff; padding: 30px 25px; font-size: .938rem; margin-top: 50px; position: relative;}
.box-kisa .cont .ck > li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-left: 30px; background: url('') left .3em no-repeat;}
.box-kisa .cont .ck > li:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.box-kisa .cont strong{font-size: 1rem;}
.box-kisa .cont span{display: block;}
.box-kisa .cont:before{position: absolute; left: 50%; top:-4px; width: 5px; height: 5px; border:2px solid #00ab4e; border-radius:50%; content: ''; transform:translateX(-50%); background: #fff}
.box-kisa .eme .cont:before,.box-kisa .eme .cont:after{border-color:#1d95a5}
.box-kisa .blue .cont:before,.box-kisa .blue .cont:after{border-color:#027cb5}
.box-kisa .cont:after{left:50%; top:-50px; width: 1px; height: 47px; border-left: 1px dotted #00ab4e; content: ''; position: absolute;}

.box-kisa .green .ck > li{background-image: url('../img/common/ck-green.png')}
.box-kisa .eme .ck > li{background-image: url('../img/common/ck-eme.png')}
.box-kisa .blue .ck > li{background-image: url('../img/common/ck-blue.png')}

.dev-spe{margin: 80px 0 0 -2%; display: flex; flex-wrap:wrap; text-align: center;}
.dev-spe > li{float: left; width: 31.3333%; margin-left: 2%; padding: 0 1rem 70px; border-radius:10px}

.dev-spe .blue1{background: #e9f6fc}
.dev-spe .blue2{background: #e6f7f9}
.dev-spe .green{background: #edfcf3}

.dev-spe .ico{margin: -40px 0 20px;}
.dev-spe .ico img{display: block;margin: 0 auto;}
.dev-spe .t{color: #333; font-weight: 500; font-size: 1.625em; margin-bottom: 20px; display: block;}

.dev-kisa{margin: 0 0 -2% -2%; font-size: 1rem; display: flex;flex-wrap:wrap; word-break:keep-all}
.dev-kisa > li{float: left; width: 31.3333%; margin: 0 0 2% 2%;}
.dev-kisa > li a:after{position: absolute; right: 40px; top:40px; width: 136px; height: 57px; background: url('../img/common/kisa.png') center center no-repeat; content: '';transition:all ease-in-out .3s}
.dev-kisa > li a{padding: 30px; position: relative; display: block; border:1px solid #ddd;  position: relative; border-radius:5px; transition:all ease-in-out .3s; height: 100%}
.dev-kisa > li a:hover,.dev-kisa > li a:focus{border:1px solid #027cb5; box-shadow:0 3px 15px rgba(0,0,0,.15)}
.dev-kisa > li a:hover:after,.dev-kisa > li a:focus:after{background-image: url('../img/common/kisa_blue.png')}
.dev-kisa > li a:hover .t,.dev-kisa > li a:focus .t{color: #027cb5}
.dev-kisa .sort{display: block; margin-bottom: .8em; font-weight: 500;}
.dev-kisa .t{font-size: 1.500em; font-weight: 500; color: #333; letter-spacing: -0.08em;}
.dev-kisa .txt{margin-top: 1.25em}

.dev-kisa.eme > li a:hover{border-color:#027cb5;}
.dev-kisa.eme > li a:hover:after{background-image: url('../img/common/kisa_eme.png')}
.dev-kisa.eme > li a:hover .t{color: #1d95a5}

.dev-kisa.green > li a:hover{border-color:#00ab4e;}
.dev-kisa.green > li a:hover:after{background-image: url('../img/common/kisa_green.png')}
.dev-kisa.green > li a:hover .t{color: #00ab4e}

.ico-link,.btn-link span{background: url('../img/common/ico-link.png') right center no-repeat; display: inline-block; padding-right: 23px;}
.ico-link.w,.btn-link.w span{background-image: url('../img/common/ico-link_w.png'); color: #fff}
.ico-link.b{background-image: url('../img/common/ico-link_b.png')}

.org-link{background: url('../img/common/ico-link.png') right center no-repeat; display: inline-block; padding-right: 18px; margin-right: 3px; color: #a70b0b; font-size: 1.25rem; font-weight: 800;}
.org-link:hover{text-decoration: underline;}

.ico-law{background: url('../img/business/ico-law.png') right center no-repeat; padding-right: 23px;}
.ico-law:hover{text-decoration: underline;}

.ico-blank{background: url('../img/common/ico-blank.png') right center no-repeat; display: inline-block; padding-right: 23px;}
.ico-blank.w{background-image: url('../img/common/ico-blank_w.png');}

.dev-kisa_img{margin-left: -2%;}
.dev-kisa_img > li{width:48%; margin-left: 2%; border-radius:5px; padding: 40px 55px; color: #fff; float: left; background: url('../img/business/bg_s2.jpg') center center no-repeat; background-size:cover}
.dev-kisa_img > li:first-child{background-image: url('../img/business/bg_s1.jpg')}
.dev-kisa_img .t{font-weight: 500; font-size: 1.625em;}

.dev-kisa_img .btns{margin-top: 20px; font-size: 0;}
.dev-kisa_img .btns a{ margin-right: 10px; }
.dev-kisa_img .btns a:last-child{margin-right: 0;}

.btn-link{font-size: .938rem; background: #fff; color: #333; padding: 5px 10px; display: inline-block;}
.btn-link.w{background: none; border:1px solid #fff; color: #fff}

.consult-1{border:1px solid #ddd; padding: 80px; text-align: center; font-size: 1.063rem; word-break:keep-all}
.consult-1.new .process{background: none; padding-bottom: 0;}
.consult-1 .process{background: url('../img/business/process.gif') center bottom no-repeat; padding-bottom: 97px;}
.consult-1 .process .rel{position: relative;padding: 0 50px; display: inline-block;}
.consult-1 .process .bul-dot{text-align: left;}
.consult-1 .process .line{position: absolute; top:0; width: 7px; height: 100%; background: #d8ebf4}
.consult-1 .process .line:before,.consult-1 .process .line:after{position: absolute; width: 20px; height: 7px; background: #d8ebf4; content: '';}
.consult-1 .process .line:before{top:0}
.consult-1 .process .line:after{bottom:0}
.consult-1 .process .line.l{left: 0}
.consult-1 .process .line.r{right: 0}
.consult-1 .process .line.l:before,.consult-1 .process .line.l:after{left: 0}
.consult-1 .process .line.r:before,.consult-1 .process .line.r:after{right: 0}
.consult-1 .process .t{font-size: 1.529em; color: #333; margin-bottom: 20px; line-height: 1.3;}
.consult-1 .process .t span{box-shadow: inset 0 -15px 0 rgba(216,235,244,.5); display: inline-block; padding: 0 10px 0}
.consult-1 .process .bot{margin-top: 80px; font-size: 1.294em; color: #333; font-weight: 500; line-height: 1.15;}
.consult-1 .icon_w{margin: 70px 14px 0; display: flex;    justify-content: center; font-size: 1.294em; text-align: center;}
.consult-1 .icon img{display: block;margin:  auto;}
.consult-1 .icon_w .box{border-radius:100px; line-height: 80px; color: #fff; margin-top: 40px; position: relative;}
.consult-1 .icon_w li{margin: 0 -14px; width: 196px}
.consult-1 .icon_w li:first-child .box{background: rgba(0,171,78,.7)}
.consult-1 .icon_w li:nth-child(2) .box{background: rgba(29,165,144,.7)}
.consult-1 .icon_w li:nth-child(3) .box{background: rgba(29,149,165,.7)}
.consult-1 .icon_w li:nth-child(4) .box{background: rgba(19,140,171,.7)}
.consult-1 .icon_w li:nth-child(5) .box{background: rgba(2,124,181,.7)}
.consult-1 .icon_w img{max-width:67%; display: block; margin: 0 auto;}

.consult-1 .icon_w .box:before{position: absolute; left: 50%; top:-7px; width: 10px; height: 10px; border:3px solid #00ab4e; border-radius:50%; content: ''; transform:translateX(-50%); background: #fff}
.consult-1 .icon_w li:first-child .box:before{border-color:#00ab4e}
.consult-1 .icon_w li:nth-child(2) .box:before{border-color:#1da590}
.consult-1 .icon_w li:nth-child(3) .box:before{border-color:#1d95a5}
.consult-1 .icon_w li:nth-child(4) .box:before{border-color:#138cab}
.consult-1 .icon_w li:nth-child(5) .box:before{border-color:#027cb5}
.consult-1 .icon_w .box:after{left:50%; top:-30px; width: 1px; height: 17px; border-left: 1px dashed #ccc; content: ''; position: absolute;}

.consult-1 .quot_w{font-size: 1.529em; margin-top: 50px; line-height: 1.15;;}
.consult-1 .quot{font-size: 1.462em;position: relative; display: inline-block; padding: 0 50px;}
.consult-1 .quot:before,.consult-1 .quot:after{font-size: 2em; color: #cce5f0; line-height: .67;}
.consult-1 .quot:before{position: absolute; left: 0;top:0; content: '“'}
.consult-1 .quot:after{position: absolute; right: 0;top:0; content: '”'}

.consult-1 .add{margin-top: 1.125rem; display: block;}


.consult-2{font-size: 1.063rem; border:1px solid #ddd;}
.consult-2 .t{font-size: 1.294em; font-weight: 500; padding: 10px; background: #f3f8fb; border-bottom: 1px solid #ddd; text-align: center;}
.consult-2 .dev{padding: 35px 0; color: #333; position: relative; display: flex; flex-wrap:wrap}
/* .consult-2 .dev:before{left: 50%; top:35px; height: calc(100% - 70px); background: #ddd; content: ''; position: absolute; width: 1px} */
.consult-2 .dev > li{float: left; width: 50%; padding: 0 50px; border-left: 1px solid #ddd;}
.consult-2 .dev > li:first-child{border-left: 0;}
.consult-2 .dev .t2{padding-left: 28px; background: url('../img/common/ck-blue.png') left 0.18em no-repeat; display: block;}
.consult-2 .dev .bul-dot{margin: 15px 0 0 28px;}
.consult-2 .dev.col3 > li{width: 33.3333333333%}

.consult-1 .tit-cont,.consult-2_w,.cons_forward .top{background: url('../img/business/arrow.png') bottom center no-repeat; padding-bottom: 103px; margin-bottom: 50px;}
.consult-1 .tit{    font-size: 2.706em;
    color: #333;
    margin-bottom: 10px; line-height: 1.15; font-weight: 500;}

.consult2_box{background: #f3f8fb; position: relative; padding: 0 80px 80px; margin-top: 200px;}
.consult2_box:before{position: absolute;left: 50%; top:0; width: 475px; height: 475px; background: linear-gradient(to bottom, transparent 50%,#dcedf5 50%); content: ''; transform:translate(-50%, -50%);border-radius:50%}
.consult2_box .circle{border:25px solid #fff; border-radius:50%; display: table; width: 270px; height: 270px; margin: 0 auto; background: #027cb5 url('../img/business/blue.gif') left bottom no-repeat; color: #fff; text-align: center; font-size: 1.294em; position: absolute; top:-140px; left: 50%; margin-left: -135px;}
.consult2_box .circle .in{display: table-cell;vertical-align: middle;}
.consult2_box .circle strong{font-size: 1.727em; opacity:.5; display: block;}

.consult2_box .det_w{position: relative; height: 330px; font-size: .938rem;}
.consult2_box .det_w li{position: absolute;}
.consult2_box .det_w .l{padding-left: 85px;}
.consult2_box .det_w .r{padding-right: 85px; text-align: right;}
.consult2_box .det_w .l .ico,.consult2_box .det_w .r .ico{position: absolute; top:0}
.consult2_box .det_w .l .ico{left:0;}
.consult2_box .det_w .r .ico{right: 0}
.consult2_box .det_w .cont > *{display: block;}
.consult2_box .det_w .cont strong{font-size: 1.467em; color: #333;}
.consult2_box .c{text-align: center;}
.consult2_box .det_w img{display: block;margin: 0 auto;}

.consult2_box .d1,.consult2_box .d5{top:10%}
.consult2_box .d1{left: 9%}
.consult2_box .d2{left: 15%}
.consult2_box .d4{right: 18%}
.consult2_box .d5{right: 13%}
.consult2_box .d2,.consult2_box .d4{top:45%}
.consult2_box .d3{left: 50%; transfrom:transalteX(-50%); bottom: 0; left: 50%;
    transform: translateX(-50%);
    bottom: 0;}
    
.cons_effect{margin-top: 50px; line-height: 1.15;}
.cons_effect .tit-rel{padding: 14px 50px; font-weight: 500}
.cons_effect .tit-rel .t span{    box-shadow: inset 0 -15px 0 rgb(216 235 244 / 50%);
    display: inline-block;
    padding: 0 10px 0; word-break:keep-all}
    
.cons_dev{margin-left: -3%; display: flex; text-align: center; font-size: 1.25rem;; font-weight: 500; margin-top: 15px; position: relative; padding-top: 80px;}
.cons_dev > li{float: left; width: 47%; margin-left: 3%; background: #fff; border:1px solid #027cb5; border-radius:15px; position: relative;}
.cons_dev .top{background: #027cb5; color: #fff; border-radius:14px 14px 0 0; padding: 10px;height: 3.813rem;
    display: flex;
    align-items: center;
    justify-content: center;}
.cons_dev img{display: block; margin: 0 auto;}
.cons_dev .c{padding: 15px 0; border-radius:0 0 15px 15px}
.cons_dev > li:before{position: absolute; left: 50%; top:-7px; width: 10px; height: 10px; border:3px solid #027cb5; border-radius:50%; content: ''; transform:translateX(-50%); background: #fff}
.cons_dev > li:after{left: 50%; top:-50px; width: 1px; height: 45px; content: ''; background: #027cb5; position: absolute;}
.cons_dev > li:nth-child(2):after{height: 75px; top:-80px}
.cons_dev:before{position: absolute;     left: 18.2%;
    width: 66.7%;
    top: 31px; content: ''; background: #027cb5; height: 1px}
    
.cons_steps{border:1px solid #ddd; padding: 70px}
.cons_steps .sect{position: relative; padding-left: 143px;}
.cons_steps .sect .t{position: absolute; height: 100%; left: 0; top:0; height: 100%; width: 115px;border-left: 2px solid #d8ebf4; font-weight: 500; line-height: 1.15;}
.cons_steps .sect .t span{position: absolute; left: 0; top:50%; transform:translate(-50%,-50%); background: #fff;}
.cons_steps .sect .t:before,.cons_steps .sect .t:after{width: 100%; height: 2px; background: #d8ebf4; content: ''; position: absolute; left: 0}
.cons_steps .sect .t:before{top:0}
.cons_steps .sect .t:after{bottom: 0}
.cons_steps .sect .grey.t:before,.cons_steps .sect .grey.t:after{background: #dedede}
.cons_steps .sect .t.grey{border-color:#dedede}

.cons_steps .sect .t2{position: relative; font-weight: 500; line-height: 1.15; text-align: center; padding-bottom: 40px; line-height: 1.15; margin-bottom: 1.25rem;}
.cons_steps .sect .t2 .rel{background: #f6f6f6; position: relative; z-index: 1; display: inline-block; padding: 0 1.25rem; top:10px}
.cons_steps .sect .t2 .line{width: 2px; height: 40px; background: #dedede; bottom:0; position: absolute;}
.cons_steps .sect .t2 .l{left:0}
.cons_steps .sect .t2 .r{right: 0}
.cons_steps .sect .t2:before{position: absolute; width: 100%; height: 2px; background: #dedede; bottom:40px; content: ''; left: 0}


.cons_steps ol > li{border:1px solid #ddd; border-radius:10px; position: relative; display: flex; margin-bottom: 60px; position: relative; background: #fff}
.cons_steps .sect:last-child ol > li:last-child{margin-bottom: 0;}
.cons_steps .tit{width: 268px; padding:40px 0 40px 40px; font-size: 1.25rem; background: #fff; border-radius:10px 0 0 10px; display: flex;     align-items: center}
.cons_steps .cont{padding: 50px 40px 50px 50px; flex:1; font-size: 1.25rem; color: #333}
.cons_steps .tit > *{display: block;}
.cons_steps .no{font-weight: 700; font-style:italic}
.cons_steps .tt{color:#333; font-weight: 700; font-size: 1.1em;}
.cons_steps .center > li{}
.cons_steps .cont{border-radius:0 10px 10px 0}
.cons_steps .cont ul{margin: -1.5em -1.5em 0 0;}
.cons_steps .cont li{float: left; margin: 1.5em 1.5em 0 0;}
.cons_steps .float{display: flex}
.cons_steps .float .small{margin-left: 1em; font-size:.938rem; color: #666}
.cons_steps.ind .cont ul,.cons_steps .cont.none ul{margin: 0;}
.cons_steps.ind .cont li,.cons_steps .cont.none li,.cons_steps.dis_s li{float:none; margin-top: 10px;}
.cons_steps.ind .cont li:first-child,.cons_steps .cont.none li:first-child,.cons_steps.dis_s li:first-child{margin-top: 0;}
.cons_steps.ind .tit,.cons_steps.dis_s .tit{width: 400px; padding: 35px}
.cons_steps.ind .cont,.cons_steps.dis_s .cont{padding: 35px; font-size: 1.125rem;}

/* .cons_steps.ind ol > li{align-items:center} */
.cons_steps.fs .tit{width: 400px}
.cons_steps ol > li.last{margin-bottom: 0}

.cons_steps.dis_s .tt{position: relative; display: block; padding-left: 30px; letter-spacing: -0.07em}
.cons_steps.dis_s .tt img{position: absolute; left: 0; top:.3em}




.cons_steps ol > li:after{position: absolute; width: 49px; height: 32px; background: url('') center center no-repeat; left: 50%; margin-left: -25px; bottom: -32px; content: ''}
.cons_steps ol > li.s1:after{background-image: url('../img/business/step1.png')}
.cons_steps ol > li.s2:after{background-image: url('../img/business/step2.png')}
.cons_steps ol > li.s3:after{background-image: url('../img/business/step3.png')}
.cons_steps ol > li.s4:after{background-image: url('../img/business/step4.png')}
.cons_steps ol > li.s5:after{background-image: url('../img/business/step5.png')}
.cons_steps ol > li.s6:after{background-image: url('../img/business/step6.png')}
.cons_steps ol > li.s7:after{background-image: url('../img/business/step7.png')}
.cons_steps ol > li.s8:after{background-image: url('../img/business/step8.png')}
.cons_steps ol > li.last:after{background: none}

.cons_steps.i_c .tit{width: 155px; padding-top: 50px;}

.cons_steps .s1{border-color:#00ab4e}
.cons_steps .s1 .no{color: #00ab4e}
.cons_steps .s1 .cont{background: #edf9f2}

.cons_steps .s2{border-color:#1da590}
.cons_steps .s2 .no{color: #1da590}
.cons_steps .s2 .cont{background: #ebf9f7}

.cons_steps .s3{border-color:#1d9b9d}
.cons_steps .s3 .no{color: #1d9b9d}
.cons_steps .s3 .cont{background: #edf7f9}

.cons_steps .s4{border-color:#1d95a5}
.cons_steps .s4 .no{color: #1d95a5}
.cons_steps .s4 .cont{background: #e5f5f7}

.cons_steps .s5{border-color:#138cab}
.cons_steps .s5 .no{color: #138cab}
.cons_steps .s5 .cont{background: #e5f5f7}

.cons_steps .s6{border-color:#027cb5}
.cons_steps .s6 .no{color: #027cb5}
.cons_steps .s6 .cont{background: #e4f1f7}

.cons_steps .s7{border-color:#138cab}
.cons_steps .s7 .no{color: #138cab}
.cons_steps .s7 .cont{background: #e4f1f7}

.cons_steps .s8{border-color:#027cb5}
.cons_steps .s8 .no{color: #027cb5}
.cons_steps .s8 .cont{background: #e4f1f7}

.cons_forward{border:1px solid #ddd; padding: 70px 40px; text-align: center;}

.cons_dev2{display: inline-block; font-size: 1.063rem; line-height: 1.15; position: relative; padding-top: 80px; margin-top: 20px;}
.cons_dev2 > li{display: table; border-radius:50%; width:270px; height:270px; margin-top: 40px; position: relative; margin: 0 -14px; float: left;}
.cons_dev2 .in{display: table-cell; vertical-align: middle;}
.cons_dev2 > li:first-child{background: rgba(0,171,78,.1)}
.cons_dev2 > li:nth-child(2){background: rgba(29,165,144,.1)}
.cons_dev2 > li:nth-child(3){background: rgba(29,155,157,.1)}
.cons_dev2 > li:nth-child(4){background: rgba(29,149,165,.1)}
.cons_dev2 > li:nth-child(5){background: rgba(2,124,181,.1)}
.cons_dev2 .in > *{display: block;}
.cons_dev2 span{margin-top: 10px;}
.cons_dev2 strong{font-weight: 500; color: #333;}

.cons_dev2 > li:before{position: absolute; left: 50%; top:-7px; width: 10px; height: 10px; border:3px solid #3abe76; border-radius:50%; content: ''; transform:translateX(-50%); background: #fff; z-index: 1}
.cons_dev2 > li:after{left: 50%; top:-50px; width: 1px; height: 45px; content: ''; background: #ccc; position: absolute;}
.cons_dev2 > li:nth-child(3):after{height: 75px; top:-80px}
.cons_dev2:before{position: absolute;     left: 10%;
    width: 80%;
    top: 30px; content: ''; background: #ccc; height: 1px}
.cons_dev2 > li:nth-child(2):before{border-color:#1da590}
.cons_dev2 > li:nth-child(3):before{border-color:#159b8e}
.cons_dev2 > li:nth-child(4):before{border-color:#138cab}
.cons_dev2 > li:nth-child(5):before{border-color:#027cb5}

.cons-circle{position: relative; padding: 180px 0 215px}
.cons-circle .item{position: absolute; width:310px; max-width:24%}
.cons-circle .t{height: 58px; border-radius:100px; font-size: 1.125rem; display: flex;     align-items: center;
    justify-content: center; line-height: 1.18; word-break:keep-all; padding: 0 5px}
.cons-circle .bul-dash{text-align: left; margin: 20px 0 0 30px;}

.cons-circle .i1,.cons-circle .i6{left: 50%; transform:translateX(-50%)}
.cons-circle .i1{top:0}
.cons-circle .i6{bottom: 0}
.cons-circle .i2,.cons-circle .i4{left: 0}
.cons-circle .i3,.cons-circle .i5{right: 0}
.cons-circle .i2,.cons-circle .i3{top:27%}
.cons-circle .i4,.cons-circle .i5{top:55%}
.cons-circle .img{max-width:45%; display: block; margin: 0 auto;}

.remote-1 > ul{margin: 0 25px;}
.remote-1 > ul > li{float: left; width: calc(50% + 50px); margin: 0 -25px;}
.remote-1 .t{display: table; width: 100%; height: 57px; color:#fff; padding: 0 0 0 75px;  background: rgba(0,171,78,8); border-radius:100px; font-size: 1.125rem;    line-height: 1.18;
    word-break: keep-all;}
.remote-1 .t .in{display: table-cell; vertical-align: middle;}
.remote-1 .bul-dash{margin: 20px 0 0 75px; font-size: .938rem; letter-spacing: -0.05em;}
.remote-1 > ul > li:nth-child(2) .t{background: rgba(29,149,165,.8)}
.remote-1 > ul > li:nth-child(3) .t{background: rgba(2,124,181,.8)}
.remote-1 > ul.col3 > li{width: calc(33.333% + 50px)}

.remote-2 .sect{margin-top: 40px;}
.remote-2 .sect:first-child{margin-top: 0;}
.remote-2 .dev{margin: 0 0 -25px -25px; font-size: .938rem; display: flex; flex-wrap:wrap}
.remote-2 .dev > li{float: left; width: calc(50% - 25px); margin: 0 0 25px 25px; background:#e9f6fc url('../img/common/bg-blue2.gif') right top no-repeat; padding: 40px}
.remote-2 .top{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #027cb5}
.remote-2 .label{color: #027cb5; font-size: 1rem; font-weight: 500; margin-bottom: 10px;}
.remote-2 .t{color: #333; font-size: 1.600em; font-weight: 500; margin-bottom: 10px;}
.remote-2 .top > *{display: block;}
.remote-2 .bot > li{position: relative; padding-left: 129px; margin-top: 10px;}
.remote-2 .bot > li:first-child{margin-top: 0;}
.remote-2 .bot .l{width: 110px; position: absolute; left: 0; text-align: center; border-radius:100px; top:0; line-height: 1.667em}


.remote-2 .eme .dev > li{background: #e6f7f9 url('../img/common/bg-eme2.gif') right top no-repeat}
.remote-2 .eme .top{border-color:#1d95a5}
.remote-2 .eme .label{color: #1d95a5}
.remote-2 .bul-mark{margin-top: 1.25em;}

.remote-2 .green .dev > li{background: #edfcf3 url('../img/common/bg-green2.gif') right top no-repeat}
.remote-2 .green .top{border-color:#00ab4e}
.remote-2 .green .label{color: #00ab4e}

.danger_box{border:1px solid #ddd; padding: 30px; display: flex; align-items:center; margin-top: 20px;}
.danger_box .ico{text-align: center; width: 170px; margin-right: 30px;}
.danger_box .ico img,.contri-ico_w .ico img{display: block;margin: 0 auto;}
.danger_box .ico .txt{margin-top: 10px; font-size: 1.067rem; display: block; line-height: 1.18;}
.danger_box .right,.contri-ico_w .right{flex:1}
.danger_box .bul-dot{margin: 0 0 -10px -10px;}
.danger_box .bul-dot > li{float: left; width: calc(50% - 10px); margin: 0 0 10px 10px;}
.danger_box .bul-dot.w100{margin: 0 0 -10px 0;}
.danger_box .bul-dot.w100 > li{float: none; width: 100%; margin-left: 0;}

.danger_box .copy{margin-top: 1rem; font-size: 1rem}
.danger_box .copy span{display: inline-block; position: relative; margin-right: 10px; padding-right: 10px;}
.danger_box .copy span:after{position: absolute; right: 0; top:50%; width: 1px; height: 10px; background: #999; content: ''; margin-top: -5px;}
.danger_box .copy span:last-child{margin:0;}
.danger_box .copy span:last-child:after{background: none}

.contri-ico_w{border:1px solid #ddd; padding: 30px 30px 30px 60px; display: flex; align-items:center;}
.contri-ico_w .ico{margin-right: 25px;}

.box_com-st1{border:1px solid #ddd; border-top: 2px solid #027cb5; padding: 30px 0; text-align: center;    word-break: keep-all;}
.box_com-st1 ul{display: flex; flex-wrap:wrap}
.box_com-st1 ul li{float: left; width: 33.33333%; border-right: 1px dashed #999; position: relative;    padding: 40px 1.5em;}
.box_com-st1 ul li:last-child{border-right: 0;}
.box_com-st1 .txt{margin-top: 1em; font-size: 1.25rem; color: #333; line-height: 1.35; font-weight: 500;}
.box_com-st1 ul li:after{position: absolute; width: 40px; height: 40px; background: url('../img/common/ico-plus.png') center center no-repeat;  top:50%; right: -20px; content: ''; margin-top: -20px;}
.box_com-st1 ul li:last-child:after{background: none}
.box_com-st1.col4 ul li{width: 25%}
.box_com-st1.col5 ul li{width: 20%}
.box_com-st1.col6 ul li{width: 16.66667%}

.box_com-st1 .block,.box_com-st1 .block ul{display: block;}
.box_com-st1 .block li{float:none; width: 100%; padding: 0; border:0}
.box_com-st1 .bul-dot > li{padding-left: .53em !important;}
.box_com-st1 .bul-dash > li{padding-left: .8em !important;}

.box_com-st2{background: #f3f8fb; padding: 20px 30px; display: flex; align-items: center}
.box_com-st2 .ico{width: 96px}
.box_com-st2 .ico img{display: block;}
.box_com-st2 .cont{margin-left: 20px; flex:1}

.danger_steps{text-align: center;display: flex; justify-content: center;    align-items: center;}
.danger_steps > li{float: left; position: relative; margin-right: 40px;}
.danger_steps > li:last-child{margin-right: 0;}
.danger_steps .circle{display: table; width:123px; height: 123px; font-size: 1.125rem; color: #333; background: #fff; border:2px solid #ddd; border-radius:50%; position: relative; z-index: 1}

.danger_steps > li.circle:before,
.danger_steps .arrow{position: absolute; right: -40px; top:0; width:40px; height: 100%; content: ''; background: url('../img/common/steps.png') center center no-repeat}
.danger_steps .in{display: table-cell; vertical-align: middle;}
.danger_steps .red{background: #1d95a5; color: #fff; border:0}
.danger_steps .blue_r{margin: 0 30px 0 10px;}
.danger_steps .blue_r .circle{border:1px dashed #027cb5; color: #027cb5;}
.danger_steps .blue_r:before{width: 150px; height: 150px; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); content: ''; background: #e3ecf1; border-radius:50%}
.danger_steps .dev{padding-left: 15px;}
.danger_steps .dev:before{position: absolute; left: 0; top:50%; width: 15px; height: 3px; background: #aaa; content: ''; margin-top: -2px;}
.danger_steps .dev > ul{position: relative;}
.danger_steps .dev > ul:before{position: absolute;left: 0; top:30px; width: 3px; height: calc(100% - 60px); content: ''; background: #aaa}
.danger_steps .dev > ul > li{position: relative; display: table; height: 60px; width: 240px; border-radius:100px;  ;margin-top: 10px;}
.danger_steps .dev > ul > li:before{position: absolute; width: 18px; left: -30px; content: ''; top:50%; height: 3px; margin-top: -2px;; background: #aaa}
.danger_steps .dev > ul{padding-left: 30px;}
.danger_steps .dev > ul > li:first-child{margin-top: 0;}
.danger_steps .yes{background: #027cb5; color: #fff}
.danger_steps .no{background: #fff; border:1px dashed #1d95a5; margin-top: 10px;}
.danger_steps .dev .small{position: absolute; width:40px; height: 20px; line-height: 17px; border-radius:100px; left: -20px; top:50%; margin-top: -10px; font-size: 14px; font-weight: 700;;}
.danger_steps .yes .small{color: #027cb5; border:2px solid #027cb5; background: #fff}
.danger_steps .no .small{color: #fff; background: #1d95a5}

.danger_steps.safety > li.circle:before{display: none;}
.danger_steps.safety > li.circle:first-child{margin: 0 1em 0 0;}

.danger_steps,.steps-con_h{text-align: center;display: flex; justify-content: center;    align-items: center;}
.danger_steps > li,.steps-con_h > li{float: left; position: relative; margin-right: 40px;}
.danger_steps > li:last-child{margin-right: 0;}
.danger_steps .circle,.steps-con_h .circle{display: table; width:123px; height: 123px; font-size: 1.125rem; color: #333; background: #fff; border:2px solid #ddd; border-radius:50%; position: relative; z-index: 1}

.steps-con_h{position: relative;}
.steps-con_h .circle{margin:  0 auto; line-height: 1.15;}
.steps-con_h > li:after{position: absolute; right: -40px; top:0; width:40px; height: 123px; content: ''; background: url('../img/common/steps.png') center center no-repeat}
.steps-con_h .in{display: table-cell; vertical-align: middle;}
.steps-con_h .red{background: #1d95a5; color: #fff; border:0}
.steps-con_h .blue_r{margin: 0 30px 0 10px;}
.steps-con_h .blue_r .circle{border:1px dashed #027cb5; color: #027cb5;}
.steps-con_h .blue_r:before{width: 150px; height: 150px; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); content: ''; background: #e3ecf1; border-radius:50%}
.steps-con_h .dev{padding-left: 15px;}
.steps-con_h .dev:before{position: absolute; left: 0; top:50%; width: 15px; height: 3px; background: #aaa; content: ''; margin-top: -2px;}
.steps-con_h .dev > ul{position: relative;}
.steps-con_h .dev > ul:before{position: absolute;left: 0; top:30px; width: 3px; height: calc(100% - 60px); content: ''; background: #aaa}
.steps-con_h .dev > ul > li{position: relative; display: table; height: 60px; width: 240px; border-radius:100px;  ;margin-top: 10px;}
.steps-con_h .dev > ul > li:before{position: absolute; width: 18px; left: -30px; content: ''; top:50%; height: 3px; margin-top: -2px;; background: #aaa}
.steps-con_h .dev > ul{padding-left: 30px;}
.steps-con_h > li:last-child{margin-right: 0;}
.steps-con_h > li:last-child:after{background: none}
.steps-con_h .small{font-size: 14px}
.steps-con_h .txt{margin-top: .938rem; font-size: 1rem;}
.steps-con_h .bg-blue{background: #027cb5 !important; color: #fff !important; border:1px solid #027cb5}
.steps-con_h .bg-eme{background: #1d95a5 !important; color: #fff !important;border:1px solid #1d95a5 }
.steps-con_h .bg-green{background: #00ab4e !important; color: #fff !important; border:1px solid #00ab4e}
.steps-con_h .bg-blue_r{border:1px solid #027cb5; color: #027cb5}
.steps-con_h .bg-green_r{border:1px solid #00ab4e; color: #00ab4e}
.steps-con_h .bg-eme_r{border:1px solid #1d95a5; color: #1d95a5}
.steps-con_h.big .circle{width: 150px; height: 150px}
.steps-con_h.big > li:after{height: 150px}


.steps-con_h.align_start{align-items:flex-start}

.com-improve{background: f6f6f6; padding: 30px 80px;}
.com-improve .rel{position: relative;}
.com-improve .rel > ul{display: flex; position: relative;}
.com-improve .rel > ul:before{position: absolute; left: -30px; top:0; width: calc(100% + 30px); height: 77px; background: linear-gradient(to right, #34afc0 0%,#027cb5 100%); content: ''}
.com-improve .rel > ul > li{position: relative; float: left; width: 33.33333333%}
.com-improve .rel > ul > li:before{position: absolute; left: 0; top:77px; height:calc(100% - 77px); background:#027cb5; width: 1px; content: ''}
.com-improve.col4 .rel > ul > li{width: 25%}
.com-improve .rel .t{height: 77px; font-size: 1.25rem; font-weight: 500; color: #fff; padding: 0 20px; position: relative; display: table; width: 100%;; line-height: 1.15}
.com-improve .rel .t .in{display: table-cell; vertical-align: middle;;}
.com-improve .rel .t:before{position: absolute;left: 0; bottom:0; width: 1px; height: 43px; background: #fff; content: ''}
.com-improve .rel .t .small{font-size: 13px; color: rgba(255,255,255,.5); margin-bottom: 5px;}
.com-improve .rel .cont{padding: 20px; color: #333; font-weight: 500; font-size: 1.067rem;}
.com-improve .rel .arrow{position: absolute; right: -29px;top: 0;width: 30px; height: 77px; content: ''; background: url('../img/common/bg_improve.png') center center no-repeat;}
.com-improve .in > *{display: block;}

.com-improve .bul-dot ul{margin-top: 5px; font-size: .938rem; color: #666; font-weight: 400;}

.danger2_dev,.half_w_img{display: flex; margin-left: -2%;}
.danger2_dev > li,.half_w_img > li{position: relative;border:1px solid #1da590; border-radius:10px;; background: #fff; padding-bottom: 55px; margin-left: 2%;}
.danger2_dev > li:first-child{width: 58%}
.danger2_dev .blue,.half_w_img .blue{border:1px solid #0096b1;}
.danger2_dev .blue .bot,.danger2_dev .blue .top{border-color:#0096b1; background: #daf1f4}
.danger2_dev > li:last-child{width: 38%}
.danger2_dev .bot,.half_w_img .bot{position: absolute; left: 0; bottom: 0; line-height: 55px; border-top: 1px solid #1da590; width: 100%; text-align: center; background: #e1f2ef; border-radius: 0 0 10px 10px}
.danger2_dev .top{position: absolute; left: 0; top: 0; line-height: 55px; border-bottom: 1px solid #1da590; width: 100%; text-align: center; background: #e1f2ef; border-radius: 10px 10px 0 0}
.danger2_dev .bul-no{padding: 40px}
.danger2_dev.half_w > li:first-child,.danger2_dev.half_w > li:last-child,.half_w_img > li{width: 48%}
.danger2_dev.col1 > li{width: 100%}
.danger2_dev.top_w > li{padding-bottom: 0; padding-top: 55px;}

.half_w_img > li{padding: 30px 1rem 30px 0; display: flex;    align-items: center;}
.half_w_img .ico{width: 38%;}
.half_w_img .ico img{display: block;margin: 0 auto; max-width:67%}
.half_w_img .cont{flex:1; padding-left: 35px; border-left:  1px solid #1da590;}
.half_w_img .blue .cont{border-color:#027cb5}
.half_w_img .t{font-size: 1.625rem; font-weight: 700; display: block;}
.half_w_img .txt{margin: 10px 0 20px;}
.half_w_img a,.half_w_img button{display: inline-block; font-size: 1.125rem; padding: 10px 30px; line-height: 1.18; border-radius:100px; text-align: center;}

.w50.bul-no{; display: flex; flex-wrap:wrap; margin: 0 0 -5px -5px;}
.w50.bul-no > li{margin: 0 0 5px 5px; float: left; width: calc(50% - 5px)}

.btn_rel_w,.rel_ab_w{position: relative; padding-right: 13em;}
.btn_rel_w .ab,.rel_ab_w .ab{position: absolute; right: 0; bottom: 0}
.btn_rel_w .btn{padding: 5px 10px; border-radius:5px; font-size: .938rem;}

.dev_inv{margin: 0 0 -10px -10px; display: flex; flex-wrap:wrap}
.dev_inv > li{float: left; width: calc(50% - 10px); margin: 0 0 10px 10px; display: table; height: 91px; padding: 20px 10px 20px 80px; position: relative; background: #fff; height: inherit; min-height: 85px}
.dev_inv .in{display: table-cell; vertical-align: middle;}
.dev_inv .no{position: absolute; left: 20px; top:50%;    transform: translateY(-50%);; width: 45px; height: 45px; background: #027cb5; border-radius:50%; color: #fff; text-align: center; line-height: 45px;}
/* .dev_inv.black .no{background: #333} */
.dev_inv.black .btn-link_blue{margin-left: 10px;background: #333}
.dev_inv.grey .no{background: #444}

.dev_inv_sns{margin: 0 0 -10px -10px; display: flex; flex-wrap:wrap}
.dev_inv_sns > li{float: left; width: calc(50% - 10px); margin: 0 0 10px 10px; padding: 30px; position: relative; background: #fff}
.dev_inv_sns .in{display: flex; align-items:center}
.dev_inv_sns .ico{margin-right: 15px;}
.dev_inv_sns .ico img{display: block;}
.dev_inv_sns .cont{flex:1; font-size: .938rem; line-height: 1.15;}
.dev_inv_sns .cont > *{display: block}
.dev_inv_sns .cont .t{font-size: 1.067rem; margin-bottom: 5px; font-weight: 500;;}
.dev_inv_sns .cont .add{word-break:break-all}




.auto_dev{display: flex; align-items:center}
/* .auto_dev .circle_w{width: 180px; height: 180px; background: #fff; border:1px dashed #0096b1;border-radius:50%; margin-right: 50px; text-align: center;} */
.auto_dev .circle{width: 180px; height: 180px; border-radius:50%; background: #0096b1; font-weight: 500; color: #fff; border:18px solid #fff; display: table; text-align: center; position: relative; line-height: 1.15;}
.auto_dev .circle:before{width: calc(100% + 36px); height: calc(100% + 36px); position: absolute; left: 50%; top:50%; border:1px dashed #0096b1; border-radius:50%; content: '';    transform: translate(-50%, -50%);}
.auto_dev .circle .in{display: table-cell; vertical-align: middle;}

.auto_dev .box_w{position: relative; padding-left: 50px; flex:1;}
.auto_dev .box_w:before{position: absolute; left: 0; top:50%; height: 1px; background: #0096b1; width: 100%;; content: ''}
.auto_dev .box{background: #fff; border:1px solid #0096b1; border-radius:10px; padding: 40px; position: relative; z-index: 1; min-height: 150px;}
.auto_dev .box ol,.auto_dev .box ul{position: relative; z-index: 1}
.auto_dev .box .bg{position: absolute; right: 40px; bottom: 25px; display: block;}
.auto_dev .bot .t{display: inline-block; background: url('../img/business/ico-book_e.png') left center no-repeat; padding-left: 31px; font-weight: 500;}
.auto_dev.green .bot .t,.auto_dev.green2 .bot .t{background-image: url('../img/business/ico-book_g.png')}
.auto_dev.blue .bot .t{background-image: url('../img/business/ico-book_b.png')}
.auto_dev .box.flex{display: flex; align-items: center}

.auto_dev .box .bul-no_w{margin-left: -3%;}
.auto_dev .box .bul-no_w > *{float: left; width: 47%; margin-left: 3%;}

.auto_dev .half_w{display: flex; margin-left: -15px; flex-wrap:wrap}
.auto_dev .half_w > *{width: calc(50% - 15px); margin-left: 15px; float: left;}

.auto_dev .bot_w{position: relative; padding-bottom: 70px !important;}
.auto_dev .bot{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 45px; text-align: center; background: #edf7f9; border-radius:0 0 10px 10px}
.auto_dev .bot_w .bg{margin-bottom: 45px;}

.auto_dev.green .bot,.auto_dev.green2 .bot{background: #ebf9f7}
.auto_dev.blue .bot{background: #e4f1f7}

.auto_dev.green .circle{background: #00ab4e;}
.auto_dev.green .box_w:before{background: #00ab4e}
.auto_dev.green .box,
.auto_dev.green .circle:before{border-color:#00ab4e}

.auto_dev.blue .circle{background: #027cb5;}
.auto_dev.blue .box_w:before{background: #027cb5}
.auto_dev.blue .box,
.auto_dev.blue .circle:before{border-color:#027cb5}

.auto_dev.green2 .circle{background: #1da590;}
.auto_dev.green2 .box_w:before{background: #1da590}
.auto_dev.green2 .box,
.auto_dev.green2 .circle:before{border-color:#1da590}


.steps-circle{text-align: center; font-size: 1.067rem; color: #fff; display: flex;     justify-content: center;}
.steps-circle > li{width: 220px; height: 220px; border-radius:50%; display: table; margin-right: 100px; position: relative;}
.steps-circle > li:last-child{margin-right: 0;}
.steps-circle > li:before{position: absolute; right: -100px; top:0; width: 100px;height: 100%; content: ''; background: url('../img/common/steps.png') center center no-repeat}
.steps-circle > li:last-child:before{background: none}

.steps-circle .no{font-size: 1.25rem; margin-bottom: 1em; display: block; text-decoration: underline; color: #fff}
.steps-circle .bg-wave,.steps-con_h .circle.bg-wave{background: #fff url('../img/business/bg-steps.png') center bottom no-repeat; color: #333; border:1px solid #027cb5}
.steps-circle .bg-wave .no{color: #027cb5}
.steps-circle .in{display: table-cell; vertical-align: middle;}
.steps-con_h .circle.bg-wave{color: #027cb5}

.steps-ind{text-align: center; font-size: 1.067rem; color: #666; display: flex;     justify-content: center;}
.steps-ind > li{ margin-right: 51px; position: relative;}
.steps-ind > li:last-child{margin-right: 0;}
.steps-ind > li:before{position: absolute; right: -51px; top:0; width: 51px;height: 100%; content: ''; background: url('../img/common/steps.png') center center no-repeat}
.steps-ind > li:last-child:before{background: none}

.steps-ind .circle{width: 170px; height: 170px; border-radius:50%; display: table; font-size: 1.375rem; font-weight: 500; line-height: 1.35;}
.steps-ind .bg-eme_r{background: #fff}
.steps-ind .bg-wave{background: #fff url('../img/business/bg-steps.png') center bottom no-repeat; color: #333; border:1px solid #027cb5}
.steps-ind .bg-wave .no{color: #027cb5}
.steps-ind .in{display: table-cell; vertical-align: middle;}
.steps-ind .etc{font-size: 1.125rem; font-weight: 500; margin-top: 20px;}


.dia_p img{display: block; margin: 0 auto; position: relative;}
.dia_p .box_com{position: relative;}
.dia_p strong{position: absolute; left: 100px; top:50%; transform:translateY(-50%)}
.dia_p1{left: 80px;    max-width: calc(100% - 150px);}

.box-dagner_b{border:1px solid #ddd}
.box-dagner_b .top{border-bottom: 1px solid #ddd; padding: .75em 0; background: #f3f8fb; text-align: center;}
.box-dagner_b .box{display: flex; padding: 80px; align-items:center}
.box-dagner_b .img{width: 434px; margin-right: 40px; max-width:40%}
.box-dagner_b .cont{flex:1}
.box-dagner_b .bul-no > li:first-child .no{background: #81b73a}
.box-dagner_b .bul-no > li:nth-child(2) .no{background: #37a5a8}
.box-dagner_b .bul-no > li:nth-child(3) .no{background: #0a7ba6}
.box-dagner_b .bul-no > li:nth-child(4) .no{background: #0b5497}
.box-dagner_b .bul-no > li:nth-child(5) .no{background: #f2940f}
.box-dagner_b .bul-no > li{margin-top:1.5rem}
.box-dagner_b .bul-no > li:first-child{margin-top: 0;}
.box-dagner_b .bul-no .f20{color:#333; display: block; line-height: 1.15; margin-bottom: 5px;}

.test-steps{max-width:1072px; margin: 0 auto;}
.test-steps > li{position: relative; display: flex; align-items:center;}
.test-steps > li > ul{flex:1; padding-left: 90px;}
.test-steps .item{display: flex;border:1px solid #30a381; background: #fff; margin-bottom: 40px; border-radius:15px; position: relative;}
.test-steps .top{width: 250px; text-align: center; background: #30a381; text-align: center; display: flex; flex-flow:column; color: #fff;justify-content: center;; border-radius:14px 0 0 14px; max-width:23%}
.test-steps .cont{flex:1; padding: 30px}
.test-steps .circle{width: 180px; height: 180px; border-radius:50%; background: #30a381; font-weight: 500; color: #fff; border:18px solid #fff; display: table; text-align: center; position: relative; line-height: 1.15; margin-top: -40px;}
.test-steps .circle:before{width: calc(100% + 36px); height: calc(100% + 36px); position: absolute; left: 50%; top:50%; border:1px dashed #30a381; border-radius:50%; content: '';    transform: translate(-50%, -50%);}
.test-steps .circle .in{display: table-cell; vertical-align: middle;}
.test-steps > li:last-child .item:last-child{margin-bottom: 0;}
.test-steps > li:last-child .circle{margin-top: 40px}
.test-steps .t{font-weight: 500; font-size: 1.125rem; color: #30a381;}
.test-steps .arrow{position: absolute; width: 100%; height: 40px; bottom:-40px; background: url('../img/business/arrow_s.png') center center no-repeat}

.test-steps .item:after{position: absolute; left: -45px; width: 45px; height: 1px; background: #30a381; content: ''; top:50%; transform:translateY(-50%)}
.test-steps .item:before{position: absolute; left: -8px; top:50%; width: 8px; height: 8px; border:3px solid #fff; border-radius:50%; content: ''; transform:translateY(-50%); background: #30a381}

.test-steps .type{position: relative;}
.test-steps .type1:before{position: absolute; left: 45px; top:0; width: 1px; height: calc(100%); content: ''; background: #30a381;}
.test-steps .type2 .item:after{left: -90px; width: 90px}

.test-steps > li:first-child .type:before{    top: 23.1%;     height: 50.7%;}
.test-steps > li:last-child .type:before{    top: 31%;     height: 56.1%; background: #1f8cc2}
.test-steps > li:first-child .circle:after,.test-steps > li:last-child .circle:after{position: absolute; right: -65px; top:50%; width: 45px; height: 1px; background: #30a381; content: ''}

.test-steps .eme .item,.test-steps .eme .circle:before{border-color:#0096b1}
.test-steps .eme .t{color:#0096b1}
.test-steps .eme .top,.test-steps .eme .circle,.test-steps .eme .item:after,.test-steps .eme .item:before{background:#0096b1}

.test-steps .blue .item, .test-steps .blue .circle:before{border-color:#1f8cc2}
.test-steps .blue .t{color:#1f8cc2}
.test-steps .blue .top,.test-steps .blue .circle,.test-steps .blue .item:after,.test-steps .blue .item:before,.test-steps > li:last-child .circle:after{background:#1f8cc2}

.img-box{border:1px solid #027cb5; border-radius:15px; background: #fff; overflow: hidden;}
.img-box .top{text-align: center; padding: .75em 0; background: #027cb5; color: #fff}
.img-box .cont{padding: 40px 45px}
.img-box .flex{display: flex; justify-content:center}
.img-box .flex > li:last-child{margin-left: 50px;}

.font-ie{font-style: italic; font-size: 13px;}
.font-ie span{position: relative;}
.font-ie span:first-child{top:-3px}
.font-ie span:last-child{top:2px}

.dev-st1{margin-left: -30px; display: flex; flex-wrap:wrap; word-brek:keep-all}
.dev-st1 > li{float: left; width: calc(25% - 30px); margin-left:30px; border:1px solid #ddd; background: #fff}
.dev-st1 .img{border-bottom: 1px solid #ddd;}
.dev-st1 .img img{display: block; width: 100%}
.dev-st1 .cont{padding: 25px 20px}
.dev-st1.col3 > li{width: calc(33.333% - 30px)}

.con_f-1{display: flex; align-items:center; text-align: left; padding: 0 50px}
.con_f-1 .img{width: 91px;}
.con_f-1 .img img{display: block}
.con_f-1 .cont{flex:1}

.con_f-2{display: flex; align-items:center; text-align: left; padding: 0 50px}
.con_f-2 .img{width: 130px;}
.con_f-2 .img img{display: block}
.con_f-2 .cont{flex:1}

.agree_box{border-top: 2px solid #333; border-bottom:1px solid #ccc; padding: 20px; background: #f7f7f7}
.agree_box .tit{font-size: 1.5rem; margin-bottom: 1.25rem; font-weight: 500; line-height: 1.15; color: #333}
.agree_box .box{border:1px solid #ccc; padding: 20px; background: #fff; max-height: 200px; overflow-y: auto;}
.agree_box .agree{margin-top: 1.25rem; text-align: right; font-size: .938rem;}
.agree_box .agree > *{display: inline-block; vertical-align: middle;}
.agree_box .radio-st1{margin-left: 1em;}
.agree_box .radio-st1 label{background: #f7f7f7}

.bot_form{margin-top: 50px; color: #333}
.bot_form .sect{margin-top: 15px;}
.bot_form .sect:first-child{margin-top: 0;}
.bot_form input[type="text"]{max-width:240px}
.bot_form .datepick_w{display: inline-block;}
.bot_form .t{margin-right: 10px;}

.tit-form{text-align: center; font-size: 1.8rem; font-weight: 700; color: #000; margin-bottom: 30px; line-height: 1.15;}

.js-tabs_w .tab_cont{display: none;}
.js-tabs_w .tab_cont:first-child{display: block;}

.form-excel{max-width:720px; margin: 30px auto 0;}
.form-excel .sect{margin-top: 10px;margin-left: -2%;}
.form-excel .sect:first-child{margin-top: 0;}
.form-excel li{float: left; width: 27.333333%; margin-left: 2%; padding-left: 2.5em; position: relative;}
.form-excel .long{padding-left: 6em; width: 39.333%}
.form-excel .left{position: absolute; left: 0; top:0; line-height: 35px;}

.btn-excel_bot{text-align: right; margin-top: 30px;}
.btn-excel_bot button{display: inline-block; padding: 5px 10px; margin-right: 3px;}
.btn-excel_bot button:last-child{margin-right: 0;}

.box_confirm{border:3px solid #ddd; padding: 1.5rem; font-size: 1.125rem; color: #333; margin: 50px 0;}

.top-safety{position: relative; padding-left: 8.9em;}
.top-safety label{position: absolute; left: 0; top:0; line-height: 35px; color: #333; font-weight: 500; font-size: 1.125rem;}

.fac_s-box{border:1px solid #ddd; padding: 50px 130px; text-align: center;}
.fac_s-box > div{display: flex; align-items: center;}
.fac_s-box .box{width: calc(50% - 65px)}
.fac_s-box .arrow{width: 130px;}
.fac_s-box .t{line-height: 57px; border-radius:100px; font-size: 1.125rem; font-weight: 500;}
.fac_s-box .c{margin-top: 20px; font-size: .938rem;}

.page-greeting .top{background: url('../img/intro/bg-greeting.gif') right bottom no-repeat; background-size:cover; color: #fff; font-size: 2.706em; line-height: 1.18; padding: 80px 80px 180px; text-shadow:3px 3px 8px rgba(0,0,0,.18)}
.page-greeting .quot_w{position: relative; display: inline-block; padding: 0 50px;}
.page-greeting .quot_w:before,.page-greeting .quot_w:after{font-size: 2em; color: rgba(255,255,255,.5); line-height: .67;}
.page-greeting .quot_w:before{position: absolute; left: 0;top:0; content: '“'}
.page-greeting .quot_w:after{position: absolute; right: 0;bottom:0; content: '”'}
.page-greeting .bot{border-bottom: 1px solid #ddd; position: relative; padding-right: 40%; margin-top: -90px; word-break:keep-all}
.page-greeting .bot .l{background: #fff; padding: 68px 68px 45px 0;}
.page-greeting .bot .r{width: 35.5%; position: absolute; right: 0; bottom: 0}
.page-greeting .bot .r img{display: block;}
.page-greeting .name{margin-top: 40px; color: #000}
.page-greeting .name strong{font-size: 1.765em; margin-left: .938rem;}


.symbol_box{border:1px solid #ddd; background: url('../img/intro/bg-pattern.gif') left top repeat; padding: 70px; position: relative; font-size: .938rem; line-height: 1.35;}
.symbol_box img{display: block; margin: 0 auto;}
.symbol_box ul{position: absolute; right: 30px; bottom: 30px}
.symbol_box li{position: relative; margin-top: 20px; padding-left: 24px;}
.symbol_box li:first-child{margin-top: 0;}
.symbol_box li:before{position: absolute; left: 0; top:0; width: 14px; height: 28px; background: #00ab4e; content: ''}
.symbol_box .black:before{background: #000}
.symbol_box li > *{display: block;}
.symbol_box strong{font-weight: 500; font-size: 1.063rem; margin-bottom: 5px; line-height: 1;}
.ci_box{margin-top: 20px; border:1px solid #ccc; padding: 55px 70px 55px 0}
.ci_box:first-child{margin-top: 0;}
.ci_box .in{display: table; width:100%; min-height: 155px}
.ci_box .in > *{display: table-cell; vertical-align: middle;}
.ci_box .l{width: 31%; padding: 0 70px}
.ci_box .r{position: relative; padding-left: 70px; margin-left: 70px;}
.ci_box .r:before{position: absolute; left: 0;top:50%; width: 1px; height: 28px; background: #ddd; content: ''; margin-top: -14px;}
.ci_box .r .t{display: block; margin-bottom: .938rem; line-height: 1;}
.ci_box .nemo{display: block; padding:20px; font-size: .938rem; color: #fff; line-height:1;}
.ci_box .nemo strong{display: block; margin-bottom:10px; font-size: 1.25rem;}
.ci_box .green{background: #00ab4e}
.ci_box .black{background: #000}
.ci_box img{display: block; margin: 0 auto;}
.ci_dev > li{display: inline-block;}
.ci_dev > li:last-child{margin-left: 130px;}
.ci_dev strong{margin-right: 10px;}
.ci-sig{margin: 0 0 -30px -2%;}
.ci-sig > li{float: left; width: 23%; margin: 0 0 30px 2%;border:1px solid #ddd;}
.ci-sig .box{position: relative; padding-bottom: 57.5%; overflow: hidden;}
.ci-sig .box img{display: block; margin: 0 auto; max-width:87%; max-height: 87%; position: absolute; left: 0; top:0;right: 0; bottom: 0; margin: auto}
.ci-sig .dot{background: #f6f6f6; text-align: center; padding: 10px 5px; font-size: 1.063rem; border-bottom: 1px solid #ddd;;}

.vision-top{text-align: center; color: #fff; background: url('../img/intro/bg-vision.gif') center center no-repeat; background-size:cover; padding: 90px 0; line-height: 1.15; margin-bottom: 80px;}
.vision-top .txt{line-height: 1.8;}
.vision-top .t{display: block; font-weight: 700; font-size: 1.25rem;}
.vision-top .big{display: block;margin: 20px 0 30px;}
.vision-top .big,.page-vision .slogan{font-size: 2rem;}
.page-vision .slogan{text-align: center; color: #333; letter-spacing: -0.067em; margin-bottom: 50px;}
.vision-dia{text-align: center; position: relative; padding-top: 80px;}
.vision-dia:before{ position: absolute; left: 50%; top:0; width: 1px; height:80px; border-right: 2px dotted #ccc; content: ''; margin-left: -2px;}
.vision-dia > li{position: relative;}
.vision-dia .top{width: 270px; height: 270px; border-radius:50%; background: #fff; border:30px solid #ddf0e4; display: table; margin: 0 auto;}
.vision-dia .top .in{display: table-cell; vertical-align: middle;}
.vision-dia .top img{display: block;margin: 0 auto; max-width:63%}
.vision-dia .mid{background: #f3f8fb; border:1px solid #ddd; border-radius:300px; margin: 0; display: inline-block; padding: 30px; color: #fff; font-size: 1.063rem;}
.vision-dia .mid ul{display: flex; margin: 0 15px;}
.vision-dia .mid li{width: 280px; height: 280px; border-radius:50%; padding: 50px 35px 0; opacity:.8}
.vision-dia .mid li:nth-child(2){margin: 0 60px;}
.vision-dia .green{background: url('')}
.vision-dia .green{background: #00ab4e url('../img/common/bg-green.gif') left bottom no-repeat; background-size:100%}
.vision-dia .eme {background: #1d95a5 url('../img/common/bg-eme.gif') left bottom no-repeat; background-size:100%}
.vision-dia .blue {background: #027cb5 url('../img/common/bg-blue.gif') left bottom no-repeat; background-size:100%}
.vision-dia .mid .tit{padding-bottom: 20px; border-bottom:1px solid #fff; font-size: 1.125rem; font-weight: 300; line-height: 1; margin-bottom: 20px;}
.vision-dia .mid .tit > *{display: block;}
.vision-dia .mid .tit strong{font-size: 1.875rem;}
.vision-dia .mid .tit span{margin-top: 0.7em;}
.vision-dia .bot{max-width:870px; margin:  0 auto; border:1px solid #ddd; word-break:keep-all; background: #fff}
.vision-dia .bot .tit{padding: .8em; font-size: 1.375rem;; font-weight: 700; text-align: center; background: #f3f8fb; line-height: 1.15; border-bottom: 1px solid #ddd;}
.vision-dia .bot .cont{padding:30px 40px;text-align: left; margin: 0 auto;}
.vision-dia .bot .bul-dash{margin-top: 1.875rem; font-size: 0.938rem;}

.vision-dia .mid:before,.vision-dia .bot:before{position: absolute; left: 50%; top:73px; width: 9px; height: 9px; border:3px solid #ccc; border-radius:50%; content: ''; transform:translateX(-50%); background: #fff}
.vision-dia .bot:before{border-color:#027cb5}

.tit-org{font-size: 1.375em; color: #333; font-weight: 500; margin-bottom: .87em; line-height: 1.15;}
.page-org .box{border:1px solid #ddd; padding: 90px; position: relative; line-height: 1.15;}
.page-org .top{margin: 0 115px 0 250px; position: relative; padding-bottom: 80px;}
.page-org .top:before{position: absolute; left: 50%; top:0; background: #ddd; content: ''; width: 1px;height: 100%;}
.page-org .mid:before{position: absolute; left: 50%; top:0; background: #ddd; content: ''; width: 1px;  height: calc(100% - 90px);}
.page-org .circle{display: table; font-size: 1.625em; width: 150px; height: 150px; border-radius:50%; margin: 0 auto; text-align: center; position: relative; z-index: 1; line-height: 1.18; font-weight: 700;}
.page-org .circle.small{width: 120px; height: 120px; font-size: 1.375rem}
.page-org .in{display: table-cell; vertical-align: middle;}
.page-org .border{height: 50px; display: table; border:1px solid #00ab4e; background: #f6fcf9; z-index: 1; position: relative; max-width: 198px;  width: 100%; color: #666; text-align: center;; font-weight: 500; font-size: 1.063em;}
.page-org .border.blue{border-color:#1d95a5; background-color: #f4fafb; color: #666; font-weight: 500;}
.page-org .border.blue_bg{border:0; background: #0f7ac0; color: #fff}
.page-org .dev.type1{display: flex; position: relative;}
.page-org .dev.right{justify-content: flex-end;}
.page-org .dev.type2{margin-bottom: 20px;; position: relative;}
.page-org .dev.type2 > *{float: right; width: 47%}
.page-org .dev.type2 > *:first-child{float: left;}
.page-org .dev.type1:before{width: 50%; height: 1px; background: #ddd; content: ''; left: 50%;top:50%; position: absolute;}
.page-org .dev.type1.left:before{left: 0}
.page-org .dev.type2:before{width: 100%; height: 1px; background: #ddd; content: ''; left: 0;top:50%; position: absolute;}
.page-org .item{border:1px solid #00ab4e; width:198px; position: relative; z-index: 1; background: #fff;}
.page-org .item .t{font-size: 1.063em; font-weight: 500; display: table;width: 100%; height: 45px; border-bottom: 1px solid #00ab4e;  background: #e5f6ed; text-align: center}
.page-org .item .c{padding: 20px 1rem}
.page-org .ab{position: absolute; bottom:100px; width: 198px; left: 0}
.page-org .mid_t{}
.page-org .item{margin: 80px 0 40px 0;}
.page-org .bot{padding-top: 0; position: relative; display: flex;     justify-content: space-between; flex-wrap:wrap}
.page-org .bot:before{position: absolute; left: 15.8%; top:0; width: 68.6%; height: 1px; background: #ddd; content: ''}
.page-org .bot .item{border-color:#ccc; width: 48%; margin-left:2% !important;}
.page-org .bot .item.no_border{border:0}
.page-org .bot .item.no_border:after{position: absolute; left: 50%; top:0; width: 1px; height: 100%; content: ''; background: #ddd}
.page-org .bot .i_in{border:1px solid #ccc; margin-bottom: 30px; background: #fff; position: relative;}
.page-org .bot .i_in:last-child{margin-bottom: 0;}
.page-org .bot .item .t{border-color:#ccc; background: #efefef; font-weight: 500;}
.page-org .bot > li{position: relative; padding: 40px 0 0; width: 31.333%}
.page-org .bot > li:before{position: absolute; left: 50%; top:0; width: 1px; height:120px; background: #ddd; content: ''}
.page-org .bot > li:last-child .item_w{justify-content: flex-end;}
.page-org .bot .left{float: left; width: 35%; }
.page-org .bot .right{float: right; width: 53%}
.page-org .bot .item{float: left; margin: 0 0 30px 30px; position: relative;}
.page-org .bot .border{margin: 0 auto 30px;}
.page-org .bot .item_w{margin: 0 0 -30px -2%; display: flex;flex-wrap:wrap; padding-top: 30px; position: relative; align-items:flex-start}
.page-org .bot .item_w:before{position: absolute; left: 26%; top:0; width: 50%; height: 1px; background: #ddd; content: ''}
.page-org .bot .right .item{max-width:calc(33.333% - 30px)}
.page-org .bot .left .item{max-width:calc(50% - 30px);}
.page-org .bot .item:before{position: absolute; left: 50%; top:-31px; width: 1px; height:31px; background: #ddd; content: ''}
.page-org .bot .item > *{position: relative;z-index: 1}
.page-org .bot .right .item_w:before{left: calc(14.5% + 30px); width: 66.5%}
.page-org .top2{position: relative; padding-bottom: 67px;}
.page-org .top2{max-width:800px; margin:  auto;}
.page-org .top2:before{position: absolute; left: 50%; top:0; background: #ddd; content: ''; width: 1px; height: 100%;}
.page-org .bul-dot > li{margin-top: 1em;}
.page-org .bul-dot > li:first-child{margin-top: 0;}

.page-org .dev_flex{display: flex;  position: relative;    justify-content: space-between; margin-left: -1%;}
.page-org .dev_flex:before{position: absolute; left: 8.8%; top:0; width: 83.45%; height: 1px; background: #ddd; content: ''}
.page-org .dev_flex > li{position: relative; padding-top: 80px; margin-left: 1%;}
.page-org .dev_flex > li:before{position: absolute; left: 50%; top:0; width: 1px; height:100%; background: #ddd; content: ''}
.page-org .dev_flex.col6 > li{flex-grow:6;width: 15.666666667%;}
.page-org .dev_flex.col4 > li{flex-grow:4}
.page-org .dev_flex.col3 > li{flex: 1;}
.page-org .dev_flex > li .border{margin: 0 auto; max-width:150px}
.page-org .dev_flex.col4:before{left:13.15%; width: 74.15%}
.page-org .dev_flex.col3:before{left: 17.2%; width: 66.7%;}

.page-org .dev_flex.col4 > li .border{max-width:215px}
.page-org .dev_flex.col3 > li .border{max-width:215px}

.page-org .border.eme_bg{background: #1d95a5; color: #fff; border:0}
.page-org .border.navy_bg{background: #244d85; color: #fff; border:0}
.page-org .border.black_bg{background: #61707e; color: #fff; border:0}
.page-org .border.black_bg_r{border:1px solid #61707e; background: #f8fdff}
.page-org .item.black{border-color:#61707e}
.page-org .item .t{border-color:#61707e; background: #f1f3f5}

.page-org .top_w{position: relative;}

.radio-st1 strong.f13{font-weight: 400;}

.people-top{text-align: center; color: #fff; background: url('../img/intro/bg-people.jpg') center center no-repeat; background-size:cover; padding: 140px 0; line-height: 1.3; font-size: 2rem; word-break:keep-all}
.people-dia{position: relative; padding: 130px 0; max-width:1061px; margin: 0 auto; font-size: 1.125rem; text-align: center; word-break:keep-all}
.people-dia .ico{display: none;}
.people-dia > img{display: block; margin: 0 auto;}
.people-dia strong{display: block;margin-bottom: 10px; font-size: 1.444em; color: #333}
.people-dia li{position: absolute;}
.people-dia .p1,.people-dia .p3{left: 50%; transform:translateX(-50%)}
.people-dia .p1{top:0}
.people-dia .p3{bottom: 0}
.people-dia .p2,.people-dia .p4{top:50%; transform:transalteY(-50%)}
.people-dia .p2{left: 0}
.people-dia .p4{right: 0}

.box-fb{border:1px solid #ddd; padding: 48px 87px;}
.fb1_box{background: #f8f8f8; padding: 30px; border-radius:5px; word-break:keep-all;margin-top: 30px;}
.fb1_box .bot{position: relative; padding-left: 15px;}
.fb1_box .bot:before{position: absolute; left: 0; top:0; width: 2px; height: 100%; background: #bababa; content: ''}
.fb1_box .bot > li:first-child{position: relative;}
.fb1_box .bot > li:first-child:before{position: absolute; left: -15px; top:0; width: 2px; height: 100%; background: #027cb5; content: ''}

.fb2_l{word-break:keep-all; position: relative; display: flex; justify-content:space-between}
.fb2_l > li{position: relative; margin-top: 10px;}
.fb2_l .left{width: 180px;  text-align: center; font-weight: 500; display: flex;     flex-flow: column;}
.fb2_l .left .ttt{background: #f0f0f0; font-size: 1.5rem; border-radius:10px; display: flex; justify-content: center; align-items: center;}
.fb2_l .left .bot{margin-top: 10px}
.fb2_l > li:first-child{margin-top: 0;}
.fb2_l .right{display: flex; flex:1; margin-left: 25px; justify-content: space-between; }
.fb2_l .right > li{width: calc(33.333% - 8px); border-radius:10px}

.fb2_l .top .t{height: 70px; width: 100%; display: table; padding: 0 10px 0 80px; font-size: 1.25rem; height: 70px; position: relative; background: #1ea891; border-radius:10px 10px 0 0; color: #fff; line-height: 1.35; font-weight: 700; line-height: 1.18;}
.fb2_l .top .t span{width: 100%; position: absolute; left: 20px; top:50%; transform:translateY(-50%); font-size: 1.1em; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius:50%; background: #fff; color: #1ea891; font-weight: 700; font-style: italic;}
.fb2_l .in{display: table-cell; vertical-align: middle}

.fb2_l .top .c{padding: 1.25em; font-size: 1rem; font-weight: 500; color: #333}
.fb2_l .top .ck_w > li{padding-left: 1.625em; background: url('../img/common/ck-green.png') left .15em no-repeat; margin-top: 10px;}
.fb2_l .top .ck_w > li:first-child{margin-top: 0;}
.fb2_l .bot{margin-top: 10px;}

.fb2_l .right .top{background: #e9f2f1; border-radius:10px}

.fb2_l .eme .top{background: #e1f2f6}
.fb2_l .eme .top .t{background: #0da2c2}
.fb2_l .eme .top .t span{color: #0da2c2}
.fb2_l .eme .top .ck_w > li{background-image: url('../img/common/ck-eme.png')}

.fb2_l .blue .top{background: #e1f2f6}
.fb2_l .blue .top .t{background: #0da2c2}
.fb2_l .blue .top .t span{color: #0da2c2}
.fb2_l .blue .top .ck_w > li{background-image: url('../img/common/ck-blue.png')}

.fb2_l .pd{border:1px solid #ddd; border-radius:10px; padding: 20px}
.fb2_l .dev{    display: flex;
    flex-flow: column;
    justify-content: space-between;}
.fb2_l .dev .pd{min-height: 48.5%}
.fb2_l .bot .t{display: block; font-weight: 500; margin-bottom: 5px;}
.fb2_l .green .bot .t{color: #1ea891}
.fb2_l .eme .bot .t{color: #099ebe}
.fb2_l .blue .bot .t{color: #027cb5}


.steps-con{text-align: center;display: flex; justify-content: center;    align-items: center;}
.steps-con > li{float: left; position: relative; margin-right: 40px;}
.steps-con > li:last-child{margin-right: 0;}
.steps-con .circle{display: table; width:123px; height: 123px; font-size: 1.125rem; color: #333; background: #fff; border:2px solid #ddd; border-radius:50%; position: relative; z-index: 1}
.steps-con > li.circle:before{position: absolute; right: -40px; top:0; width:40px; height: 100%; content: ''; background: url('../img/common/steps.png') center center no-repeat}
.steps-con .in{display: table-cell; vertical-align: middle;}
.danger_steps .red{background: #1d95a5; color: #fff; border:0}
.steps-con .blue_r{margin: 0 30px 0 10px;}
.steps-con .blue_r .circle{border:1px dashed #027cb5; color: #027cb5;}
.steps-con .blue_r:before{width: 150px; height: 150px; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); content: ''; background: #e3ecf1; border-radius:50%}
.steps-con .dev{padding-left: 40px; position: relative;}
.steps-con .dev > *{padding-left: 135px; position: relative;}
.steps-con .dev > *{margin-top: 30px;}
.steps-con .dev > *:first-child{margin-top: 0;}
.steps-con .dev:before{position: absolute; left: 0; top:50%; width: 40px; height: 1px; background: #aaa; content: '';}
.steps-con .dev > *:before{position: absolute; left: 0; top:50%; width: 120px; height: 1px; background: #aaa; content: '';}
.steps-con .dev:after{position: absolute;left: 40px; top:22.8%; width: 1px; height: 55%; content: ''; background: #aaa}
.steps-con .ab{position: absolute; width: 120px; text-align: center; left: 0; padding-left: 5px; top:15px}
/* 
.danger_steps .dev > ul > li{position: relative; display: table; height: 60px; width: 240px; border-radius:100px; }
.danger_steps .dev > ul > li:before{position: absolute; width: 18px; left: -30px; content: ''; top:50%; height: 3px; margin-top: -2px;; background: #aaa}
.danger_steps .dev > ul{padding-left: 30px;} */

.steps-st1{display: flex; margin-left: -30px; font-size: 1rem;}
.steps-st1 > li{float: left; width: calc(33.333% - 30px); position: relative; margin-left: 30px; background: #fff; border-radius:10px; border:1px solid #ddd}
.steps-st1 .top{display: table; width: 100%; height: 60px; font-size: 1.067em; border-radius:10px 10px 0 0; text-align: center; line-height: 1.18; word-break:keep-all; padding: 0 5px}
.steps-st1 .in{display: table-cell; vertical-align: middle;}
.steps-st1 .txt{padding: 0 1rem; word-break:keep-all; display: table; width: 100%; line-height: 1.18; height: 95px}
.steps-st1 > li:before{position: absolute; left: -30px; top:0; height: 100%; width: 30px; background: url('../img/common/steps.png') center center no-repeat; content: ''}
.steps-st1 > li:first-child:before{background: none}
.steps-st1 .cont{padding: 20px; position: relative;}
.steps-st1 .box{background: #e8f5f6; font-size: 14px; padding: 5px; text-align: center; margin-top: 30px;}

.steps-st2 > ul{margin-left: -40px; display: flex; flex-wrap:wrap}
.steps-st2 > ul > li{float: left; width: calc(25% - 40px); margin-left: 40px; position: relative; border:1px solid #ddd; border-top: 2px solid #027cb5; padding: 25px; display: flex;    align-items: center;}
.steps-st2 > ul > li:before{position: absolute; left: -40px; top:0;height: 100%; content: ''; background: url('../img/common/steps.gif') center center no-repeat; width: 40px}
.steps-st2 > ul > li:first-child:before{background: none}
.steps-st2 .ico{width: 75px}
.steps-st2 .txt{flex:1; color: #333}
.steps-st2.type2{text-align: center;}
.steps-st2.type2 > ul{}
.steps-st2.type2 > ul > li{display: block;}
.steps-st2.type2 .ico{width: auto}
.steps-st2.type2 .ico img{display: block; margin: 0 auto;}
.steps-st2 .cont{margin-top: 20px;}
.steps-st2 .t{display: block; color: #333}
.steps-st2 .c{margin-top: 10px; letter-spacing: -0.04em;}
.steps-st2 .small{font-size: .938rem; margin-top: 5px; display: block; color: #666}

.free_dev > ul{display: flex; margin-left: -2%;}
.free_dev > ul > li{width: 48%; background: #fff; float: left; margin-left: 2%; border:1px solid #ccc; border-radius:15px}
.free_dev .top{display: table; width: 100%; height: 75px; font-weight: 500; font-size: 1.25rem; border-radius:15px 15px 0 0; text-align: center; padding: 0 1rem; line-height: 1.18; letter-spacing: -0.04em; word-break:keep-all}
.free_dev .cont{padding: 40px}
.free_dev .in{display: table-cell; vertical-align: middle;}
.free_dev .btn{margin-top: 50px; text-align: center;}
.free_dev .btn > *{padding: 10px 30px; font-size: 1.125rem; font-weight: 500; display: inline-block;}

.dev-sc{display: flex;}
.dev-sc > li{float: left; width: 25%; padding: 0 50px; position: relative;}
.dev-sc > li:before{position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 1px; height: 93px; border-left: 1px dashed #999; content: '';}
.dev-sc > li:first-child:before{border: none}
.dev-sc .ico{position: relative;}
.dev-sc .ico img{display: block; margin: 0 auto;}
.dev-sc .ico strong{position: absolute; left: 50%; top:50%; margin: auto; color:#fff; transform:translate(-50%,-50%); white-space: nowrap}
.dev-sc .cont{margin-top: 30px; color: #333}
.tbl-sc table{min-width: 47rem}

.dev-sc2{display: flex; flex-wrap:wrap; text-align: center; letter-spacing: -0.07em; word-break:keep-all}
.dev-sc2 > li{float: left; width: 25%; padding: 0 1em; position: relative; border-left:  1px dashed #aaa;}
.dev-sc2 > li:first-child{border: none}
.dev-sc2 .ico{position: relative; margin-bottom: 20px;}
.dev-sc2 .ico img{display: block; margin: 0 auto;}
.dev-sc2 dt{color: #333; margin-bottom: 10px; line-height: 1.18; font-size: 1.294em; font-weight: 700;}

.attach-bot{background: #f6f6f6; border-bottom: 1px solid #ddd; padding: 25px 30px 25px 150px; line-height: 1;}
.attach-bot .in{display: flex; align-items:center}
.attach-bot .t{font-size: 1.067rem; font-weight: 400;}
.attach-bot .file{flex:1; margin-left: 50px;}
.attach-bot .file > li{display: inline-block; margin-right: 1.5em;}
.attach-bot .file > li:last-child{margin-right: 0;}
.attach-bot .file img{margin-right: 8px;}

.ind_i1{background: #f3f8fb; padding: 80px 135px}
.ind_i1 .cons_dev .c{padding: 20px; font-size: 1.063rem; text-align: left; font-weight: 400;}
.ind_i1 .cons_dev .bul-dot > li{margin-top: 10px;}
.ind_i1 .cons_dev .bul-dot > li:first-child{margin-top: 0;}

.ind_i1 .top{text-align: center; max-width:950px; margin: 0 auto;}
.ind_i1 .top > ul{position: relative; margin-top: -240px;}
.ind_i1 .top > ul:before{position: absolute; left: 15%; width: 70%; height: 1px; border-top:3px dotted #ccc; content: ''; top:100px;}
.ind_i1 .top .l{float: left;}
.ind_i1 .top .r{float: right;}
.ind_i1 .cons_dev{word-break:keep-all}
.ind_i1 .cons_dev br{display: none;}

.ind_i1 .top .center{ position: relative; margin: 0 90px;  flex:1}
.ind_i1 .top .big{background: #fff;border:1px solid #9dc3d5; border-radius:50%; display: table;    box-shadow: 0 10px 0 #e2eef5; position: relative; width: 100%; height: 100%; z-index: 1;width: 280px; height: 280px; margin:0 auto; line-height: 1.15;}
.ind_i1 .top .in{display: table-cell; vertical-align: middle; position: relative;}
.ind_i1 .top .circle{background: url('../img/business/bg-blue.gif') center center no-repeat; background-size:cover; border-radius:50%; display: table;  font-size: 23px; width:196px;height:196px;color: #fff; line-height: 1.35; font-weight: 700; text-shadow:1px 1px 1px rgba(0,0,0,.3); position: relative; margin-bottom: 40px;}
.ind_i1 .top .circle:before{width: 235px; height: 235px; background: rgba(2,124,181,.1); content: ''; left: 50%; top:50%; transform:translate(-50%,-50%); position: absolute; border-radius:50%}
.ind_i1 .top .bul-dot{text-align: left}
.ind_i1 .cons_effect{margin-top: 0; padding-top: 71px; background: url('../img/business/step_blue.gif') center top no-repeat}

.ind_i2 .top{padding-bottom: 150px;    background: url(../img/business/bg-wide.png) center bottom no-repeat; position: relative; margin-bottom: 25px;}
.ind_i2 .top:after{width: 86px; height: 50px; background: url('../img/business/arrow.png') bottom center no-repeat; transform:translateX(-50%); bottom:50px; content: ''; position: absolute; left: 50%; background-size:100%}

.ind_i3{border:1px solid #ddd; padding: 100px}
.ind_i3 .top{position: relative; margin-bottom: 75px; color: #333}
.ind_i3 li{position: absolute; width: calc(50% - 250px)}
.ind_i3 .i1,.ind_i3 .i4{text-align: right; left: 0}
.ind_i3 .i2,.ind_i3 .i3{right: 0}
.ind_i3 .i1,.ind_i3 .i2{top:0}
.ind_i3 .i3,.ind_i3 .i4{bottom:0}
.ind_i3 .top .rel{display: block;margin: 0 auto;}
.ind_i3 .top dt{font-size: 1.875rem; margin-bottom: 10px; font-weight: 700; line-height: 1;}

.ind-e{background:#f6f6f6; padding: 100px 193px; font-size: 1.063rem}
.ind-e .top{position: relative; color: #333}
.ind-e .top img{display: block; margin: 0 auto;}
.ind-e .top > ul > li{position: absolute;}
.ind-e .top .i1,.ind-e .top .i2{top:0;}
.ind-e .top .i3,.ind-e .top .i4{bottom: 0}
.ind-e .top .i1,.ind-e .top .i3{left: 0}
.ind-e .top .i2,.ind-e .top .i4{right: 0}

.box-ico > li{border:1px solid #ddd; border-radius:5px; margin-top: 20px; padding: 40px 0; display: flex; align-items:center}
.box-ico > li:first-child{margin-top: 0;}
.box-ico .ico{width: 263px; text-align: center; font-size: 1.25rem; font-weight: 500; position: relative; max-width:30%}
.box-ico .ico img{display: block; margin:0 auto; margin-bottom: 18px;}
.box-ico .cont{flex:1; padding:0 50px;}
.box-ico .ico:after{width: 1px; height: 80px; border-right: 1px dotted #aaa; content: ''; position: absolute; right: 0; top:50%; margin-top: -40px;}
.box-ico .cont .bul-dot{margin: 0 0 -10px -2%;}
.box-ico .cont .bul-dot li{float: left; width: 48%; margin: 0 0 10px 2%;}
.box-ico.i-e .cont .bul-dot li{float: none; width: 98%}

.c_s_txt{border-bottom: 1px solid #ddd; position: relative; padding-bottom: 30px}
.c_s_txt .r{position: absolute; right: 0; bottom: 0}
.c_s_txt .r img{display: block;}
.c_s_txt .l{position: relative; z-index: 1}

.box_com-st3{padding: 80px 130px; background: #fff; border:1px solid #ddd; text-align: center;}
.box_com-st3 .top{position: relative;background: url(../img/business/bg-wide.png) center bottom no-repeat; padding-bottom: 130px; margin-bottom: 10px;}
.box_com-st3 .top:after{width: 85px; height: 43px; background: url('../img/business/arrow_short.png') bottom center no-repeat; transform:translateX(-50%); bottom:45px; content: ''; position: absolute; left: 50%; background-size:100%}
.box_com-st3 .dev{display: flex; flex-wrap:wrap; margin-left: -2%;}
.box_com-st3 .dev > li{float: left; width: 23%; margin-left: 2%; border:1px solid #ddd; border-top: 4px solid #00ab4e; box-shadow: 0 3px 5px rgba(0,0,0,.18); background: #fff; padding: 40px 1em; border-radius:0 0 15px 15px}
.box_com-st3 .dev .t{font-size: 1.647em; font-weight: 900; background: url('../img/business/effect.png') center bottom no-repeat; padding-bottom: 30px; margin-bottom: 25px;}
.box_com-st3 .result{width: 380px; height: 80px; display: table; border-radius:100px; margin: 0 auto 25px; font-size: 1.875rem; font-weight: 700; color:#fff;background: linear-gradient(to right, #027cb5 0%,#1d95a5 100%);}
.box_com-st3 .in{display: table-cell;vertical-align: middle;}
.box_com-st3 .dev .eme{border-top-color:#1d95a5}
.box_com-st3 .dev .blue{border-top-color:#027cb5}
.box_com-st3 .dev.col2 > li{width: 48%}
.box_com-st3.total{letter-spacing: -0.1em;}
.box_com-st3.total .txt{text-align: left; padding: 0 40px}
.box_com-st3.total .float{margin: 0 0 -10px -10px;}
.box_com-st3.total .float > li{float: left; width: calc(33.333% - 10px); margin: 0 0 10px 10px;}

.c_s3{background: #f6f6f6 url('../img/business/ico-c_s.gif') 95% bottom no-repeat; border:1px solid #ddd; padding: 40px 70px; border-top: 0; margin-top: -1px;}
.c_s3 dt{font-size: 1.294em; font-weight: 500; margin-bottom:5px;}

.c_s4 .arrow{margin: 30px 0 30px 230px}
.c_s4 .arrow img{display: block; margin: 0 auto;}

.process-con_f{background: url('../img/business/bg-con_f.png') center 50px no-repeat; position: relative; max-width:1089px; margin:  0 auto; color: #333; font-size: 1.067rem;}
.process-con_f .ab{position: absolute; left: 50%; top:81px; transform:translateX(-50%); z-index: 1}
.process-con_f .ab img{display: block; margin: 0 auto;}
.process-con_f .dev > *{width: calc(50% - 90px); position: relative;}
.process-con_f .dev .l{float: left;}
.process-con_f .dev .r{float: right;}
.process-con_f .top .in{display: table-cell;vertical-align: middle;}
.process-con_f .top{height: 59px; width: 100%; display: table; border-radius:100px; font-weight: 500; font-size: 1.25rem;  text-align: center; margin-bottom: 20px;}
.process-con_f .dev .bul-no li{border:2px dashed #00ab4e; border-radius:100px; background: #fff; padding: 20px 10px 20px 63px; line-height:  1.15; margin-top: 10px;}
.process-con_f .dev .blue .bul-no li{border-color:#027cb5}
.process-con_f .dev .bul-no .no{left: 30px; top:20px}
.process-con_f .dev .bul-no li:first-child{margin-top: 0;}

.process-con_f .dev .bul-no li:nth-child(2){margin-top: 45px;}
.process-con_f .bot{background: url('../img/business/ico-double.png') center top no-repeat; padding-top: 40px; margin-top: 24px; font-size: 1.375rem; text-align: center; line-height: 1; font-weight: 700;}

.f_ind_steps{max-width:930px; margin: 0 auto;}
.f_ind_steps .bot{margin-top: 40px; position: relative;background: ; height: 51px; line-height: 50px; text-align: center; color: #fff; font-size: 1.125rem; font-weight: 500;background: linear-gradient(to right, transparent 0%,#00ab4e 25%,#1d95a5 50%,#027cb5 100%);;}
.f_ind_steps .bot:after{position: absolute; right: 0;top:0; width:20px; height: 51px; background: url('../img/business/f_ind.gif') right center no-repeat; content: ''}

.page-rel_site{margin: 0 0 -30px -30px; display: flex; flex-wrap:wrap}
.page-rel_site > li{float: left; width: calc(25% - 30px); margin: 0 0 30px 30px;}
.page-rel_site a{display: block; border:1px solid #ddd;}
.page-rel_site .logo{position: relative; padding-bottom: 44%; overflow: hidden;}
.page-rel_site .logo img{display: block; max-width: 87%; max-height: 87%; position: absolute; left: 0; top:0; right: 0; margin: auto; bottom: 0}
.page-rel_site .c{border-top: 1px solid #ddd; background: #f0f7fb; text-align: center; padding: 1em 10px}
.page-rel_site a:hover,.page-rel_site a:focus{border-color:#027cb5}

.page-location .map,.page-location .rel{position: relative;}
.page-location .rel{padding-right: 440px;}
.page-location .ifr{position: relative; height: 480px}
.page-location iframe,.page-location .ifr > *{width: 100%; height: 100%; display: block; position: absolute; left: 0; top:0}
.page-location .bot{background: #027cb5 url('../img/intro/loc_new.png') right bottom no-repeat; 
color: #fff; padding: 25px 30px; display: flex; font-size: 1.063rem;     align-items: center;
    justify-content: space-between; line-height: 1.18;    word-break: keep-all; position: absolute; right: 0; top:0; width: 440px; height: 100%;    flex-flow: column; justify-content:center;    align-items: baseline;}
.page-location .bot .l{font-size: 1.875rem; font-weight: 500; margin-bottom: 40px;}
.page-location .bot strong{font-weight: 500; margin: 0 0 5px 0;display: block; margin-left: -25px; color: #fff; position: relative; padding-left: 25px; background: url('../img/org/ico-loc.png') 3px 3px no-repeat}
.page-location .bot strong i{display: none;}
.page-location .bot i{margin-right: 4px;}
.page-location .bot > *{width: 100%}
.page-location .bot .r > *{padding-left: 25px; color: #a5d5f1}
.page-location .bot .r > *:last-child{margin-top: 20px;}
.page-location .bot .r > div:last-child strong{background: url('../img/org/ico-tel.png') left 0 no-repeat}

.page-brochure{max-width:573px; margin: 0 auto; padding: 50px 0 0; border:1px solid #ddd; text-align: center;}
.page-brochure .img{margin: 0 auto; max-width:413px; box-shadow:0 3px 5px rgba(0,0,0,.18); position: relative; width: 83%}
.page-brochure .img img{width: 100%; display: block;}
.page-brochure .bot{margin-top: 40px; background: #f3f8fb; padding: 150px 1rem 50px; margin-top: -105px;}
.page-brochure .t{font-size: 1.625rem; color: #333; font-weight: 500; line-height: 1.18; word-break:keep-all}
.page-brochure .btn{font-size: 1.25rem;display: block; padding: 10px 0; width: 200px; margin: 30px auto 0}

.contri-top{position: relative; margin-bottom: 50px;}
.contri-top .bg{position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 30px); background: #f6f6f6; content: ''}
.contri-top .rel{z-index: 1; position: relative; display: flex; align-items:center}
.contri-top .img{width: 570px}
.contri-top .img img{display: block;}
.contri-top .cont{flex:1; margin-left: 70px; word-break:keep-all}
.contri-top .t{position: relative; display: block; font-size: 2rem; line-height: 1.35; margin-bottom: .8em; padding-bottom: .8em; color: #333; font-weight: 700; word-break: keep-all;}
.contri-top .t:after{position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; background: #027cb5; content: ''}
.contri-dev{display: flex; margin-left: -3%; flex-wrap:wrap; letter-spacing: -0.07em;}
.contri-dev > li{float: left; width: 47%; margin-left: 3%;}
.contri-dev img{display: block;}
.contri-dev .box{background: #fff; box-shadow:0 3px 5px rgba(0,0,0,.18); max-width:545px; margin: -75px auto 0; padding: 50px 1em; text-align: center;position: relative;z-index: 1}
.contri-dev .t{line-height: 1.18; margin-bottom: .8em; padding-top: .8em; position: relative; display: block;}
.contri-dev .t:before{position: absolute; left: 50%; width: 24px; height: 3px; background: #027cb5; content: ''; transform:translateX(-50%); top:0}
.contri-dev .color-eme:before{background: #1d95a5}

.contri-top.pr{padding-bottom: 40px}
.contri-top.pr .img{width: 520px}
.contri-top.pr .add{padding: 35px 0; margin-top: 40px;}
.contri-top.pr .add > li{margin-top: 20px; position: relative; padding-left: 5.3em;}
.contri-top.pr .add > li:first-child{margin-top: 0;}
.contri-top.pr .add strong{position: absolute; left: 0; top:0; padding-right: 14px; display: block;}
.contri-top.pr .add strong:after{position:absolute; right: 0;top:50%;width: 1px; height: 10px; margin-top: -5px; background: #bbb; content: ''}

.contri-box{display: flex; text-align: center; align-items:center}
.contri-box .ico{display: table; width: 10rem; height: 10rem; border-radius:50%; background: #1d95a5; color: #fff}
.contri-box .in{display: table-cell; vertical-align: middle;}
.contri-box .ico img{display: block;margin: 0 auto 10px;}
.contri-box .dotted{flex:1; margin-left: 100px; position: relative; border:1px dashed #1d95a5; border-radius:100px; display: table; padding: 10px; height: 81px; color: #333; font-size: 1.125rem;}
.contri-box .dotted:before{position: absolute; left: -100px; top:0; background: url('../img/intro/dotted.gif') center center no-repeat; width: 100px; height: 100%; content: ''}

.contri-bottom{background: #f3f8fb; border-left: 3px solid #4ca1c9; position: relative; padding: 60px 450px 60px 60px; word-break:keep-all}
.contri-bottom img{display: block; position: absolute; right: 0; bottom: 0}

.cont-st1{border-top: 2px solid #333;}
.cont-st1 > li{border-bottom: 1px solid #ccc; display:flex; padding: 40px 0;}
.cont-st1 .l{width: 230px}
.cont-st1 .l img{margin: 0 auto; display: block;}
.cont-st1 .r{flex:1}
.cont-st1 .cont .t,.cont-st1 .cont .mid{display: block;}
.cont-st1 .cont .mid{margin: 1.25rem 0;}

.contri-bot{border:1px solid #ddd; border-radius:5px; font-size: 1rem; display: table; width: 100%; overflow: hidden;}
.contri-bot > *{display: table-cell; vertical-align: middle;}
.contri-bot .tit{width: 200px; font-size: 1.067rem; background: #f3f8fb; text-align: center; color: #333; font-weight: 700;}
.contri-bot .contt ul{flex:1; padding: 20px 30px; margin-bottom: -15px;}
.contri-bot .contt li{display: inline-block; margin: 0 50px 15px 0;}
.contri-bot .contt li > span{padding-left: 30px;display: inline-block; background: url('../img/intro/i1.gif') left center no-repeat;}
.contri-bot .contt li > span.i2{background-image: url('../img/intro/i2.gif')}
.contri-bot .contt li > span.i3{background-image: url('../img/intro/i3.gif')}
.contri-bot .contt li:last-child{margin-right: 0;}
.contri-bot .tit img{margin-right: 5px;}

.history_com{position: relative; padding-top: 67px; font-size: 1.067rem; color: #333}
.history_com:before{position: absolute; left: 50%; width: 1px; height: 100%; content: ''; border-left: 1px dashed #aaa;}
.history_com .item{padding-bottom: 80px;}
.history_com .year{position: relative; line-height: 1.15; margin-bottom: 1em; font-size: 40px; font-weight: 700; color: #027cb5; letter-spacing: -0.07em;}
.history_com .year:before{position: absolute; width: 45px; height: 45px; background: rgba(2,125,181,.2); border-radius:50%; content: ''}
.history_com .year:after{position: absolute; width: 10px; height: 10px; background: #027cb5; border-radius:50%; content: ''; z-index: 1}
.history_com .year:before,.history_com .year:after{left: 50%; top:50%; transform:translate(-50%, -50%)}
.history_com .dev > *{width: 50%}
.history_com .year span{width: 50%; display: block;}
.history_com .cont > div{position: relative; margin-top: 10px;}
.history_com .cont > div:first-child{margin-top: 0;}
.history_com .cont .date{position: absolute; top:0; width: 55px; font-weight: 500}
.history_com .cont .date:after{position: absolute; top:50%; width: 1px; height: 10px; margin-top: -5px; content: ''; background: #ccc}

.history_com .right .year span{margin-left: calc(50% + 50px);}
.history_com .left .year span{text-align: right; padding-right: 50px;}
.history_com .l{text-align: right; padding-right: 50px;; float: left;}
.history_com .r{padding-left: 50px; float: right;}
.history_com .r.cont > div{padding-left: 67px;}
.history_com .l.cont > div{padding-right: 67px;}
.history_com .r .date{left: 0}
.history_com .l .date{right:0; text-align: right;}
.history_com .r .date:after{right: 0}
.history_com .l .date:after{left: 0}

.ind-di .ttt .circle{border:15px solid #fff;border-radius:50%;display: table;width: 215px;height: 215px;margin: 0 auto;background: linear-gradient(135deg, #027cb5 0%,#1d95a5 100%);color: #fff;text-align: center;font-size: 1.294em;position: relative;}
.ind-di .ttt .circle:before{width: calc(100% + 30px); height: calc(100% + 30px); border:3px solid #1d95a5; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); content: ''; border-radius:50%}
.ind-di .ttt .circle .in{display: table-cell;vertical-align: middle;}

.ind-di_dev{margin-left: -2%; display: flex; text-align: center; font-size: 1.25rem;; font-weight: 500; position: relative; padding-top: 50px;}
.ind-di_dev > li{float: left; width: 23%; margin-left: 2%; background: #fff; border-radius:15px; position: relative;}
.ind-di_dev .top{background: #027cb5; color: #fff; border-radius:14px 14px 0 0; padding: 20px 10px}
.ind-di_dev img{display: block; margin: 0 auto;}
.ind-di_dev .c{padding: 15px 0; border-radius:0 0 15px 15px}
.ind-di_dev > li:before{position: absolute; left: 50%; top:-7px; width: 10px; height: 10px; border:3px solid #027cb5; border-radius:50%; content: ''; transform:translateX(-50%); background: #fff}
.ind-di_dev > li:after{left: 50%; top:-50px; width: 1px; height: 45px; content: ''; background: #999; position: absolute;}
.ind-di_dev:before{position: absolute;     left: 13.5%;
    width: 75.1%;
    top: 0; content: ''; background: #999; height: 1px}
.ind-di_dev .c{color: #666; font-size: 1.067rem; padding: 20px 30px; word-break:keep-all}
.ind-di_dev .c .dotted li{padding:10px 0; border-bottom: 1px dashed #aaa;}
.ind-di_dev .c .dotted li:last-child{border-bottom: 0;}
.ind-di_dev .bg-green_r:before{border-color:#00ab4e}
.ind-di_dev .bg-eme_r:before{border-color:#1d95a5}
.ind-di_dev .bg-navy_r:before{border-color:#015a84}
.ind-di .ttt{padding-bottom: 80px; position: relative;}
.ind-di .ttt:before{position: absolute; left: 50%; bottom:0; width: 1px; height: 80px; background: #999; content: ''}

.ind-di2{border:1px solid #ddd; padding: 100px 193px; font-size: 1.063rem}
.ind-di2 .top{position: relative; color: #333; margin-bottom: 80px;}
.ind-di2 .top img{display: block; margin: 0 auto;}
.ind-di2 .top > ul > li{position: absolute;}
.ind-di2 .top .i1,.ind-di2 .top .i2{top:0;}
.ind-di2 .top .i3,.ind-di2 .top .i4{bottom: 0}
.ind-di2 .top .i1,.ind-di2 .top .i3{left: 0}
.ind-di2 .top .i2,.ind-di2 .top .i4{right: 0}
.ind-di2 .mid{padding-bottom: 100px; background: url('../img/business/arrow.png') center bottom no-repeat; margin-bottom: 43px;}
.ind-di2 .mid .circle{background: #1d95a5; display: table; width: 100%; height: 100px; border-radius:100px; text-align: center; font-weight: 700; font-size: 1.294em; color:#fff; position: relative;}
.ind-di2 .mid .circle:before{bottom:-5px; left: 50%; width: 9px; height: 9px; background: #fff; border-radius:50%; border:3px solid #1d95a5; content: ''; margin-left: -5px; position: absolute;}
.ind-di2 .mid .in{display: table-cell;vertical-align: middle;     word-break: keep-all;  padding: 0 10px; line-height: 1.5;}
.ind-di2 .mid .box{background: #edf7f9; border:1px solid #1d95a5; border-raiuds:5px; margin-top: 80px; padding: 50px 1rem; position: relative; font-size: 1.25rem; color: #333; border-radius:10px}
.ind-di2 .mid .box > ul{max-width:720px; margin: 0 auto; letter-spacing: -0.07em;}
.ind-di2 .mid .box li{margin-top: 1em; background: url('../img/common/ck-eme.png') left 5px no-repeat; padding-left: 29px;}
.ind-di2 .mid .box li:first-child{margin-top: 0;}
.ind-di2 .mid .box:before{position: absolute; left: 50%; top:-80px; width: 1px; height: 80px; border-right: 1px dotted #666; content: ''; z-index: 1}
.ind-di2 .bot ol{display: flex; text-align: center;}
.ind-di2 .bot li{width: 20%; position: relative; padding: 0 1rem}
.ind-di2 .bot li:before{position: absolute; left: 0; top:35px; height: 45px; border-left: 1px dashed #aaa; content: ''; width: 1px}
.ind-di2 .bot li:first-child:before{border-left: 0;}
.ind-di2 .bot .ico{max-width: 115px; position: relative; margin: 0 auto 15px; width: 80%}
.ind-di2 .bot .ico img{display: block; margin: 0 auto;}
.ind-di2 .bot .ico strong{position: absolute; left: 0;top:0; width: 26px; height: 26px; border-radisu:50%; text-align: center; line-height: 26px;border-radius:50%; font-size: 14px; font-weight: 400;}

.cons_steps.i_c .tit{padding: 40px 1rem; text-align: center;}
.cons_steps.i_c .cont{padding: 40px}
.steps_i_c3{margin: 0 0 0 -30px; text-align: center; font-size: 1.063rem; max-width:580px}
.steps_i_c3 > span{float: left; width: calc(25% - 30px); margin: 30px 0 0 30px; line-height: 35px; border-radius:100px; background: #1d95a5; color: #fff}

.steps_i_c5{text-align: center; font-size: 1.063rem; line-height: 1.18; margin-top: 40px;}
.steps_i_c5 > *{float: left;}
.steps_i_c5 .l{float: left; border:1px solid #ccc}
.steps_i_c5 .l >*:first-child{border-right: 1px solid #ccc;}
.steps_i_c5 .l >*{width: 50%; float: left;}
.steps_i_c5 .r{border:1px solid #ccc; margin-left: 40px; position: relative;}
.steps_i_c5 .r:before{position: absolute; left: -40px; top:0; width: 40px; height: 100%; background: url('../img/business/arrow_blue.png') center center no-repeat; content: ''}
.steps_i_c5 .box{width: 250px; height: 180px; background: #fff; padding-top: 30px;}
.steps_i_c5 img{display: block; margin: 0 auto 10px;}

.box-edu.i_c .dev > li {align-items:center}
.box-edu.i_c .txt{line-height: 1.5;}

.dev-pop_s_w{max-width:623px; margin:40px auto 0; text-align: center; font-size: 1.067rem;}
.dev-pop_s{margin: 0 0 -30px -30px;display: flex;flex-wrap:wrap}
.dev-pop_s > li{float: left; width: calc(50% - 30px); margin: 0 0 30px 30px; border:1px solid #027cb5; position: relative;}
.dev-pop_s > li:after{background: #027cb5; content: ''; width: 100%; height: 30px; position: absolute; left:0; bottom: 0}
.dev-pop_s img{display: block; width: 100%}
.dev-pop_s .txt{background: #027cb5; padding: 15px 5px; color: #fff; position: relative; z-index: 1}

.ie-dev{display: flex; margin-left: -30px;display: flex;flex-wrap:wrap;}
.ie-dev > *{margin-left: 30px;}
.ie-dev .left{width: calc(35% - 30px)}
.ie-dev .right{width: calc(65% - 30px)}
.ie-box{font-size: 1.125rem;}
.ie-box.green .box{background: #e1f2ef}
.ie-box.eme .box{background: #daf1f4}
.ie-box.blue .box{background: #d8ebf4}
.ie-box .box{padding: 35px; position: relative;}
.ie-box .box > ul{margin: 0 0 -10px -10px;}
.ie-box .box li{border:1px solid #ddd; width: calc(100% - 10px); margin: 0 0 10px 10px; float: left;}
.ie-box .box .col2 li{width: calc(50% - 10px)}
.ie-box .box .col3 li{width: calc(33.333% - 10px)}
.ie-box .box button{height: 60px; display: block; width: 100%; background: #fff; padding:0 40px 0 70px; text-align: left; position: relative; line-height: 1.18; word-break:keep-all}
.ie-box .box button:hover,.ie-box .box button:focus{color: #fff; font-weight: 500;}
.ie-box .box i{position: absolute; right: 30px; top:50%; margin-top: -10px; width: 20px; height: 20px; background: #f6f6f6; border-radius:50%; content: ''; text-align: center;  line-height: 20px;;}
.ie-box.green button:hover,.ie-box.green button:focus{background: #00ab4e}
.ie-box.eme button:hover,.ie-box.eme button:focus,.ie-box.eme .cons_effect:before{background: #1d95a5}
.ie-box.blue button:hover,.ie-box.blue button:focus,.ie-box.blue .cons_effect:before{background: #027cb5}
.ie-box .box button:hover i,.ie-box .box button:focus i{background: #fff}

.ie-box.green button:hover i:before,.ie-box.green button:focus i:before{color: #00ab4e}
.ie-box.eme button:hover  i:before,.ie-box.eme button:focus  i:before{color: #1d95a5}
.ie-box.blue button:hover  i:before,.ie-box.blue button:focus  i:before{color: #027cb5}

.ie-box .box:before{position: absolute; left: 50%; width: 5px; height: 5px; background: #fff; border-radius:50%; border:2px solid #00ab4e ; content: ''; top:-3px; margin-left: -4px;}
.ie-box.eme .box:before{border-color: #1d95a5}
.ie-box.blue .box:before{border-color: #027cb5}

.ie-box .cons_effect{margin-top: 0; padding-bottom: 40px; position: relative;}
.ie-box .cons_effect:before{position: absolute; left: 50%; width: 1px; height: 40px; bottom: 0; background: #00ab4e; content: ''}

.pop-i_e .img{margin-top: 40px;}
.pop-i_e .img img{display: block;margin: 0 auto; border:1px solid #1083b9}
.pop-i_e .box{border:1px solid #ccc; border-top: 2px solid #01ab4f; margin-top: 20px; padding: 30px}
.pop-i_e .box.eme{border-top-color: #299baa;}
.pop-i_e .box.blue{border-top-color: #1083b9;}
.pop-i_e .box .ck{margin-top: 20px;}
.pop-i_e .box .ck > li{position: relative; padding-left: 24px; background: url('../img/common/ck-green.png') left 3px no-repeat;background-size:15px; margin-top: 5px; min-height: 15px}
.pop-i_e .box.eme .ck > li{background-image: url('../img/common/ck-eme.png')}
.pop-i_e .box.blue .ck > li{background-image: url('../img/common/ck-blue.png')}
.pop-i_e .box .ck > li:first-child{margin-top: 0;}

.tbl-fee select,.tbl-fee input{width: 100%; height: 35px}
.tbl-fee select{margin-top: 5px;}
.tbl-fee select:first-child{margin-top: 0;}
.tbl-fee button{width: 100%; height: 30px; border-radius:5px; font-size: .938rem;}

.total-fee{background: #f3f8fb; text-align: center;padding: 20px 1rem;}
.total-fee > *{display: inline-block; vertical-align: middle;}
.total-fee input[type="text"]{ width: 245px; height: 45px; margin: 0 5px 0 10px;}
.total-fee label{font-size: 1.125rem;}
.total-fee button{margin-left: 50px; font-size: .938rem; width: 100px; height: 30px; border-radius:5px}

.steps-remote{font-weight: 500; text-align: center; max-width:930px; margin: 0 auto; word-break:keep-all; line-height: 1.18;}
.steps-remote .arrow{margin: 50px 0;}
.steps-remote .arrow img{display: block;margin: 0 auto;}
.steps-remote .box{background: #fff}

.steps-remote .box{width: 100%; height: 60px; border-radius:5px; display: table;}
.steps-remote .in{display: table-cell;vertical-align: middle;}
.steps-remote .f22{margin-bottom: 20px}
.steps-remote .steps{margin-left: -40px;}
.steps-remote .steps > li{float: left; width: calc(33.333% - 40px); margin-left: 40px; position: relative;}
.steps-remote .steps > li:before{position: absolute; left: -40px; width: 40px; height: 100%; background: url('../img/business/steps.png') right center no-repeat; content: ''}
.steps-remote .steps > li:first-child:before{background: none}
.steps-remote .steps.col2 > li{width:calc(50% - 40px)}
.steps-remote .half_w{margin-left: -2%; display: flex}
.steps-remote .half_w > li{width: 48%; margin-left: 2%;}

.box-line{position: relative;border:4px solid #c4c0b5; padding: 27px; text-align: center; font-size: 1.125rem;}
.box-line > span{position: absolute; width: 70px; height: 67px; content: ''; background: url('../img/business/line.gif') center center no-repeat; background-size:100%}
.box-line .box{border:2px solid #c4c0b5; position: relative; z-index: 1; padding: 115px}
.box-line .t_l{left: -4px; top:-4px}
.box-line .t_l,.box-line .b_l{left: -4px}
.box-line .t_r,.box-line .b_r{right: -4px}
.box-line .t_l,.box-line .t_r{top:-4px}
.box-line .b_l,.box-line .b_r{bottom: -4px}
.box-line .t_r{background-image: url('../img/business/line_r.gif')}
.box-line .b_r{background-image: url('../img/business/line_br.gif')}
.box-line .b_l{background-image: url('../img/business/line_bl.gif')}

.box-line{letter-spacing: -0.07em;}
.box-line .tit{font-size: 42px; font-weight: 700; color: #333; line-height: 1.15; background: url('../img/business/line_tit.gif') center bottom no-repeat; padding-bottom: 50px; margin-bottom: 30px;    word-break: keep-all; letter-spacing: -0.07em;}
.box-line .txt{font-size: 1.25rem; ; color: #666; margin-bottom: 30px;}
.box-line .bg{background: #f8f8f8; padding: 1.25rem; text-align: left}
.box-line .bg ol{max-width:917px; margin: 0 auto;}
.box-line .bg li{display: flex; width: 100%; padding: 20px 0; border-bottom: 1px dashed #7c7c7c; align-items:center}
.box-line .bg li:last-child{border-bottom: 0;}
.box-line .bg .no{background: #027cb5; font-size: 1.125rem; border-radius:50%; width: 58px; height: 58px; line-height: 58px; color: #fff; font-weight: 500; text-align: center;}
.box-line .bg .c{margin-left: 20px; flex:1}
.box-line .logo{margin-top: 50px;}
.box-line .logo img{display: block;margin: 0 auto;}

.tbl-dis_s .flex{display: flex;}
.tbl-dis_s .flex > li{margin-top: 0; margin-left: 40px;}
.tbl-dis_s .flex > li:first-child{margin-left: 0;}

.box-st2{background: #fff; padding: 50px; margin-bottom: 50px; word-break:keep-all; position: relative; border:1px solid #ddd; font-size: 1.067rem;}
.box-st2 .in{display: table; width: 100%}
.box-st2 .in > *{display: table-cell; vertical-align: middle}
.box-st2.vt .in > *{vertical-align: top;}
.box-st2 .ico{width: 140px}
.box-st2 .ico img{display: block; margin: 0 auto;}
.box-st2 .cont{padding-left: 40px;}
.box-st2 > span{position: absolute;}
.box-st2 .t1,.box-st2 .t3{height: 115px; background: #027cb5; content: ''; width: 1px}
.box-st2 .t2,.box-st2 .t4{width: 125px; background: #027cb5; content: ''; height: 1px}
.box-st2 .t1,.box-st2 .t2{top:-1px; left: -1px}
.box-st2 .t3,.box-st2 .t4{right: -1px; bottom: -1px}
.box-st2 .big{font-size: 1.353em; color: #333; font-weight: 500; line-height: 1.35;}
.box-st2 .txt{margin-top: 30px;}

.page-privacy .a{line-height: 1.8;}
.page-privacy .none{margin-bottom: 20px;}
.page-privacy .mg15{margin: 15px 0;}

.page-location .way{border:1px solid #ddd; padding: 50px}
.page-location .way .in{display: flex; margin-top: 50px;    align-items: center;}
.page-location .way .in:first-child{margin-top: 0;}
.page-location .txt{flex:1;  position: relative; }
.page-location .img{position: relative; padding-right: 30px; margin-right: 30px;;}
.page-location .img:after{position: absolute; right: 0; top:50%; width: 1px; height: 25px; margin-top: -13px; content: ''; background: #ddd}
.page-location .ttt{font-size: 1.25rem; color: #333; font-weight: 700; margin-bottom: 1em; display: block; line-height: 1.15;}
.page-location .way .ico{display: inline-block; font-size: 10px; border-radius:50%; width: 18px; height: 18px; line-height: 18px; text-align: center; vertical-align: middle;}
.page-location .subway .ico{margin-right: 3px;}
.page-location .line-1{background: #02509f; color: #fff}
.page-location .line-2{background: #37b42d; color: #fff}
.page-location .line-3{background: #fa5f2c; color: #fff}
.page-location .line-4{background: #3171d3; color: #fff}
.page-location .line-5{background: #893bb6; color: #fff}
.page-location .line-6{background: #9a4e0f; color: #fff}
.page-location .line-7{background: #606d00; color: #fff}
.page-location .line-8{background: #e71e6e; color: #fff}
.page-location .line-9{background: #bf9f1e; color: #fff}
.page-location .bus-g{background: #4abf73; color: #fff}
.page-location .bus-b{background: #4c72d4; color: #fff}
.page-location .bus > li{margin-top: .3em}
.page-location .bus > li:first-child{margin-top: 0;}
.page-location .bus .ico{margin-right: 5px;}

.break-all{word-break:break-all}

.bbs-etc .btn-inquiry{margin-bottom:18px}

.steps-da_new_w{max-width:1150px; margin:  0 auto;}
.steps-da_new{margin-left: -80px; text-align: center; font-size: 1.25rem;}
.steps-da_new > li{float: left; width:calc(33.333% - 80px); margin-left: 80px;}
.steps-da_new .big{font-size: 1.1em; font-weight: 700; color:#fff; background: #1ea891; border-radius:10px; padding: .8em 5px}
.steps-da_new .eme .big{background: #0da2c2}
.steps-da_new .blue .big{background: #027cb5}
.steps-da_new .item{border:1px solid #1ea891; color: #1ea891; border-radius:10px; background: #fff; padding: 20px 5px; word-break:keep-all; margin-top: 14px; font-weight: 700; letter-spacing: -0.05em; position: relative; z-index: 1; line-height: 1.18;}
.steps-da_new .item:first-child{margin-top: 0;}
.steps-da_new .item:after{position: absolute; width: 14px; height: 8px; background: url('../img/business/arrow_dis.png') center center no-repeat; top: -8px; left: 50%; margin-left: -7px; content: ''}
.steps-da_new .s1 .item:first-child:after{background: none}
.steps-da_new .s2 .item:first-child:after, .steps-da_new .s3 .item:first-child:after{left: -13px; width: 8px; height: 14px; top:50%; margin-top: -7px; margin-left: 0; background-image: url('../img/business/arrow_dis_r.png')}
.steps-da_new .eme .item{border-color: #0da2c2; color: #0da2c2}
.steps-da_new .blue .item{border-color: #027cb5; color: #027cb5}
.steps-da_new .small{font-size: 1.063rem; font-weight: 400; display: block;}
.steps-da_new .in{position: relative; margin-top: 20px;}
.steps-da_new .in:before{position: absolute; left: 50%; top:0; width: 1px; height: 100%; content: ''; background: #ccc}
.steps-da_new .s1 .item:nth-child(2),.steps-da_new .s2 .item:nth-child(2){margin-top: 40px;}
.steps-da_new .s2 .in{margin-top: 70px;}
.steps-da_new .s3 .in{margin-top: 120px;}
.steps-da_new .s2 .item:first-child:before,.steps-da_new .s3 .item:first-child:before{position: absolute; left: calc(-50% - 81px); width: calc(50% + 75px); height: 1px; background: #ccc; content: ''; top:50%}
.steps-da_new .last{padding: 0}
.steps-da_new .t{padding: 1em 5px; background: #e9f5fa; border-bottom: 1px solid #027cb5; border-radius:10px 10px 0 0}
.steps-da_new .c{padding: 1.25rem 5px; max-width:240px; margin:  0 auto; text-align: left; font-size: 1rem; color: #666; font-weight: 400;}
.steps-da_new .bul-no .no{top:.15em}

.steps-dis_a_new2_w{max-width:1187px; margin:  auto; text-align: center; line-height: 1.15; word-break:keep-all}
.steps-dis_a_new2{ display: flex; flex-wrap:wrap; margin-left: -48px;}
.steps-dis_a_new2 > li{float: left; width: calc(25% - 48px); margin-left: 48px; position: relative; border-radius:5px;background: #fff; border: 1px solid #027cb5; color: #027cb5; padding: 40px 10px;}
.steps-dis_a_new2 > li:before{background: url('../img/business/arrow2.png') center center no-repeat; width: 48px; height: 100%; content: ''; position: absolute; left: -48px; top:0}
.steps-dis_a_new2 > li:first-child:before{background: none}
.steps-dis_a_new2 .ico{margin-bottom:15px;}
.steps-dis_a_new2 .ico img{display: block;margin: 0 auto;}
.steps-dis_a_new2 .cont{font-size: 1.25rem ; font-weight: 700;}
.steps-dis_a_new2  .small{font-size: 1.067rem; margin-top: 5px; display: block; font-weight: 400;}
.steps-dis_a_new2 > li:last-child{background:#027cb5 url('../img/business/dan_bg.gif') right bottom no-repeat; color: #fff}

.map_info{padding: 5px .938rem}

.vision-bg{background: url('../img/intro/bg-vision.jpg') center center no-repeat; background-size:cover; padding: 130px 0 265px; color: #fff}
.vision-bg dt{opacity:.7}
.vision-bg dt span{border-bottom: 1px solid rgba(255,255,255,.7);}

.tit-vision{line-height: 1.18;  font-size: 1.625rem; text-align: center; font-weight: 700}
.tit-vision dd{margin-top: 30px; font-size: 1.846em;    letter-spacing: -0.05em; word-break: keep-all;}
.vision-mid{padding: 85px 0 0; margin-top: -120px; background: #fff; margin-bottom: 95px;}
.vision-mid .exp{margin: 40px 0 20px; text-align: center; font-size: 1.25rem;}
.vision-mid .tit-vision dt{color: #bababa}
.vision-mid .tit-vision dt span{border-bottom: 1px solid #bababa}
.vision-mid .tit-vision dd{color: #333}

.vision-bot_new{background: #fff}

.people-mid{background: #f9f9f9; padding: 120px 0 135px}
.people-mid .top{text-align: center; font-size: 1.125rem; color: #333; line-height: 1.18; letter-spacing: -0.07em; margin-bottom: 80px;}
.people-mid .top > *{display: block;}
.people-mid .top strong{font-size: 40px;}
.people-mid .top span{margin-top: 1.25rem;}
.people-circle{margin-left: -80px; text-align: center; font-size: 0;}
.people-circle > li{display: inline-block; margin-left: 80px; position: relative; font-size: 1.125rem;}
.people-circle > li:before{position: absolute; left: -60px; top:130px; width: 40px; background: #027cb5; content: ''; height: 1px;}
.people-circle > li:first-child:before{background: none}
.people-circle .circle{background: #fff; width: 260px; height: 260px; border:1px dashed #027cb5; border-radius:50%; text-align: center;     display: flex; justify-content: center; align-items: center; flex-flow: column; margin: 0 auto;}
.people-circle .txt{margin-top: 30px; font-weight: 500; line-height: 1.15; font-size: 1.5rem; letter-spacing: -0.07em;}

.people-circle_w{background: url('../img/intro/map.png') center top no-repeat;}
.people-circle .c{margin-top: 30px; display: inline-block; word-break:keep-all}
.people-circle .c > li{display: inline-block;}

.com-top{background: #f6f6f6;    word-break: keep-all; margin-bottom: 50px;}
.com-top .inner{display: flex; justify-content:space-between;    align-items: center;}
.com-top .l{flex:1; margin-right: 50px; font-size: 1.188rem; padding: 30px 0;}
.com-top .r{width: 37.15%;}

.com-top .t{line-height: 1.4; display: block; color: #333; font-weight: 500; font-size: 1.750rem; margin-bottom: 30px; padding-bottom: 30px;position: relative; letter-spacing: -0.04em;}
.com-top .t:after{position: absolute; left: 0; bottom: 0; width: 38px; height: 3px; background: #027cb5; content: ''}

.cont-di{font-size: 1rem;}
.cont-di .box{background: #f7fbfd; padding: 1.5rem; word-break:keep-all; margin-bottom: 18px;}
.cont-di .sect{margin-top: 50px;}
.cont-di .sect:first-child{margin-top: 0;}

.pop-ie{border:1px solid #ccc;}
.pop-ie img{display: block; margin: 0 auto;}

.dis_box{border:1px solid #ddd; padding: 60px}

.dis_box .flex{display: flex}
.dis_box .l{width: 30%; font-size: 1.188rem;    display: flex; align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle; font-weight: 500; padding: 1rem;}
.dis_box .big{font-weight: 500;; color: #fff; background: #027cb5;display: flex; height: 60px; text-align: center; margin: 0; padding: 0 10px; display: flex; align-items: center;
    justify-content: center;}
.dis_box .big .v{font-size: 1.375rem;    line-height: 1.18;
    word-break: keep-all; letter-spacing: -0.07em}
.dis_box .r{flex:1; margin-left: 20px; font-size: 1.063rem;}
/* .dis_box .v{display: table-cell; vertical-align: middle;} */
.dis_box .border.green{border:1px solid #0aa48a; color: #0aa48a}
.dis_box .border.eme{border:1px solid #149aaa; color: #149aaa}
.dis_box .border.eme2{border:1px solid #0884b8; color: #0884b8}
.dis_box .border.navy{border:1px solid #1a578f; color: #1a578f}
.dis_box .flex{margin-top: 20px;}
.dis_box .box{display: table; width: 100%; min-height: 120px; padding: 5px 10px; text-align: center;    display: flex;
    align-items: center;
    justify-content: center;}
.dis_box .box.green{background:#eaf6f1 ; color:#0aa48a }
.dis_box .box.eme{background: #eef7f8; color:#149aaa }
.dis_box .box.eme2{background: #ebf4f9; color: #0884b8}
.dis_box .box.navy{background: #eaf0f5; color: #1a578f}

.dis_box .dev ul{margin: -15px 0 0  -15px; display: flex; flex-wrap:wrap; height: 100%}
.dis_box .dev li{float: left; width: calc(33.333% - 15px); margin:15px 0 0 15px;}
.dis_box .dev.half li{width: calc(50% - 15px)}

/* 설립목적/연혁 */
.page-history{word-break:keep-all; line-height: 1.18;}
.tit-his{font-size: 1.625rem; color: #333; font-weight: 500; line-height: 1.15; padding-bottom: 1.15em; border-bottom: 2px solid #333; line-height: 1.15; padding-left: 1em;}
.his_w .item{padding: 35px 0; display: table; border-bottom: 1px dotted #999; width: 100%; font-size: 1.067rem;}
.his_w .item > *{display: table-cell;vertical-align: top;}
.his_w .item .year{width: 260px; text-align: center; color: #027cb5; font-weight: 500; font-size: 1.5rem;}
.his_w .det > li{position: relative; padding-left: 5.5em; margin-top: 1em;}
.his_w .det > li:first-child{margin-top: 0;}
.his_w .det .month{position: absolute;left: 0;top:0; padding-left: .938em; font-weight: 500; color: #333; font-size: 1.125rem; padding-right: .95em;}
.his_w .det .month:before{position: absolute;left: 0;top:50%; width: 5px; height: 5px; margin-top: -3px; background: #027cb5; content: ''}
.his_w .det .month:after{position: absolute; right: 0; top:50%; width: 1px; height: 10px; margin-top: -5px; background: #bfbfbf; content: ''}
.his_w.te{border-top: 2px solid #333;}
.his_w.mn .det > li{padding-left: 0;}

.process-remote{display: flex; flex-wrap:wrap; margin-left: -2%;}
.process-remote > li{float: left; width: 31.333%; margin-left: 2%; border:1px solid #4aaab7; border-radius:10px;background: #fff; padding: 40px; letter-spacing: -0.07em;}
.process-remote > li.pr2{border-color:#3596c4}
.process-remote > li.pr3{border-color:#027cb5}
.process-remote .rel{position: relative; padding-bottom: 91px; height: 100%}
.process-remote .top{ padding-bottom: 20px; margin-bottom: 20px;;border-bottom: 1px solid #ccc}
.process-remote .top .t{display: block; font-size: 1.625rem; color: #333; font-weight: 500; line-height: 1.15;}
.process-remote .top .t > *{display: inline-block; vertical-align: middle;}
.process-remote .top .t span{margin-left: 3px;}
.process-remote .top .txt{margin-top: 1.125rem; font-size: 1.067rem; line-height: 1.5}
.process-remote .bul-dot{font-size: .938rem;}
.process-remote .pr2 .bul-dot:before{background: #3596c4}
.process-remote button{display: block; height: 50px; color: #fff; background: #4aaab7; font-size: 1.125rem; width: 100%; position: absolute; left: 0; bottom: 0}
.process-remote .pr2 button{background: #3596c4}
.process-remote .pr3 button{background: #027cb5}

.dev-kisa_new{margin: 0 0 -2% -2%; display: flex; flex-wrap:wrap; border-radius:10px; }
.dev-kisa_new > li{float: left; width: 31.3333%; margin: 0 0 2% 2%;background: #e9f6fc url('../img/common/bg-blue2.gif') right top no-repeat; padding: 40px 30px; min-height: 205px;}
.dev-kisa_new .t{font-size: 1.375rem; margin-bottom: .8em; line-height: 1.15; font-weight: 500;letter-spacing: -.07em;}
.dev-kisa_new .txt{font-size: .938rem;letter-spacing: -.04em;}
.dev-kisa_new.eme > li{background: #e6f7f9 url('../img/common/bg-eme2.gif') right top no-repeat}
.dev-kisa_new.green > li{background: #edfcf3 url('../img/common/bg-green2.gif') right top no-repeat}

.dev-kisa_new > li:nth-child(n+7){display: none;}
.dev-kisa_new.on > li:nth-child(n+7){display: block;}

.remote_more_w{margin-top: 30px; position: relative;}
.remote_more_w:before{position: absolute; left: 0; top:50%; width: 100%; height: 1px; background: #ddd; content: ''}
.btn-toggle_s{border:1px solid #ddd; background: #f6f6f6; width: 220px; height: 55px; border-radius:100px; margin: 0 auto; color: #333; font-size: 1.067rem; letter-spacing: -0.04em; display: block;position: relative; z-index: 1}
.btn-toggle_s .ico{width: 11px; height: 11px; display: inline-block; margin-left: 7px; position: relative}
.btn-toggle_s .ico:before,.btn-toggle_s .ico:after{position: absolute; background: #000; content: ''}
.btn-toggle_s .ico:before{left: 0; width: 100%; height: 1px; top:50%}
.btn-toggle_s .ico:after{left: 50%; width: 1px; height: 100%; top:0; margin-left: -1px;}
.btn-toggle_s.on .ico:after{display: none;}

.indent{position: relative; padding-left: 1.4em; display: block;}
.indent span{position: absolute; left: 0; top:0;}

.box-join{border:1px solid #ddd; text-align: center; letter-spacing: -0.07em;}
.box-join .top{padding: 60px}
.box-join .top .cons_effect{margin: 0 0 40px;}
.steps-join_w{max-width:1101px; margin: 0 auto}
.steps-join{margin-left: -97px; display: flex; flex-wrap:wrap}
.steps-join > li{position: relative; float: left; width: calc(33.333% - 97px); margin-left: 97px;}
.steps-join > li:before{position: absolute; left: -97px; width: 97px; background: url('../img/business/steps-double.gif') center center no-repeat; height: 280px; top:0; content: ''}
.steps-join > li:first-child:before{background: none}
.steps-join .circle{display: block; width: 280px; height: 280px; margin: 0 auto 20px; border-radius:50%; text-align: center; color: #333; padding: 63px 30px 0; word-break:keep-all;}
.steps-join .circle .big{font-weight: 500;}
.steps-join .circle .add{color: #888; margin-top: 10px;}
.steps-join > li:first-child .circle{background: #edf9f2}
.steps-join > li:nth-child(2) .circle{background: #e9f9f8}
.steps-join > li:nth-child(3) .circle{background: #e9f5fb}
.steps-join img{display: block;margin: 0 auto 20px;}
.box-join .bot{background: #f6f6f6; padding: 15px; background: #f6f6f6}

.free-steps_w{border-bottom: 1px solid #ddd; padding-bottom: 30px;}


.sk_dev a:hover{text-decoration: underline;}

.consult-2 .padding{padding: 0 ;border:0; margin-left: -3%;}
.consult-2 .padding > li{padding: 0; border:1px solid #ddd !important; margin-left: 3%; border-bottom: 1px solid #ddd;}
.consult-2 .padding.col3 > li{width: 30.333%}
.consult-2 .padding .top{background: #f3f8fb; text-align: center; padding: .938rem 5px; border-bottom: 1px solid #ddd;}
.consult-2 .padding .top .t2{display: inline-block;}
.consult-2 .padding .bul-dot{margin: 0; padding: 1.5rem}

.db_box{margin-left: -2%; display: flex; flex-wrap:wrap; text-align: center;}
.db_box > li{float: left; width: 31.333%; margin-left: 2%; padding: 40px 1rem; position:relative; ;border:1px solid #ddd}
.db_box img{display: block;margin: 0 auto;}
.db_box .txt{margin-top: 1.111em; font-size: 1.125rem; color: #333}

.db_box > li:before,.db_box > li:after{position: absolute; background: #027cb5; content: ''; top:-1px; left: -1px}
.db_box > li:before{height: 115px; width: 1px}
.db_box > li:after{width: 125px; height: 1px}

.process-ind_i{display: flex; flex-wrap:wrap; margin-left: -2%; text-align: center;}
.process-ind_i > li{float: left; width: 31.333%; margin-left: 2%; border:1px solid #00ab4e; border-radius:10px;background: #fff; padding: 40px; letter-spacing: -0.07em;}
.process-ind_i > li.pr2{border-color:#1da590}
.process-ind_i > li.pr3{border-color:#027cb5}
.process-ind_i .rel{position: relative; padding-bottom: 91px; height: 100%}
.process-ind_i .top{ padding-bottom: 30px; margin-bottom: 30px;;border-bottom: 1px solid #00ab4e}
.process-ind_i .top img{display: block; margin: 0 auto;}
.process-ind_i > li.pr2 .top{border-color:#1da590}
.process-ind_i > li.pr3 .top{border-color:#027cb5}
.process-ind_i .bot{font-size: 1.063rem;}
.process-ind_i .bot .big{display: block; font-size: 1.529em; margin-bottom: 20px; line-height: 1.15;}

.process-ind_i button{display: block; height: 50px; color: #fff; background: #00ab4e; font-size: 1.125rem; width: 100%; position: absolute; left: 0; bottom: 0; max-width:191px; left: 50%; transform:translateX(-50%); border-radius:100px}
.process-ind_i .pr2 button{background: #1da590}
.process-ind_i .pr3 button{background: #027cb5}

.pop-ii img{display: block;margin: 0 auto;}
.pop-ii .sect-ii{margin-top: 50px; padding-top: 50px; border-top: 1px dotted #000;}
.pop-ii .sect-ii:first-child{margin-top: 0; padding-top: 0; border-top: 0;}

/* 팝업으로 옮기면서 이동 */
/* .ind_i3 .top{margin-bottom: 30px;}
.ind_i3{padding: 1.5rem}
.ind_i3 ul{margin-top: 1.5rem;}
.ind_i3 li{position: static; width: 100%; margin-top: 1.5rem; text-align: left !important;}
.ind_i3 li:first-child{margin-top: 0;}
.ind_i3 .top .rel{max-width:80%}
.ind_i3 .top dt{font-size: 1.5rem;}
.ind_i3,.cons_steps{padding-left: 1rem; padding-right: 1rem;} */

.consult-ns{max-width:680px; margin: 0 auto;line-height: 1.15; padding-top: 50px; background: url('../img/business/step_blue_n.png') center top no-repeat; word-break:keep-all; background-size:100%}
.consult-ns .ns1{margin-bottom: 40px;}
.consult-ns .ns1 ul{margin-left: -48px; display: flex; flex-wrap:wrap;}
.consult-ns .ns1 li{float: left; width: calc(50% - 48px); margin-left: 48px; border:1px solid #ccc; background: #fff; border-radius:100px; font-weight: 500; font-size: 1.375rem; color: #333; height: 60px; display: table; position: relative; padding: 0 5px}
.consult-ns .ns1 li:last-child:before{position: absolute; left: -48px; width: 48px; height: 100%; content: ''; background: url('../img/business/triple.png') center center no-repeat}
.consult-ns .in{display: table-cell; vertical-align: middle;}
.consult-ns .ns2{background: linear-gradient(to right,#027cb5  0%,#1d95a5 100%); position: relative; border-radius:100px; overflow: hidden; color:#fff; font-size: 1.875rem; font-weight: 500; height: 80px; display: table; width: 100%; padding: 0 5px}

.consult-add{padding: 50px 0 100px; background: url('../img/business/step_blue_n.png') center top no-repeat; color: #333; font-weight: 500; font-size: 1.375rem; margin:10px 0;}
.consult-1.new .process{margin-top: -50px;}

.con-steps_new .dev{display: flex; flex-wrap:wrap; margin: 0 0 -10px -10px; position: relative;}
.con-steps_new .dev:before{position: absolute; left: 10px; top:50px; background: #5d747e; content: ''; width: calc(100% - 10px); height: 1px}
.con-steps_new .dev > li{float: left; width: calc(16.6667% - 10px); margin: 0 0 10px 10px; position: relative; padding-top: 110px;}
.con-steps_new .tit{background: #fff; border-radius:5px 5px 0 0; padding: 20px; position: absolute; left: 0; top:0; width: 100%; height: 100px; font-size: 1.375rem; line-height: 1.15; color: #333}
.con-steps_new .cont{border-radius:0 0 5px 5px; padding: 20px; height: 100%; color: #333; font-size: 1.125rem;}
.con-steps_new .border{border:1px solid #ccc}
.con-steps_new .tit > *{display: block;}
.con-steps_new .no{font-style: italic; font-size: .9em;}
.con-steps_new .tt{margin-top: 5px; background: url('../img/common/ck-eme.png') left top no-repeat; padding-left: 26px; word-break:keep-all}
.con-steps_new .s1 .tt{background-image: url('../img/common/ck-green.png')}
.con-steps_new .s6 .tt{background-image: url('../img/common/ck-blue.png')}

.con-steps_new .s1 .border{border-color:#00ab4e}
.con-steps_new .s1 .no{color: #00ab4e}
.con-steps_new .s1 .cont{background: #edf9f2}

.con-steps_new .s2 .border{border-color:#1da590}
.con-steps_new .s2 .no{color: #1da590}
.con-steps_new .s2 .cont{background: #ebf9f7}

.con-steps_new .s3 .border{border-color:#1d9b9d}
.con-steps_new .s3 .no{color: #1d9b9d}
.con-steps_new .s3 .cont{background: #edf7f9}

.con-steps_new .s4 .border{border-color:#1d95a5}
.con-steps_new .s4 .no{color: #1d95a5}
.con-steps_new .s4 .cont{background: #e5f5f7}

.con-steps_new .s5 .border{border-color:#138cab}
.con-steps_new .s5 .no{color: #138cab}
.con-steps_new .s5 .cont{background: #e5f5f7}

.con-steps_new .s6 .border{border-color:#027cb5}
.con-steps_new .s6 .no{color: #027cb5}
.con-steps_new .s6 .cont{background: #e4f1f7}

.ch-dia .bot{margin-top: 40px;}
.ch-dia ul{display: flex; align-items:center; 	    justify-content: center;}
.ch-dia li{position: relative;}
.ch-dia li:nth-child(2){margin: 0 70px; position: relative;}
.ch-dia li:nth-child(2):before,.ch-dia li:nth-child(2):after{position: absolute; top:0; width: 70px; height: 100%; background: url('../img/business/arrow2.png') center center no-repeat; content: ''}
.ch-dia li:nth-child(2):before{left: -70px}
.ch-dia li:nth-child(2):after{left: 100%}

/* .law_w > li{margin-top: 10px;}
.law_w > li:first-child{margin-top: 0;} */

.select_map_new select option{font-size: 1rem;}

.auto_dev .float{display: flex; flex-wrap:wrap; text-align: center;}
.auto_dev .float > li{float: left; width: 33.333%; border-left: 1px dashed #999; padding: 0 15px}
.auto_dev .float > li:first-child{border-left: 0;}
.auto_dev .float .t{background: #f3f8fb; color: #027cb5; font-size: 1.125rem; font-weight: 500; padding: 10px 5px; line-height: 1; margin-bottom: .938rem; display: block;}

/* .page-join a{display: block;} */

/* .kisa_s_w{position: relative;}
.kisa_s_w .dev-kisa_img{position: absolute; right: 0; bottom: 0; margin-left: 0;} */

.cons_effect .bul-mark.b{line-height: 1.5;}

.box_pr_w{margin-left: -2%; display: flex; flex-wrap:wrap}
.box_pr_w > li{float: left; width: 31.3333%; margin-left: 2%; position: relative; border:1px solid #ddd; border-top: 2px solid #027cb5; padding-bottom: 55px;}
.box_pr_w .top{padding: 45px 40px 67px;}
.box_pr_w .tit{font-size: 1.063rem; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #333;}
.box_pr_w .txt{height: 4.4em; font-size: 1rem;}
.box_pr_w .bot{position: absolute; left: 0; bottom: 0; width: 100%; background: #f6f6f6; border-top: 1px solid #ddd; text-align: center; font-size: 1rem;}
.box_pr_w .bot > li{float: left; width: 50%; line-height: 55px; border-left: 1px solid #ddd;}
.box_pr_w .bot > li:first-child{border-left: 0;}
.box_pr_w .bot.col3 > li{width: 33.333%}
.box_pr_w .t{display: block; font-weight: 500; font-size: 1.5rem; line-height:1.15; margin-bottom: 1.25rem; color: #333; letter-spacing: -0.03em;}
.box_pr_w .bot a{display: block; width: 100%; height: 100%;}
.box_pr_w .bot a:hover,.box_pr_w .bot a:focus{color: #027cb5; font-weight: 500;}
.box_pr_w .bot a img{display: inline-block; margin-right: 3px; vertical-align: text-bottom;}

.pr-j{display: flex}
.pr-j .cont{flex:1; margin-left: 30px;}

.bul-ss{margin: 0 0 -10px -10px;}
.bul-ss > li{display: inline-block; margin: 0 0 10px 10px;}

.loc_area{position: relative; font-size: 1rem; padding-left: 5.9em; margin-top: 30px; padding-top: 6px; line-height: 1.35;}
.loc_area .label{position: absolute; left: 0; top:0; padding: 5px 10px; border-radius:5px; display: inline-block;}

.loc_link{margin-top: 40px;}
.loc_link .btn{background: #fff; color: #000; border-radius:3px; padding: 5px 1em 8px; line-height: 1.35; font-weight: 500; display: inline-block;}
.loc_link .btn span{display: inline-block;background: url('../img/org/loc_n.png') left center no-repeat; padding-left: 30px;}


.page-sitemap .nav{margin-left: -30px; display: flex; flex-wrap:wrap}
.page-sitemap .nav > li{float: left; width: calc(20% - 30px); margin-left: 30px;}
.page-sitemap .nav > li > a{display: block; font-size: 1.500rem; font-weight: 700; padding: 1.25rem 0; margin-bottom: 10px; color: #333; border-top:2px solid #717171; border-bottom: 1px solid #717171; line-height: 1.15;}
.page-sitemap .depth2 > li{padding: 1.25rem 0; border-bottom: 1px solid #ccc;}
.page-sitemap .t{color: #027cb5; font-weight: 700; font-size: 1.25rem;}
.page-sitemap .depth3{font-size: 14px; color: #999; margin-top: 15px;}
.page-sitemap .depth3 > li{position: relative;padding-left: .53em;margin-top: 10px;}
.page-sitemap .depth3 > li:before{position: absolute;left: 0;top:.7em;width: 3px;height: 3px;;content: '';background: #027cb5}
.page-sitemap .depth3 > li:first-child{margin-top: 0}
.page-sitemap .nav > li:nth-child(5) .depth3,.page-sitemap .nav > li:nth-child(6){display: none;}


.f_ind_steps{display: flex; max-width:1100px; margin:  0 auto;}
.f_ind_steps .r{width: 120px; margin-left: 80px;}
.f_ind_steps .l{flex:1}

.f_ind_steps .t{display: block; text-align: center; font-size: 1.5rem; font-weight: 500; margin-bottom: 10px;}
.f_ind_l .item{padding: 10px 0 30px; background: url('../img/business/fi_a.png') center bottom no-repeat}
.f_ind_l .item:last-child{background: none}
.f_ind_l{font-size: 1.125rem;}
.f_ind_l .in{border-radius:100px; background: #fff; margin-bottom: 40px; height: 100px; position: relative; margin:  auto; display: table; width: 100%; padding: 0 15px 0 150px;border:3px solid #cbe0f3;}
.f_ind_l .in > *{display: table-cell; vertical-align: middle;}
.f_ind_l .ico{width: 80px; padding-right: 30px;}
.f_ind_r{font-size: 1.125rem;}
.f_ind_r .item{width: 100%; height: 120px; border-radius:50%; border:5px solid #c4d7e8; background: #4787bf; text-align: center; color: #fff; margin-bottom: 18px;  display: table; width: 100%; position: relative;}
.f_ind_r .item:before{position: absolute; left: -85px; top:0; width: 80px; height: 100%; background: url('../img/business/dot.png') center center no-repeat; content: ''}
.f_ind_r .v{display: table-cell; vertical-align: middle;}
.f_ind_l .item:nth-child(2) .in{border-color:#cde0ec}
.f_ind_l .item:nth-child(3) .in{border-color:#cbe9f1}
.f_ind_l .item:nth-child(4) .in{border-color:#cce9e5}
.f_ind_l .item:nth-child(5) .in{border-color:#d5e9de}
.f_ind_r .item:nth-child(2){border-color:#bed9ea; background-color:#3b94cc }
.f_ind_r .item:nth-child(3){border-color:#c3dfe6; background-color: #4aa6be}
.f_ind_r .item:nth-child(4){border-color:#c4e4df; background-color: #4bb9a8}
.f_ind_r .item:nth-child(5){border-color:#c3e7d3; background-color: #45c37f}

.org_map{position: relative; max-width:392px;}
.org_map img{display: block;margin: 0 auto;}
.org_map .circle{display: block; width: 100%; height: 100%; position: absolute;}
.org_map .ab{position: absolute; display: block;}
.org_map .area {font-size: .938rem; font-weight: 500; z-index: 1}
.org_map .a-s{left: 29%; top:20%}
.org_map .a-i{left: 13%; top:25%}
.org_map .a-k{left: 27%; top:11%}
.org_map .a-kw{right: 34%; top:17%}
.org_map .a-cb{right: 47%; top:35%}
.org_map .a-cn{left: 23%; top:40%}
.org_map .a-dj{left: 32%; top:47%}
.org_map .a-jb{left: 32%; bottom:36.7%}
.org_map .a-gj{left: 30%; bottom:27%}
.org_map .a-jn{left: 20%; bottom:18%}
.org_map .a-jj{left: 25%; bottom:1.5%}
.org_map .a-kb{right: 21%; top:43%}
.org_map .a-dg{right: 15%; bottom:43%}
.org_map .a-us{right: 0; bottom:35%}
.org_map .a-bs{right: 1%; bottom:27%}
.org_map .a-kn{right: 38%; bottom:31%}

.org_map .g{width: 1.8%; padding-bottom: 1.8%; background: #1ea891; border-radius:50%; display: block;}
.org_map .o{width: 1.3%; padding-bottom: calc(1.3% - 2px); background: #bfbfbf; border-radius:50%; display: block;}
.org_map .p{width: 1.8%; padding-bottom: 1.8%; background: #0080FF; border-radius:50%; display: block;}

.org_map .i1{top: 20.5%; left: 18.5%;}
.org_map .i2{left: 21%; top:18%}
.org_map .i3{left: 22.5%; top:23.8%}
.org_map .i4{left: 31%;  top: 24.7%;}
.org_map .k1{left: 38%; top: 24%;}
.org_map .k2{left: 25%;  top: 26%;}
.org_map .k3{left: 40%; top: 29%;}
.org_map .k4{ left: 27.5%;  top: 32.1%;}
.org_map .s1{left: 30%;  top: 15.5%;}
.org_map .s2{left: 28%;  top: 19%;}
.org_map .kw1{right: 29%; top: 11%;}
.org_map .kw2{left: 47%; top: 13.5%;}
.org_map .kw3{left: 50.1%; top: 27.3%;}
.org_map .cb1{top: 31%; left: 47.5%;}
.org_map .cb2{left: 40%; top: 38%;}
.org_map .cn1{left: 10.5%; top: 38%;}
.org_map .cn2{left: 26.7%; top: 35.7%;}
.org_map .cn3{left: 17%; top: 47%;}
.org_map .jb1{left: 18%; bottom: 43.5%;}
.org_map .jb2{left: 33%; bottom: 41.5%;}
.org_map .jn1{left: 15.4%; bottom: 18.5%;}
.org_map .jn2{left: 39%; bottom: 22.5%;}
.org_map .jj1{bottom: 3.1%; left: 21.5%;}
.org_map .kn1{right: 32.5%; bottom: 23%;}
.org_map .kn2{right: 36.3%; bottom: 28%;}
.org_map .kn3{right: 22.3%; bottom: 28.5%;}
.org_map .kn4{bottom: 31%; right: 18%;}
.org_map .kn5{right: 13%; bottom: 33.5%;}
.org_map .kn6{right: 8.7%; bottom: 35.5%;}
.org_map .dg1{bottom: 40.5%; right: 30%;}
.org_map .dg2{bottom: 42%; right: 8%;}
.org_map .dg3{right: 7%; bottom: 45.5%;}
.org_map .dg4{left: 63%; top: 51.5%;;}
.org_map .kb1{right: 25.5%; top: 39.5%;}

.org_map .c{width: 2.1%; padding-bottom: 2.1%; border-radius:50%; background: #f99033;}
/* .org_map .c .circle:before{position: absolute; left: 50%; top:50%; width: calc(100% + 14px); height: calc(100% + 14px); content: ''; background: rgba(2,124,181,.3); border-radius:50%; transform:translate(-50%,-50%)}
.org_map .c .circle:after{position: absolute; left: -2px; top:-2px; right:-2px;bottom:-2px; content: ''; border:2px solid #fff; border-radius:50%} */
.org_map .c_s{left: 26%; top: 21%;}
.org_map .c_i{left: 19%; top: 20.5%;}
.org_map .c_k{left: 27%; top: 29%;}
.org_map .c_gj{left: 24%; bottom: 28%;}
.org_map .c_dg{right: 25%; bottom: 43%;}
.org_map .c_bs{right: 11.5%; bottom: 29.5%;}
.org_map .c_dj{left: 39%; top: 45%;}
.org_map .p_dj{left: 34%; bottom:53.8%} /*추가*/
.org_map .p_gj{left: 19%; bottom: 28%;}/*추가*/
.org_map .p_dg{right: 30%; bottom: 43%;}/*추가*/
.org_map .p_bs{right: 16%; bottom: 28%;}/*추가*/

.org_map .marker,.org_map .marker_g,.org_map .marker_o, .org_map .marker_p{position: absolute; left: 50%; bottom:0;background-size:100%;z-index: 1; transform:translateX(-50%); background: url('') center center no-repeat; background-size:100%} /*수정*/
.org_map .marker_g{background-image: url('../img/org/marker_g.png');  width: 34px; height: 58px; }
.org_map .marker_o{background-image: url('../img/org/marker_grey.png');  width: 20px; height: 39px; }
.org_map .marker_p{background-image: url('../img/org/marker_p.png');  width: 34px; height: 58px; } /*추가*/
.org_map .marker{background-image: url('../img/org/marker_o_big.png'); width: 36px; height: 60px}
.org_map .g .marker{background-image: url('../img/org/marker_g_big.png'); width: 34px; height: 58px;}
.org_map .o .marker{background-image: url('../img/org/marker_grey_big.png')}
.org_map .p .marker{background-image: url('../img/org/marker_p.png'); width: 34px; height: 58px;} /*추가*/

.org-map_new{background: #f4f4f5; padding: 45px 0}
.kisa_dev{display: flex; flex-wrap:wrap;justify-content: space-between;}
.kisa_dev > *{width: 50%}

.org_map{margin: 0 auto;}
.org_map .rel{position: relative;}


.org_map .c,.kisa_map_i .map-c span{background: #f99033 url('../img/org/pattern_o.gif') center center no-repeat}
.org_map .g, .kisa_map_i .map-g span{background: #1ea891 url('../img/org/pattern_g.gif') center center no-repeat}
.org_map .o, .kisa_map_i .map-o span{background: #bfbfbf; border:1px solid #444}
.org_map .p, .kisa_map_i .map-p span{background: #0080FF url('../img/org/pattern_p.png') center center no-repeat}

.kisa_map_i{position: absolute; right: -80px; bottom: 29px; border-radius:100px; font-size:0; text-align: center}
.kisa_map_i > span{border-radius:100px; font-size: .938rem; color: #454545; display: inline-block; line-height: 1; margin-right: 20px;}
.kisa_map_i > span:last-child{margin-right: 0;}
.kisa_map_i > span span{width: 8px; height: 8px; background: #fff; border-radius:50%; background: #fff; display: inline-block; margin-right: 5px; vertical-align: middle;}
.kisa_map_i .map-c span{background: #f99033 url('../img/org/pattern_o.gif') center center no-repeat}
.kisa_map_i .map-g span{background: #1ea891 url('../img/org/pattern_g.gif') center center no-repeat}
.kisa_map_i .map-o span{background: #bfbfbf;}
.kisa_map_i .map-p span{background: #0080FF url('../img/org/pattern_p.png') center center no-repeat} /*추가*/

.kisa_l{padding-right: 30px;}
.kisa_l .tit{margin-bottom: 40px;}
.kisa_l .tit dt{font-size: 36px; font-weight: 700; color: #000; letter-spacing: -0.03em;}
.kisa_l .tit dd{margin-top: 20px; font-size: 1.125rem;}

.select_map_new select{border:0; background: none; padding: 0; width: 100%; color: #333; font-weight: 700; background: url('../img/org/sel_big.png') right center no-repeat}
.select_map_new .btn{padding-left: 1em; font-size: 1.625rem; position: relative; padding-bottom: 14px; border-bottom: 2px solid #027cb5; margin-bottom: 25px;}
.select_map_new .btn i{position: absolute; left: 0; top:.3em; color: #027cb5}

.select_list_new{max-height: 320px; overflow-y: auto;}
.select_list_new li{margin-bottom: 13px;}
.select_list_new li:last-child{margin-bottom: 0;}
.select_list_new .w{display: flex; padding: 20px;border: 1px solid #ddd;  border-radius:10px; background: #fff; width: 100%; position: relative; padding-right: 105px;}

.select_list_new .img_w{width: 150px; padding-bottom: ;}
.select_list_new .cont{padding-left: 30px; color: #777; flex:1}
.select_list_new .cont > *{display: block;}
.select_list_new .name{font-size: 1.25rem; color: #333; font-weight: 400; line-height: 1.18; color: #333; font-weight: 500;}
.select_list_new .add{margin: 14px 0;}
.select_list_new .tel span{margin-right: 3px;}
.select_list_new .img{position: relative; background: #f6f6f6; border:1px solid #ddd}
.select_list_new .img button{display: block; width: 100%; position: relative; padding-bottom: 70%; overflow: hidden;}
.select_list_new .img img{position: absolute; left: 0; top:0; right: 0; bottom: 0; margin: auto; display: block; width: 100%}
.select_list_new .hover{position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(2,124,181,.7); z-index: 1; opacity:0; transition:all ease-in-out .15s}
.select_list_new .hover:before,.select_list_new .hover:after{position: absolute; left: 50%; content: ''; background: #fff; top:50%; transform:translate(-50%,-50%)}
.select_list_new .hover:before{width: 3px; height: 32px}
.select_list_new .hover:after{width: 32px; height: 3px}
.select_list_new .active .w,
.select_list_new .w:hover,.select_list_new .w:focus{border-color:#027cb5}
.select_list_new > li:hover button .hover{opacity:1}
.select_list_new button:hover .more,.select_list_new button:focus .more{border-color: #027cb5}

/* .select_list_new strong{font-size: 1rem; color: #333; position: relative; display: block; margin-bottom: 5px; font-weight: 400;}
.select_list_new i{color: #888; position: absolute; left: -18px; top:.3em; font-size: 18px;}
.select_list_new .active{background: #fff}
.select_list_new .active i{color: #027cb5} */

.select_list_new .more{    width: 15px;
    height: 15px;
    border-top: 3px solid #bababa;
    border-left: 3px solid #bababa;
    vertical-align: middle;
    position: absolute; transform:translateY(-50%) rotate(135deg);right: 20px; display: block; top:50%; border-radius:4px 0 4px 0}
.select_list_new .more_new{position: absolute; right: 30px; top:50%;transform:translateY(-50%); width: 60px; height: 60px; border-radius:50%; border:1px solid #ccc; line-height: 1.15; font-size: 14px; font-weight: 500; color: #777; transition:all ease-in-out .18s; align-items: center; justify-content: center; display: flex}
.select_list_new > li:hover .more_new{background: #027cb5; border-color: #027cb5; color: #fff;}
    
.kisa_l .tit dt{position: relative;}
.kisa_l .tit dt .ab{position: absolute; right: 0; bottom: 0}
.kisa_l .tit dt .ab span{background-position: 99% 54%}

.tbl-region{overflow-x:auto}
.tbl-region table{table-layout:fixed}
.tbl-region .c{background: #e7f4fc}
.tbl-region .o{background: #def2f3}
.tbl-region .o_dep{background: #eef9f3}
.tbl-region .s{background: #f7f4ec}
.tbl-region .th1{width: 25%}
.tbl-region .th2{width: 28%}
	
.tbl-region .th4{width:10em}
.tbl-region .th5{width: 9.5em}
.tbl-region .btn-link_blue{font-size: 13px; padding: 8px 10px; white-space: nowrap;}
.tbl-region .btn{margin-top: 5px;}

.tbl-r_p .th1{width: 17%}
.tbl-r_p .th3{width: 29%}
.tbl-r_p .th4{width: 13%}
.tbl-r_p .th5{width: 9.5em}
.tbl-r_p .btn-link_blue{font-size: 13px; padding: 8px 10px}
.tbl-r_p .btn-link_blue strong{font-weight: 400;}

.adj-safety th{white-space: nowrap;}
.adj-safety .a-s1{width: 18%}
.adj-safety .a-s1_2{width: 14%}
.adj-safety .a-s1_3{width: 18%}

.block-m2{display: none;}

.adj-sk2.tbl-st2 td.tal{padding-left: 2.5em;}
.adj-sk2_2 .sk2_2_1{width: 20%}
.adj-sk2_2 .sk2_2_3{width: 15%}
.adj-sk2_2 .tar{padding-right: 1rem;}

.block-768,.tbl-region .block-th{display: none;}

.btn-link_blue span strong{font-weight: inherit}

.bot-fee{margin-top: 20px; align-items:flex-end;display: flex}
.bot-fee label{display: block; margin-bottom: 5px; font-size: 1rem !important;}
.bot-fee input[type="text"]{width: 100%; max-width:100%; margin: 0; text-align: right;}
.bot-fee .sym{line-height: 45px;}
.bot-fee > div{width: calc(33.333% - 16.6px);}
.bot-fee > .sym{width: 25px; font-size: 15px; color: #333; font-weight: 700;}
.bot-fee .input{display: flex; justify-content:space-between; align-items:center}
.bot-fee .input input[type="text"]{flex:1; width: calc(100% - 13px) !important;}
.bot-fee .input span{margin-left: 3px; font-size: 14px;}

.page-org .bul-dot > li:before{top:.54em}

.pc-only{}


.img-box2{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;}
.img-box2 >li{background: #fff; padding: 1.5em; border: 1px solid #dedede;}
.img-box2.col-3 >li{width: 32%;}
.img-box2 .img{text-align: center;}

.box-st3{border: 1px solid #dedede; display: flex; flex-wrap: wrap;}
.box-st3 .t{background: #f3f8fb; border-bottom: 1px solid #dedede; padding: 10px; text-align: center; font-size: 22px; font-size: 1.375em; font-weight: 500; color: #0096b1; width: 100%;}
.box-st3 .item{width: 50%; padding: 1.25em; border-right: 1px solid #dedede;}
.box-st3 .item:nth-child(2n+1){border-right: 0;}

.kolas-c1{display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: -1.25em;}
.kolas-c1 >li{width: 23%;border-radius: 20px;padding: 2.5em 1.25em;text-align: center;background: #fff; margin-bottom: 1.25em;}
.kolas-c1 .img{padding: 1em 0;}
.kolas-c1 .cont{padding-top: 1em;}
.kolas-c1 .cont .t{font-size: 22px;font-size: 1.375em;font-weight: 700;line-height: 1.2;}
.kolas-c1 .cont .desc{font-size: 17px;font-size: 1.063em;margin-top: 0.5em;}
.kolas-c1 .item1{border: 1px solid #00ab4e;}
.kolas-c1 .item1 .cont{border-top: 1px solid #00ab4e;}
.kolas-c1 .item1 .cont .t{color: #00ab4e;}
.kolas-c1 .item2{border: 1px solid #04967f;}
.kolas-c1 .item2 .cont{border-top: 1px solid #04967f;}
.kolas-c1 .item2 .cont .t{color: #04967f;}
.kolas-c1 .item3{border: 1px solid #027cb5;}
.kolas-c1 .item3 .cont{border-top: 1px solid #027cb5;}
.kolas-c1 .item3 .cont .t{color: #027cb5;}
.kolas-c1 .item4{border: 1px solid #2f5898;}
.kolas-c1 .item4 .cont{border-top: 1px solid #2f5898;}
.kolas-c1 .item4 .cont .t{color: #2f5898;}

.kolas-c2{padding-left: 1.875em; position: relative;}
.kolas-c2:before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 100%;background: linear-gradient(180deg, #d02541 0, #d02541 14px, #bababa 14px, #bababa 100%);}

.d-flex20{display: flex; flex-wrap: wrap; margin: 0 -10px -20px;}
.d-flex20.col2 >*{width: calc(50% - 20px); margin: 0 10px 20px;}

.box-tbl{background: #f7fbfd; border:1px solid #ccc; border-top: 2px solid #3d3d3d; padding: 30px}
.faq-bot-mg{margin: 50px -50px -50px; padding: 50px; background: #f9f9f9}