@charset "utf-8";
.box {border: 1px solid #ddd; text-align: center;padding: 30px 20px;}
.box.bg2 {padding: 35px 20px; line-height: 1.777em;}

.box-process {display: flex; flex-direction: column; gap: 30px;}
.box-process .box {border-radius: 20px;}
.box-arrow {height: 16px; width: 100%; background: url('../images/sub/process-arrow.png') no-repeat center center; background-size: contain;}

.publish-process {display: flex; flex-wrap: wrap; gap: 30px;}
.publish-process .item {display: flex; justify-content: center; align-items: center; flex-direction: column; width: calc((100% - 30px) / 2); padding: 30px; border: 1px solid #ddd; border-radius: 10px; text-align: center;}
.publish-process .item > .icon {margin-bottom: 30px;}
.flex-info {display: flex; gap: 10px; justify-content: space-between; width: 100%; margin-top: 15px;}
.flex-info .flex-item {display: flex; gap: 10px;}
.box-list {background: #f4f4f4; border-radius: 10px; width: 100%; padding: 18px 10px; margin-top: 15px;}
.box-list li {text-indent: -10px;}

.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none;}
.direction-items {display: flex;}
.direction-items .item {flex: 1 0 auto; position: relative; text-align: center;}
.direction-items .item:not(:last-child):before {position: absolute; content: ''; top: 50%; right: -1px; margin-top: -15px; width: 1px;height: 30px; background: #ddd;}

.history {padding-bottom: 80px; margin-bottom: 120px; border-bottom: 1px solid #ddd;}

.about .section p {display: flex; flex-wrap: wrap; padding-left: 20px;}
.about .section p span {width: max-content;}
.about .item {display: flex; padding: 16px 0; border-bottom: 1px solid #ddd;}
.about .item span.fw600 {display: flex; align-items: center; justify-content: center; min-width: 244px;}
.about .table-list {margin-bottom: 100px; border-top: 2px solid #242424;}
.about .section:last-child .table-list {margin-bottom: 0;}

.about .history .item { border-bottom: 0; padding: 5px 0; padding-left: 35px;}
.history .items {position: relative;}
.history .items:before {position: absolute; content: ''; top: 7px; width: 16px; height: 16px; border: 3px solid #dff6d9; background: #60bb46; border-radius: 100%;}
.history .items.reverse:before {background: #f36f21; border-color:#fbd4bc;}
.history .items:after {position: absolute; content: ''; top: 14px; width: 30px; height: 1px; border: 1px dashed #ddd; z-index: -1;}
.history .items:not(:last-child) {margin-bottom: 15px;}