/* Edit Style ====================================================================*/
.datatable { max-width: 875px; min-width: 500px; width: 100%; }
.datatable td, .datatable th { padding: 6px 15px; border: 1px solid #D7D7D7; }
.datatable th { font-weight: normal; background: #DEDEDE; }
.datatable tr:first-child th { color: #fff; background: #4c4c4c; text-align: center; }
.datatable tr:first-child th:first-child { background: #686868; }

.edit-box { font-size: 22px; padding-bottom: 20px; line-height: 28px; color: #4c4c4c; word-wrap: break-word; }
.edit-box ul, .edit-box ol { margin: 1.12em 0; }
.edit-box ol ul, .edit-box ul ol, .edit-box ul ul, .edit-box ol ol { margin-top: 0; margin-bottom: 0; }
.edit-box li { display: list-item; list-style-type: inherit; }
.edit-box ul { list-style-type: disc; }
.edit-box ol { list-style-type: decimal; }
.edit-box ol.n, .edit-box ul.n { list-style: none; }
.edit-box ol.c, .edit-box ul.c { list-style: circle; }
.edit-box ol.s, .edit-box ul.s { list-style: square; }
.edit-box ol.dlz, .edit-box ul.dlz { list-style: decimal-leading-zero; }
.edit-box ol.lr, .edit-box ul.lr { list-style: lower-roman; }
.edit-box ol.ur, .edit-box ul.ur { list-style: upper-roman; }
.edit-box ol.la, .edit-box ul.la { list-style: lower-alpha; }
.edit-box ol.ua, .edit-box ul.ua { list-style: upper-alpha; }
.edit-box ol.lg, .edit-box ul.lg { list-style: lower-greek; }
.edit-box ol.amn, .edit-box ul.amn { list-style: armenian; }
.edit-box ol.grg, .edit-box ul.grg { list-style: georgian; }
.edit-box ul, .edit-box ol { display: block; page-break-before: avoid; margin-left: 20px; }
.edit-box .sub { vertical-align: sub; }
.edit-box .sup { vertical-align: super; }
.edit-box .red { color: #E06666; }
.edit-box .title { font-size: 25px; font-weight: bold; display: block; text-align: left; margin: 10px 0; }
.edit-box a { color: #4c4c4c; }
.edit-box a:hover { opacity: .5; }
@media all and (max-width: 1110px) { .edit-box { font-size: 16px; }
  .edit-box .title { font-size: 20px; } }
.edit-box .grid, .edit-box .gd { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.edit-box [class^="gd-"] { padding: 10px 15px; }
.edit-box [class^="gd-"].gdp, .edit-box [class^="gd-"].gd { display: flex; flex-wrap: wrap; padding: 10px 15px; }
.edit-box .gd-1 { width: 8.33333%; }
.edit-box .gd-2 { width: 16.66667%; }
.edit-box .gd-3 { width: 25%; }
.edit-box .gd-4 { width: 33.33333%; }
.edit-box .gd-5 { width: 41.66667%; }
.edit-box .gd-6 { width: 50%; }
.edit-box .gd-7 { width: 58.33333%; }
.edit-box .gd-8 { width: 66.66667%; }
.edit-box .gd-9 { width: 75%; }
.edit-box .gd-10 { width: 83.33333%; }
.edit-box .gd-11 { width: 91.66667%; }
.edit-box .gd-12 { width: 100%; }
.edit-box .center { justify-content: center; align-items: center; }
.edit-box .left { justify-content: flex-start; }
.edit-box .right { justify-content: flex-end; }
.edit-box .on { align-items: flex-start; }
.edit-box .under { align-items: flex-end; }
@media all and (max-width: 1110px) { .edit-box [class^="gd-"] { width: 100% !important; } }

.wrap-about.edit-box { font-family: 'Roboto', sans-serif; text-align: center; font-size: 25px; line-height: 35px; }
.wrap-about.edit-box p { margin: 0px; padding: 30px 0; }
.wrap-about.edit-box .box { padding-bottom: 160px; }
.wrap-about.edit-box .box:last-child { padding-bottom: 0px; }
.wrap-about.edit-box .title { text-align: center; font-size: 52px; line-height: 62px; font-weight: bold; margin-bottom: 60px; }
.wrap-about.edit-box .subtitle { font-weight: bold; margin: 0px; padding-bottom: 15px; }
@media all and (max-width: 992px) { .wrap-about.edit-box .box { font-size: 18px; line-height: 24px; }
  .wrap-about.edit-box p { padding: 1.12em 0; }
  .wrap-about.edit-box .title { font-size: 32px; line-height: 42px; margin-bottom: 35px; } }

.pro-custom.edit-box ul, .pro-custom.edit-box ol { margin-left: 25px; }
.pro-custom.edit-box .title { font-size: 52px; line-height: 62px; font-weight: bold; margin-bottom: 60px; }
.pro-custom.edit-box .proc-picbox { padding-top: 80px; }
.pro-custom.edit-box .proc-picbox a{ pointer-events: none; }
.pro-custom.edit-box .proc-picbox .gd-9{ display: flex; align-items: center; justify-content: center; }
.pro-custom.edit-box .proc-picbox .gd-9 .pic{ display: flex; align-items: center; justify-content: center; }
/* .pro-custom.edit-box .proc-picbox .gd-9 .pic img{ max-width: 600px; } */
.pro-custom.edit-box .proc-picbox .pic-side { height: 100%; margin: 0px; display: flex; flex-direction: column; justify-content: space-between; }
.pro-custom.edit-box .proc-picbox .pic-side img{ max-width: 230px; }
.pro-custom.edit-box .proc-picbox .pic-side li { list-style: none; display: flex; justify-content: center; }
@media all and (max-width: 1366px) { .pro-custom.edit-box{ padding: 0 5% 20px 5%; } }
@media all and (max-width: 1110px) { .pro-custom.edit-box .proc-picbox .pic-side { flex-direction: row; padding-bottom: 20px; } }
@media all and (max-width: 425px) { .pro-custom.edit-box .proc-picbox { max-width: 285px; margin: 0 auto; }
  .pro-custom.edit-box .proc-picbox .pic-side { flex-direction: column; padding-bottom: 0px; } }
.edit-box .textStyle{ position: relative; padding-bottom: 37px; }
.edit-box .textStyle .link{ position: absolute; bottom: 0px; left: 15px; }