@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date			:	2023.07.21
	* Modify		:
	* Name			:	content.css
	----------------------------------------------------------------

	- Description -

==============================================*/



/* ===========================
	00. content
=========================== */
/* 문서 */
h2.document-title {font-size:38px; font-weight:700; margin-bottom:40px; color:#333;}
h3.document-title {font-size:24px; margin-bottom:15px; color:#333;}
h4.document-title {font-size:18px; margin-bottom:10px; color:#333;}
.document-group + .document-group {margin-top:100px;}
.document-cell {color:#333;}
.document-cell + .document-cell {margin-top:50px;}
.document-detail {margin-top:25px;}
.document-detail + .document-detail {margin-top:25px;}
.document-info {font-size:16px; color:#666;}
.document-detail > .document-info {font-size:15px;}
.example-code {padding:20px; color:#333; border:1px solid #e1e1e1;}
.document-data {margin-top:15px;}
.document-data + .document-data {margin-top:15px;}

/* 미리보기 코드 */
.preview-code {position:relative;padding:0px 20px; font-family:sans-serif; letter-spacing:0; font-size:14px; line-height:1.4; color:#ccc; background:#2d2d2d;}
.preview-code pre,
.preview-code code {font-family:sans-serif; letter-spacing:0.025em; font-size:14px; line-height:1.4; color:#ccc;}
.preview-code pre {margin:0;}
.preview-code .hljs {padding:0;}
.preview-info {margin-top:20px;}
.preview-code .user-code {padding:20px 0; font-size:14px; line-height:1.4;}
.preview-code.javascript {padding-top:31px;}
.preview-code.javascript:before {content:'javascript'; position:absolute; top:-1px; left:-1px; display:inline-block; width:calc( 100% + 2px ); font-size:14px; color:#000; background:#fafafa; padding:5px 10px; border:1px solid #e1e1e1; z-index:5; box-sizing:border-box;}
.preview-code.css {padding-top:31px;}
.preview-code.css:before {content:'css'; position:absolute; top:-1px; left:-1px; display:inline-block; width:calc( 100% + 2px );  font-size:14px; color:#000; background:#fafafa; padding:5px 10px; border:1px solid #e1e1e1; z-index:5;  box-sizing:border-box;}
.preview-code.html {padding-top:31px;}
.preview-code.html:before {content:'html'; position:absolute; top:-1px; left:-1px; display:inline-block; width:calc( 100% + 2px );  font-size:14px; color:#000; background:#fafafa; padding:5px 10px; border:1px solid #e1e1e1; z-index:5;  box-sizing:border-box;}

.color-guide {display:flex;flex-wrap:nowrap;margin:0 -20px;overflow:hidden;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling: touch}
.color-guide > li {float:left; width:60px; padding:0 10px;text-align:center;}
.color-guide > li:first-child{padding-left:20px;}
.color-guide > li:last-child{padding-right:20px;}
.color-guide .visual {width:60px; height:60px; border-radius:50%; box-sizing:border-box;}
.color-guide .txt {margin-top:10px; font-size:13px; color:#777;}

.color-grid {}
.color-grid .visual {display:flex; align-items:center; justify-content:center; height:80px; line-height:1.2; color:#fff; text-align:center;}

/* 서브비주얼 */
.sub-visual {text-align:center;}

/* 컨텐츠 타이틀 */
.page-title-content {padding:80px 0 0;}

.page-title {font-size:56px; color:#1a1919; font-weight:700; line-height:96px;}
.page-title.center {font-size:32px; color:#252525; font-weight:700; line-height:48px; text-align:center;}
.page-title .title-sub-info {display:inline-flex; padding:40px 0 0 24px; font-size:18px; color:#252525; font-weight:400; line-height:35px;}
.con-title {font-size:32px; font-weight:700;}
.con-title.center {text-align:center;}
.data-title {font-size:24px; font-weight:600;}
.data-title.center {text-align:center;}

.page-title-data + .page-description {margin-top:16px;}
.page-description .description {color:#666;}

/* location-wrap */
.location-wrap {padding-bottom:24px;}
.location-wrap .location-list {display:flex; padding:19px 0;}
.location-wrap .location-list > li {position:relative; margin-left:8px; padding-left:26px; font-size:16px; color:#808080; line-height:18px;}
.location-wrap .location-list > li:before {content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url(../images/icon/icon-location-arrow.png) no-repeat center center; background-size:auto 100%;}
.location-wrap .location-list > li:first-child {margin:0; padding:0; font-size:0; width:18px; height:18px; background:url(../images/icon/icon-location-home.png) no-repeat center center; background-size:auto 100%;}
.location-wrap .location-list > li:first-child:before {content:none;}

/* 메인 팝업 관리 */
.table-body .subject.need {position:relative; display:inline-flex; padding-right:10px;}
.table-body .subject.need:before {content:'*'; position:absolute; right:0; color:#ff4500;}

/* data-sort-wrap */
.data-sort-wrap {}
.data-sort-wrap .data-sort-group {display:flex;}
.data-sort-wrap .data-sort-group .sort-left {display:flex;}
.data-sort-wrap .data-sort-group .sort-left .sort-group-cell + .sort-group-cell {margin-left:8px;}
.data-sort-wrap .data-sort-group .sort-right {margin-left:auto;}

/* 게시물 없을 경우 */
.page-result-info-wrap {margin-top:16px;}
.page-result-info-wrap.background-white {padding:80px 48px; background-color:#fff; border-radius:24px;}
.page-result-info-wrap .page-info-inner {}
.page-result-info-wrap .page-info-inner .page-info-icon {text-align:center;}
.page-result-info-wrap .page-info-inner .page-info-icon + .page-info-title {margin-top:40px;}
.page-result-info-wrap .page-info-inner .page-info-title {font-size:32px; font-weight:700; text-align:center;}
.page-result-info-wrap .page-info-inner .page-info-title.search-word {font-size:24px; font-weight:500; text-align:center;}
.page-result-info-wrap .page-info-inner .page-info-title.search-word .word {display:inline-flex; margin-right:4px; color:#3361cd;}
.page-result-info-wrap .page-info-inner .page-info-description {font-weight:300; color:#4d4d4d; text-align:center; line-height:26px;}
.page-result-info-wrap .page-info-inner .page-info-title + .page-info-description {margin-top:24px;}
.page-result-info-wrap .page-info-description + .btn-page-wrap {margin-top:40px;}
.page-result-info-wrap .page-info-title + .btn-page-wrap {margin-top:24px;}
.page-result-info-wrap .page-info-inner + .btn-page-wrap {margin-top:40px;}

.page-result-info-wrap.border-top-gray {border-top:1px solid #c9c9c9;}
.page-result-info-wrap.border-top-gray .page-info-inner {padding-top:88px;}
.page-result-info-wrap.border-top-gray  + .basic-data-group {margin-top:72px;}

.data-sort-wrap + .page-result-info-wrap {margin-top:64px;}

/* 심볼 리스트 */
.symbol-text-wrap .symbol-text-group {padding:48px 48px 52px; border-radius:24px; background-color:#f6f6f6;}
.symbol-text-wrap .symbol-text-title {font-size:24px; font-weight:500;}

.symbol-text-wrap .symbol-text-title + .symbol-text-list {margin-top:24px;}
.symbol-text-item {position:relative; font-size:16px; display:flex; align-items:flex-start; color:#808080;}
.symbol-text-item:before {display:block; margin-right:5px;}
.symbol-text-item.line:before {content:'-';}
.symbol-text-item.circle:before {content:''; flex:0 0 auto; margin-top:8px; width:4px; height:4px; background-color:#a5a5a5; border-radius:50%;}

.symbol-text-item + .table-content {margin-top:52px;}
.table-content + .symbol-text-item {margin-top:32px;}

.symbol-text-list.list-size-sm .symbol-text-item {font-size:14px; line-height:21px;}
.symbol-text-list.list-size-sm .symbol-text-item.circle:before {width:3px; height:3px; margin-right:11px;}

/* 섹션 그룹 */
.section-wrap {position:relative; display:flex;}

.section-left {width:282px; flex:0 0 auto;}
.section-left .section-inner {border:1px solid #c9c9c9; border-radius:18px; background-color:#fff;}
.section-left .section-left-group {padding:24px 28px 32px;}
.section-left .section-left-group + .section-left-group {border-top:2px solid #f3f3f3;}
.section-left .section-left-group .group-subject {font-size:22px; font-weight:600;}
.section-left .section-left-group .group-subject + .group-desc {margin-top:8px;}
.section-left .section-left-group .group-desc {font-size:14px; color:#808080;}
.section-left .section-left-group .item-title + div {margin-top:23px;}
.section-left .item-select .item-select-inner {display:flex; flex-wrap:wrap; margin:-5px;}
.section-left .item-select .item-select-cell {width:50%; padding:4px; box-sizing:border-box;}
.section-left .item-select .item-select-cell .btn-field-nav {width:100%; height:48px; padding:12px 20px; font-weight:500; color:#4d4d4d; line-height:24px; border-radius:12px; background-color:#f6f6f6; box-sizing:border-box;}
.section-left .item-select + .item-info {margin-top:16px;}
.section-left .item-info {margin-top:16px;}
.section-left .item-info .symbol-text-item {display:none;}
.section-left .item-info .symbol-text-item.actived {display:flex;}

.section-left .select-nav-list {margin:-4px 0;}
.section-left .select-nav-cell {padding:4px 0;}
.section-left + .section-contents {width:calc(100% - 282px); height:100%; padding-left:24px; box-sizing:border-box;}
.section-wrap .section-contents .section-sticky {position:relative;}
.section-wrap .section-contents .section-sticky .section-center + .section-right {margin-left:411px;}

.section-center {width:100%;}

.section-right {position:absolute; top:0; left:50%; height:100%; width:360px; margin-left:564px; padding-left:24px; box-sizing:border-box;}
.section-right .section-outer {position:sticky; top:117px; right:0;}
.section-right .section-inner {max-height:calc(100vh - 340px); padding:28px 0 60px; border-radius:16px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box;}
.section-right .item-inner {padding:0 24px; color:#fff;}
.section-right .border-table-body table > tbody > tr > th {padding:10px}
.section-right .border-table-body table > tbody > tr > td {padding:12px 16px}

.black-inner-card {padding:24px 48px 42px; border-radius:16px; border-color:#333333; background-color:#333333 !important; color:#fff;}
.black-inner-card h3.item-subject {font-size:22px; font-weight:600; color:#fff;}
.light-blue-inner-card {padding:24px 48px 42px; border-radius:16px; border-color:#f2f5fc; background-color:#f2f5fc !important; color:#333333;}
.light-blue-inner-card h3.item-subject {font-size:22px; font-weight:600; color:#333333;}

.select-value-side {opacity:1; transition:opacity 0.2s ease;}
.select-value-side.hide {opacity:0;}

/* 레이아웃 */
.container-inner {position:relative; max-width:1128px; margin:0 auto;}
.container-fuild {position:relative; left:50%; width:calc( 100vw - 14px ); margin-left:calc( -50vw + 7px ); overflow-x:hidden;}

/* 이펙트 */
.effect-data {transform:translate(0% , 50px); opacity:0; transition:transform 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.4s ease; will-change:transform;}
.effect-data.actived {transform:translate(0% , 0%); opacity:1; transition-delay:0s;}

/* 스와이퍼 페이징 */
.swiper-wrap {position:relative;}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {bottom:auto; left:auto;}

.swiper-pagination {position:relative; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; transition:none;}
.swiper-pagination .swiper-pagination-bullet {display:block; font-size:0; width:10px; height:10px; margin:0 4px; background:#bfc4cf; transition:background 0.25s ease, width 0.25s ease; border-radius:5px; opacity:1; box-sizing:border-box;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0039c0; width:30px;}

/* 스와이프 바 */
.swiper-pagination-progressbar {position:relative; top:auto; left:auto; width:100%; height:6px; background:#fff;border-radius:3px;}
.swiper-pagination-progressbar .swiper-scrollbar-drag {background:#4a20c0;}

/* 스와이프 네비 */
.btn-swiper-prev-white-small:after {content:''; display:block; width:32px; height:32px; background:url(../images/icon/icon-swiper-prev-white-small.png) center center no-repeat;}
.btn-swiper-prev-white-small,
a.btn-swiper-prev-white-small,
button.btn-swiper-prev-white-small {position:absolute; top:50%; left:0; margin:-32px 0 0 0; display:inline-flex; width:48px; height:64px; align-items:center; justify-content:center; line-height:1; font-size:0; background:rgba(0,0,0,0.2); z-index:15; border-radius:6px;}
.btn-swiper-prev-white-small:hover,
a.btn-swiper-prev-white-small:hover,
button.btn-swiper-prev-white-small:hover {background:rgba(0,0,0,0.4);}
.btn-swiper-prev-white-small.swiper-button-disabled {opacity:0;}
.btn-swiper-next-white-small:after {content:''; display:block; width:32px; height:32px; background:url(../images/icon/icon-swiper-next-white-small.png) center center no-repeat;}
.btn-swiper-next-white-small,
a.btn-swiper-next-white-small,
button.btn-swiper-next-white-small {position:absolute; top:50%; right:0; margin:-32px 0 0 0; display:inline-flex; width:48px; height:64px; align-items:center; justify-content:center; line-height:1; font-size:0; background:rgba(0,0,0,0.2); z-index:15; border-radius:6px;}
.btn-swiper-next-white-small:hover,
a.btn-swiper-next-white-small:hover,
button.btn-swiper-next-white-small:hover {background:rgba(0,0,0,0.4);}
.btn-swiper-next-white-small.swiper-button-disabled {opacity:0;}
.btn-swiper-prev-white-middle:after {content:''; display:block; width:48px; height:48px; background:url(../images/icon/icon-swiper-prev-white-middle.png) center center no-repeat;}
.btn-swiper-prev-white-middle,
a.btn-swiper-prev-white-middle,
button.btn-swiper-prev-white-middle {position:absolute; top:50%; left:0; margin:-32px 0 0 0; display:inline-flex; width:48px; height:64px; align-items:center; justify-content:center; line-height:1; font-size:0; background:rgba(0,0,0,0); z-index:15; border-radius:6px;}
.btn-swiper-prev-white-middle:hover,
a.btn-swiper-prev-white-middle:hover,
button.btn-swiper-prev-white-middle:hover {background:rgba(0,0,0,0.1);}
.btn-swiper-prev-white-middle.swiper-button-disabled {opacity:0;}
.btn-swiper-next-white-middle:after {content:''; display:block; width:48px; height:48px; background:url(../images/icon/icon-swiper-next-white-middle.png) center center no-repeat;}
.btn-swiper-next-white-middle,
a.btn-swiper-next-white-middle,
button.btn-swiper-next-white-middle {position:absolute; top:50%; right:0; margin:-32px 0 0 0; display:inline-flex; width:48px; height:64px; align-items:center; justify-content:center; line-height:1; font-size:0; background:rgba(0,0,0,0); z-index:15; border-radius:6px;}
.btn-swiper-next-white-middle:hover,
a.btn-swiper-next-white-middle:hover,
button.btn-swiper-next-white-middle:hover {background:rgba(0,0,0,0.1);}
.btn-swiper-next-white-middle.swiper-button-disabled {opacity:0;}

/* 작성 완료 */
.request-complete {text-align:center; padding:80px 0;}
.request-complete .desc {margin-top:24px; font-size:16px; font-weight:300; line-height:26px; color:#4d4d4d;}
.request-complete .btns {margin-top:40px; display:flex; justify-content:center;}
.request-complete .btns .btn-basic {margin:0 4px;}

/* 참고사항 */
.note-info-wrap {display:flex; padding:40px 48px; border-radius:24px; background:#f2f5fc;}
.note-info-wrap .item-title ,
.note-info-wrap .item-data {width:50%; box-sizing:border-box;}
.note-info-wrap .item-data {padding-left:24px;}

/* 페이지 하단 배너 */
.page-bottom-banner {position:relative; overflow:hidden; border-radius:24px;}
.page-bottom-banner .item-data {position:relative; padding:24px 64px; display:flex; align-items:center; min-height:280px; box-sizing:border-box; z-index:5;}
.page-bottom-banner .item-visual {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; }
.page-bottom-banner .item-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; max-width:none;}
.page-bottom-banner .item-info {flex:1;}
.page-bottom-banner .item-info .subject {font-size:24px; font-weight:600; color:rgba(255,255,255,1);}
.page-bottom-banner .item-info .desc {margin-top:16px;font-size:20px; font-weight:400; color:rgba(255,255,255,0.7);}
.page-bottom-banner .item-ui {flex:0 0 auto; margin-left:auto;}

/* 게시판 */
.board-view-wrap .board-view-content + .board-view-content {margin-top:16px;}
.board-view-content .board-data-wrap {word-break:break-all;}

.view-card-gray {padding:48px; border-radius:24px; background-color:#f6f6f6;}
.view-card-gray .board-view-header .board-sub-info {color:#808080;}
.view-card-gray .board-view-header .board-sub-info + .board-title {margin-top:24px;}
.view-card-gray .board-view-header .board-title + .board-sub-info {margin-top:16px;}
.view-card-gray .board-view-header .board-label .label {height:32px;}
.view-card-gray .board-view-header .board-label + .board-title {margin-top:16px;}
.view-card-gray .board-view-header .board-title {font-size:24px;}
.view-card-gray .board-view-header .board-title > .label-xsm {margin:6px 8px 0 0;}
.view-card-gray .board-view-header .view-group + .view-group {margin-top:24px;}
.view-card-gray .board-view-header .board-info-table {}
.view-card-gray .board-view-header .board-info-table .table-list {}
.view-card-gray .board-view-header .board-info-table .table-list .list-item {display:flex;}
.view-card-gray .board-view-header .board-info-table .table-list .list-item + .list-item {margin-top:16px;}
.view-card-gray .board-view-header .board-info-table .table-list .list-item .subject {width:106px;}
.view-card-gray .board-view-header .board-info-table .table-list .list-item .data {color:#808080; font-weight:400;}
.view-card-gray .board-view-header .board-info-table .table-list .list-item .data .icon-arrow-left-gray {margin:2px 4px;}
.view-card-gray .board-view-header .view-group + .view-group-content {margin-top:32px;}
.view-card-gray .board-view-header .view-group-content {margin:-48px; padding-top:24px; border-top:1px solid #ededed;}
.view-card-gray .board-view-header .view-group-inner {padding:0 48px 26px;}
.board-view-header .view-group-inner {display:flex;}
.board-view-header .view-group-inner .view-data-left {display:flex;}
.board-view-header .view-group-inner .data-col {margin-right:24px;}
.board-view-header .view-group-inner .data-col:last-child {margin-right:0;}
.board-view-header .view-group-inner .card-sub-info {display:flex;}
.board-view-header .view-group-inner .card-sub-info .sub-info {font-size:14px; color:#a5a5a5; font-weight:400;}
.board-view-header .view-group-inner .sub-info + .sub-info {margin-left:16px;}
.board-view-header .view-group-inner .view-data-right {margin-left:auto;}

.view-card-gray .board-view-header + .board-view-body {margin-top:24px;}
.view-card-gray .view-body-item + .view-body-item {margin-top:8px;}
.view-card-gray .view-body-item .view-group {padding:40px; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.view-card-gray .view-body-item .view-group.view-download {padding:12px 40px; background-color:#f2f5fc; border-radius:12px;}

.view-table-wrap {}
.view-table-wrap .view-table-header {}
.view-table-wrap .view-table-title {font-size:18px; font-weight:600;}
.view-table-wrap .view-table-header + .view-table-body {margin-top:24px;}
.view-table-wrap .view-table-body .view-table-inner {display:flex; flex-wrap:wrap; margin:-8px;}
.view-table-wrap .view-table-body .view-table-cell {display:flex; width:50%; padding:8px; line-height:24px; box-sizing:border-box;}
.view-table-wrap .view-table-body .view-table-cell .view-table-title {flex:0 0 auto; width:144px; font-weight:500; font-size:16px;}
.view-table-wrap .view-table-body .view-table-cell .view-table-data {font-weight:400; font-size:16px; color:#808080;}

.view-card-border-gray {padding:48px; border:1px solid #c9c9c9; border-radius:24px; background-color:#fff;}

.board-data-wrap {}
.board-data-wrap .board-data-header {}
.board-data-wrap .board-data-header .title {font-size:20px; font-weight:600;}
.board-data-wrap .board-data-header + .board-data-body {margin-top:8px;}
.board-data-wrap .board-data-body {color:#4d4d4d;}
.board-data-wrap .board-data-body .board-visual-img {width:640px; margin:0 auto; box-sizing:border-box; display:none;}
.board-data-wrap .board-data-body .board-visual-img .visual-img {position:relative; width:100%; height:auto; border-radius:12px; overflow:hidden;}
.board-data-wrap .board-data-body .board-visual-img .visual-img > img {width:100%; height:100%;}
/* .board-data-wrap .board-data-body .board-visual-img + div {margin-top:30px;} */
.board-data-wrap .board-data-body ul {list-style:disc; padding-left:18px;}
.board-data-wrap .board-data-body ol {list-style:decimal; padding-left:18px;}
.board-data-wrap .board-data-body + .board-data-footer {margin-top:16px;}
.board-data-wrap .board-data-footer .data-col {color:#808080; font-weight:300;}

.board-view-inner .board-data-wrap + .view-card-blue {margin-top:24px;}
.view-card-blue {padding:40px 40px 48px; background-color:#f2f5fc; border-radius:12px;}
.view-card-blue .title {color:#3361cd;}

.board-file-list {position:relative; margin-top:32px; padding-top:24px; border-top:1px solid #ededed;}
.board-file-list .board-file-top {display:flex;}
.board-file-list .board-file-top .subject {font-size:18px; font-weight:500; line-height:27px; color:#252525;}
.board-file-list .board-file-top .sort-right{margin-left:auto;}
.board-file-list .board-file-top + .board-file-body {margin-top:16px;}
.board-file-list .list-cell + .list-cell {margin-top:4px;}
.board-view-wrap + .btn-page-wrap {margin-top:24px}

/* 아코디언 리스트 */
.accordion-list {}
.accordion-list .accordion-cell {position:relative;}
.accordion-list .accordion-cell + .accordion-cell {margin-top:8px;}
.accordion-list .accordion-items {}
.accordion-list .accordion-items .btn-accordion-menu {position:relative; width:100%; padding:24px 80px 24px 48px; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff;}
.accordion-list .accordion-items .btn-accordion-menu:before {content:''; position:absolute; top:0; right:0; width:36px; height:36px; margin:19px 23px 0 0; background:url(../images/icon/btn-accordion-arrow-gray.png) no-repeat center center; background-size:36px; opacity:1;}
.accordion-list .accordion-items .btn-accordion-menu:after {content:''; position:absolute; top:0; right:0; width:36px; height:36px; margin:19px 23px 0 0; background:url(../images/icon/btn-accordion-arrow-blue.png) no-repeat center center; background-size:36px; opacity:0;}
.accordion-list .accordion-items .btn-accordion-menu .item-info-wrap {}
.accordion-list .accordion-items .btn-accordion-menu .item-subject {display:flex; font-size:18px; font-weight:500; line-height:24px;}
.accordion-list .accordion-items .btn-accordion-menu .item-subject em {width:86px; line-height:24px; font-size:14px; color:#808080; font-weight:400; text-align:left;}
.accordion-list .accordion-items .accordion-content {display:none; margin-top:8px;}
.accordion-list .accordion-items .accordion-content .accordion-detail {padding:24px 80px 24px 48px; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff;}
.accordion-list .accordion-items .accordion-content .accordion-detail .txt {color:#808080;}
.accordion-list .accordion-items .accordion-content .accordion-detail .txt strong {font-weight:600;}

.accordion-list .accordion-items.actived .btn-accordion-menu {color:#3361cd; border-color:#0039c0; background-color:#f2f5fc;}
.accordion-list .accordion-items.actived .btn-accordion-menu:before {opacity:0;}
.accordion-list .accordion-items.actived .btn-accordion-menu:after {opacity:1;}
.accordion-list .accordion-items.actived .btn-accordion-menu:after {opacity:1;}
.accordion-list .accordion-items.actived .accordion-content {display:block;}

/* 아코디언 리스트1 */
.accordion-basic-type.accordion-list .accordion-items {position:relative; width:100%; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff;}
.accordion-basic-type.accordion-list .accordion-items .btn-accordion-menu {padding:22px 80px 22px 48px; border:0; background-color:transparent;}
.accordion-basic-type.accordion-list .accordion-items .accordion-content {margin:0; padding:0px 80px 22px 48px;}
.accordion-basic-type.accordion-list .accordion-items .accordion-content .accordion-detail {padding:0; border:none; border-radius:0;background-color:transparent;}
.accordion-basic-type.accordion-list .accordion-items.actived {border-color:#0039c0; background-color:#f2f5fc;}
.accordion-basic-type.accordion-list .accordion-items.actived .btn-accordion-menu {padding-bottom:16px; color:#3361cd; border:0; background-color:transparent;}
.accordion-basic-type.accordion-list .accordion-items.actived .btn-accordion-menu .item-subject em {color:#3361cd;}

/* 아코디언 리스트2 */
.accordion-list-02 {position:relative;}
.accordion-list.accordion-list-02 .accordion-items .btn-accordion-menu {color:#252525;}
.accordion-list.accordion-list-02  .accordion-items .btn-accordion-menu .item-subject {font-size:16px;}
.accordion-list.accordion-list-02 .accordion-items.actived .btn-accordion-menu {padding-right:238px; color:#252525; border-color:#c9c9c9; background-color:#fff;}
.accordion-list.accordion-list-02 .accordion-items.actived .btn-accordion-menu:after {opacity:0;}
.accordion-list.accordion-list-02 .accordion-items.actived .btn-accordion-menu:before {opacity:1; transform:rotate(180deg);}
.accordion-list.accordion-list-02 .accordion-items .btn-accordion-menu:before {margin-top:16px;}
.accordion-list-02 .btn-download-file {position:absolute; top:21px; right:96px;}
.accordion-list-02 .btn-download-file .btn-size-xs {font-weight:500;}

.accordion-list .accordion-content .accordion-detail.background-gray {padding:32px 48px; border:none; background-color:#f6f6f6;}
.accordion-list .board-file-list {margin:0; padding:0; border:none;}

/* 아코디언 리스트3 */
.accordion-list-03 .accordion-items .btn-accordion-menu {height:32px; padding:0 32px 0 4px; border:0; background-color:transparent;}
.accordion-list-03 .accordion-items .btn-accordion-menu .item-subject {font-size:16px; font-weight:500; color:#4d4d4d; line-height:30px;}
.accordion-list-03 .accordion-items .btn-accordion-menu:before {content:''; position:absolute; top:0; right:0; width:24px; height:24px; margin:4px 0 0 0; background:url(../images/icon/btn-select-nav-arrow-gray.png) no-repeat center center; background-size:24px; opacity:1;}
.accordion-list-03 .accordion-items .btn-accordion-menu:after {content:''; position:absolute; top:0; right:0; width:24px; height:24px; margin:4px 0 0 0; background:url(../images/icon/btn-select-nav-arrow-gray.png) no-repeat center center; background-size:24px; opacity:0; transform:rotate(180deg);}
.accordion-list-03 .accordion-items.actived .btn-accordion-menu {color:#4d4d4d; border:0; background-color:transparent;}
.accordion-list-03 .accordion-items .accordion-content {margin-top:20px;}
.accordion-list-03 .accordion-items .accordion-content .accordion-detail {padding:12px 24px; border:1px solid #f2f5fc; border-radius:12px; background-color:#f2f5fc; box-sizing:border-box;}
.accordion-list-03 .accordion-items .accordion-content .accordion-detail .main-text {font-size:16px; color:#252525; font-weight:500; line-height:24px;}
.accordion-list-03 .accordion-items .accordion-content .accordion-detail .main-text + .sub-text {margin-top:8px;}
.accordion-list-03 .accordion-items .accordion-content .accordion-detail .sub-text {font-size:16px; color:#808080; font-weight:400; line-height:24px;}
.accordion-list-03 .accordion-items .accordion-content .accordion-detail + .accordion-detail {margin-top:4px;}

/* 썸네일 형태 리스트 */
.thumb-list-wrap {}
.thumb-list-header {}
.thumb-list-header .thumb-header {display:flex; padding:20px 0; border-radius:12px; border:1px solid #c9c9c9; background-color:#fff; box-sizing:border-box;}
.thumb-list-header .thumb-header .item-data-col {padding:0 15px; font-size:16px; font-weight:500; color:#252525; line-height:24px; text-align:center; box-sizing:border-box;}
.thumb-list-header + .thumb-list-body {margin-top:8px;}
.thumb-list-body .thumb-list .thumb-list-cell + .thumb-list-cell {margin-top:8px;}
.thumb-list-body .thumb-list-items {display:flex; align-items:center; padding:20px 0; border-radius:12px; border:1px solid #ededed; box-sizing:border-box; text-align:center;}
.thumb-list-body .thumb-list-items:hover {background-color:#f6f6f6;}
.thumb-list-body .thumb-list-items .item-data-group {display:flex; width:100%;}
.thumb-list-body .thumb-list-items .item-thumb {min-width:180px; padding:0 20px;}
.thumb-list-body .thumb-list-items .item-thumb .thumb {position:relative; width:100%; padding-top:56.25%; border-radius:12px; overflow:hidden;}
.thumb-list-body .thumb-list-items .item-thumb .thumb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f6f6f6;}
.thumb-list-body .thumb-list-items .item-thumb .thumb > img {position:absolute; left:0; top:0; min-height:100%; width:100%;}
.thumb-list-body .thumb-list-items .item-thumb + .item-info {width:calc(100% - 220px);}
.thumb-list-body .thumb-list-items .item-info {padding-top:12px; text-align:left;}
.thumb-list-body .thumb-list-items .item-subject {display:inline-block; width:100%; font-size:18px; font-weight:600; color:#252525; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.thumb-list-body .thumb-list-items .item-subject + .item-summary {margin-top:8px;}
.thumb-list-body .thumb-list-items .item-summary {display:-webkit-box; width:100%; max-height:48px; font-size:16px; font-weight:300; color:#666666; line-height:24px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.thumb-list-body .thumb-list-items .data-date {font-weight:400; color:#808080;}



/* ===========================
	SaaS
=========================== */
/* SaaS > 메인 리스트 */
.saas-overview-headline {margin-top:-117px; height:920px;}
.saas-overview-headline .container-fuild {height:100%;}
.saas-overview-headline .container-inner {height:100%; z-index:15;}
.saas-overview-headline .item-visual {position:fixed; top:0; left:0; width:100%; height:920px; margin-left:0; z-index:0; text-align:center; background:#000;}
.saas-overview-headline .item-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; max-width:none;}
.saas-overview-headline .item-outer {position:relative; height:100%; display:flex; align-items:center; justify-content:center; z-index:15;}
.saas-overview-headline .item-inner {width:100%; text-align:center;}
.saas-overview-headline .subject {font-size:112px; line-height:120px; font-weight:900; color:#fff;}
.saas-overview-headline .desc {margin-top:54px; font-size:24px; font-weight:500; color:#fff;}
.saas-overview-data {position:relative; margin-bottom:-160px; z-index:5;}
.saas-overview-data .container-fuild {padding:64px 0 160px 0; background:#fff;}
.saas-overview-data .data-group + .data-group {margin-top:64px;}
.saas-overview-data .subject {display:flex; align-items:center; font-size:28px; line-height:48px; color:#252525; font-weight:700;}
.saas-overview-data .subject .icon {width:36px; height:36px; margin-right:21px;}
.saas-overview-list {margin-top:32px;}
.saas-overview-list .grid-layout-inner {margin:-12px;}
.saas-overview-list .grid-layout-cell {padding:12px; box-sizing:border-box;}
.saas-overview-list .grid-1 .saas-overview-items .overview-item-group {flex-direction:row; padding:40px 48px;}
.saas-overview-list .grid-1 .saas-overview-items .item-info {width:60%; box-sizing:border-box;}
.saas-overview-list .grid-1 .saas-overview-items .item-ui {width:40%; padding-left:58px; box-sizing:border-box;}
.saas-overview-list .grid-1 .saas-overview-items .btn-view {top:42px;}
.saas-overview-items {position:relative; display:flex;}
.data-group:nth-child(1) .saas-overview-list .grid-1 .saas-overview-items {min-height:271px;}
.data-group:nth-child(2) .saas-overview-list .grid-1 .saas-overview-items {min-height:295px;}
.saas-overview-items .overview-item-group {position:absolute; display:flex; width:100%; height:100%; text-align:left; flex-direction:column; padding:60px 48px 40px 48px; background:#f6f6f6; border-radius:24px; transition:background 0.2s ease; box-sizing:border-box; z-index:1;}
.saas-overview-items .overview-item-bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.saas-overview-items:hover .overview-item-group {background:transparent;}
.saas-overview-items:hover .overview-item-bg {border-radius:24px; background:#2e90fa;}
.saas-overview-items:hover .item-name,
.saas-overview-items:hover .item-cate,
.saas-overview-items:hover .item-headline {color:#fff;}
.saas-overview-items:hover .item-desc {color:rgba(255,255,255,0.6);}
.saas-overview-items .item-ui {margin-top:auto; width:100%;}
.saas-overview-items .item-ui .btns {display:flex;}
.saas-overview-items .item-ui .btns .btn-basic {margin-left:auto; width:auto; padding:0 48px; color:#4d4d4d; font-size:18px; font-weight:600; border:1px solid #ededed; background-color:#fff;}
.saas-overview-items .item-info {width:100%;}
.saas-overview-items .item-name {font-size:32px; color:#252525; font-weight:700; transition:color 0.2s ease;}
.saas-overview-items .item-cate {margin-top:0px; font-size:18px; color:#808080; font-weight:500; transition:color 0.2s ease;}
.saas-overview-items .item-headline {margin-top:24px; font-size:20px; color:#4d4d4d; font-weight:600; transition:color 0.2s ease;}
.saas-overview-items .item-desc {margin-top:8px; font-size:16px; color:#666; font-weight:400; transition:color 0.2s ease;}
.saas-overview-items .btn-view {position:absolute; top:62px;right:48px; display:inline-flex; align-items:center; height:40px; padding:0 8px 0 23px; font-size:16px; font-weight:400; border-radius:12px;}
.saas-overview-items .btn-view .icon {margin-left:8px;}

/* SaaS > 상품 상세 > 상단 헤드라인 */
.saas .solution-product-headline .ui {position:absolute; bottom:0; left:0; width:100%; height:112px; background:rgba(37,37,37,.8); z-index:15;}
.saas .solution-product-headline .ui .container-inner {display:flex;}
.saas .solution-product-headline .ui .left {display:flex; height:100%; align-items:center; margin-right:auto; max-width:50%;}
.saas .solution-product-headline .ui .left .btn-basic {width:154px; height:64px; font-size:18px; font-weight:600; color:#4d4d4d; border-radius:12px; border:none; background:#fff;}
.saas .solution-product-headline .ui .left .btn-basic + .btn-basic {margin-left:16px;}



/* ===========================
	솔루션
=========================== */
/* 솔루션 > 메인 리스트 */
.solution-overview-headline {margin-top:-117px; height:920px;}
.solution-overview-headline .container-fuild {height:100%;}
.solution-overview-headline .container-inner {height:100%; z-index:15;}
.solution-overview-headline .item-visual {position:fixed; top:0; left:0; width:100%; height:920px; margin-left:0; z-index:0; text-align:center; background:#000;}
.solution-overview-headline .item-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; max-width:none;}
.solution-overview-headline .item-outer {position:relative; height:100%; display:flex; align-items:center; justify-content:center; z-index:15;}
.solution-overview-headline .item-inner {width:100%; text-align:center;}
.solution-overview-headline .subject {font-size:112px; line-height:120px; font-weight:900; color:#fff;}
.solution-overview-headline .desc {margin-top:54px; font-size:24px; font-weight:500; color:#fff;}
.solution-overview-data {position:relative; z-index:5;}
.solution-overview-data .container-fuild {padding:64px 0 160px 0; background:#fff;}
.solution-overview-data .data-group + .data-group {margin-top:64px;}
.solution-overview-data .subject {display:flex; align-items:center; font-size:28px; line-height:48px; color:#252525; font-weight:700;}
.solution-overview-data .subject .icon {width:36px; height:36px; margin-right:21px;}
.solution-overview-list {margin-top:32px;}
.solution-overview-list .grid-layout-inner {margin:-12px;}
.solution-overview-list .grid-layout-cell {padding:12px; box-sizing:border-box;}
.solution-overview-list .grid-1 .solution-overview-items .overview-item-group {flex-direction:row; padding:40px 48px;}
.solution-overview-list .grid-1 .solution-overview-items .item-info {width:50%; box-sizing:border-box;}
.solution-overview-list .grid-1 .solution-overview-items .item-ui {width:50%; padding-left:58px; box-sizing:border-box;}
.solution-overview-list .grid-1 .solution-overview-items .btn-view {top:42px;}
.data-group:nth-child(5) .solution-overview-list .grid-1 .solution-overview-items {/*flex-direction:row; padding:40px 48px;*/ min-height:297px;}
.data-group:nth-child(6) .solution-overview-list .grid-1 .solution-overview-items {min-height:327px;}
.solution-overview-items {position:relative; display:flex; min-height:462px; /*text-align:left; flex-direction:column; padding:60px 48px 40px 48px; background:#f6f6f6; border-radius:24px; transition:background 0.2s ease; box-sizing:border-box;*/}
.solution-overview-items .overview-item-group {position:absolute; display:flex; width:100%; height:100%; text-align:left; flex-direction:column; padding:60px 48px 40px 48px; background:#f6f6f6; border-radius:24px; transition:background 0.2s ease; box-sizing:border-box; z-index:1;}
.solution-overview-items .overview-item-bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.solution-overview-items:hover .overview-item-group {background:transparent;}
.solution-overview-items:hover .overview-item-bg {border-radius:24px; background:#2e90fa;}
.solution-overview-items:hover .item-name,
.solution-overview-items:hover .item-cate,
.solution-overview-items:hover .item-headline {color:#fff;}
.solution-overview-items:hover .item-desc {color:rgba(255,255,255,0.6);}
.solution-overview-items .item-ui {margin-top:auto; width:100%;}
.solution-overview-items .item-ui .btns {display:flex; margin:0 -8px;}
.solution-overview-items .item-ui .btns .btn-basic {flex:1; display:flex; width:auto; margin:0 8px; border:none; background:#fff;}
.solution-overview-items .item-info {width:100%;}
.solution-overview-items .item-name {font-size:32px; color:#252525; font-weight:700; transition:color 0.2s ease;}
.solution-overview-items .item-cate {margin-top:0px; font-size:18px; color:#808080; font-weight:500; transition:color 0.2s ease;}
.solution-overview-items .item-headline {margin-top:32px; font-size:20px; color:#4d4d4d; font-weight:600; transition:color 0.2s ease;}
.solution-overview-items .item-desc {margin-top:8px; font-size:16px; color:#666; font-weight:400; transition:color 0.2s ease;}
.solution-overview-items .btn-view {position:absolute; top:62px;right:48px; display:inline-flex; align-items:center; height:40px; padding:0 8px 0 23px; font-size:16px; color:#fff; font-weight:400; border-radius:12px; background:rgba(0,0,0,0.3);}
.solution-overview-items .btn-view .icon {margin-left:8px;}
.solution-overview-service {position:relative; margin:0 0 -160px 0; text-align:center; z-index:5;}
.solution-overview-service .container-fuild {padding:80px 0 140px 0; background:#e6ecf9;}
.solution-overview-service h3 {font-size:52px; color:#252525; font-weight:800;}
.solution-overview-service .point {margin-top:64px;}
.solution-overview-service .point > ul {display:flex; margin:0 -12px;}
.solution-overview-service .point > ul > li {width:33.33%; box-sizing:border-box; padding:0 12px;}
.solution-overview-service .point > ul > li:nth-child(1) .item-visual {margin-top:54px;}
.solution-overview-service .point > ul > li:nth-child(2) .item-visual {margin-top:57px;}
.solution-overview-service .point > ul > li:nth-child(3) .item-visual {margin-top:46px;}
.solution-overview-service .point-items {height:360px; padding:48px 10px 0 10px; background:#fff; border-radius:12px; box-sizing:border-box;}
.solution-overview-service .point-items .item-title {font-size:24px; font-weight:700; color:#252525;}
.solution-overview-service .point-items .item-desc {margin-top:8px; font-size:18px; font-weight:500; color:#666;}

/* 솔루션 > 상품 상세 > 상단 헤드라인 */
.solution-product-headline {margin-top:-117px; height:920px;}
.solution-product-headline .container-fuild {height:100%; overflow:hidden;}
.solution-product-headline .container-inner {height:100%; z-index:15;}
.solution-product-headline .visual {position:fixed; top:0; left:0; width:100%; height:920px; margin-left:0; z-index:0; text-align:center; background:#000;}
.solution-product-headline .visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; max-width:none;}
.solution-product-headline .item-outer {position:relative; height:100%; display:flex; align-items:flex-start; justify-content:center; padding-top:186px; z-index:15; box-sizing:border-box;}
.solution-product-headline .item-inner {width:100%; text-align:left;}
.solution-product-headline .cate {display:inline-flex; align-items:center; padding:0 48px; height:56px; font-size:24px; font-weight:600; color:#11ebff;  box-sizing:border-box; white-space:nowrap; border:1px solid rgba(16,199,224,0.4); border-radius:28px;}
.solution-product-headline .name-kr {margin-top:24px; font-size:104px; line-height:132px; font-weight:700; color:#fff; letter-spacing:-3px;}
.solution-product-headline .name-en {margin-top:0; font-size:24px; font-weight:400; color:rgba(255,255,255,0.6);}
.solution-product-headline .info {margin-top:48px;}
.solution-product-headline .headline {margin-top:0px; font-size:32px; font-weight:600; color:rgba(255,255,255,1);}
.solution-product-headline .desc {margin-top:24px; font-size:18px; font-weight:400; color:rgba(255,255,255,0.8); max-width:50%;}
.solution-product-headline .ui {position:absolute; bottom:0; left:0; width:100%; height:112px; background:rgba(0,0,0,0.8); z-index:15;}
.solution-product-headline .ui .container-inner {display:flex;}
.solution-product-headline .ui .left {display:flex; height:100%; align-items:center; margin-right:auto; max-width:50%;}
.solution-product-headline .ui .left .btn-basic {width:auto; height:48px; padding:0 24px; font-size:16px; color:#fff; background:transparent; border:1px solid rgba(255,255,255,0.4); border-radius:24px;}
.solution-product-headline .ui .left .btn-basic .icon {margin-left:17px;}
.solution-product-headline .ui .left .btn-basic + .btn-basic {margin-left:8px;}
.solution-product-headline .ui .right {display:flex; height:100%; align-items:center; margin-left:auto; max-width:50%;}
.solution-product-headline .ui .right .btn-basic {width:154px; height:64px; font-size:18px; font-weight:600; color:#4d4d4d; border-radius:12px; border:none; background:#fff;}
.solution-product-headline .ui .right .btn-basic + .btn-basic {margin-left:16px;}
.solution-product-headline .ui .person-name {display:inline-block; font-size:16px; color:rgba(255,255,255,0.8); margin-right:32px; text-align:left; flex:0 0 auto;}
.solution-product-headline .ui .person-name > em {display:block; font-size:18px; font-weight:600;}

/* 솔루션 > 상품 상세 > 서비스 */
.solution-product-service {margin-bottom:-160px;}
.solution-product-service .container-fuild {padding:80px 0 160px 0;background:#fff;}
.solution-product-service .con-title {text-align:center; font-size:52px; font-weight:800;}
.solution-product-service .point {margin-top:64px;}
.solution-product-service .point > ul {display:flex; margin:0 -12px;}
.solution-product-service .point > ul > li {width:33.33%; padding:0 12px; box-sizing:border-box;}
.solution-product-service .point > ul > li:last-child .point-items {min-height:0; padding:24px 32px;}
.solution-product-service .point-items {display:block; padding:40px 32px; box-sizing:border-box; min-height:252px; border-radius:20px; background:#f6f6f6;}
.solution-product-service .point-items > h4 {display:flex; align-items:center; font-size:24px; color:#252525; font-weight:700;}
.solution-product-service .point-items > h4 > em {font-weight:700;}
.solution-product-service .point-items > h4 .icon {margin-left:auto; flex:0 0 auto;}
.solution-product-service .point-items > p {margin-top:16px; font-size:18px; font-weight:500; color:#808080;}
.solution-product-service .point-items .item-name {display:flex; align-items:center; font-size:16px; color:#666; font-weight:500;}
.solution-product-service .point-items .item-name > em {font-weight:700; font-size:24px; margin-right:24px; color:#252525;}
.solution-product-service .point-items + .btn-download {margin-top:16px;}
.solution-product-service .btn-download {margin-top:8px; height:72px; border-radius:20px; justify-content:flex-start;}
.solution-product-service .btn-download .icon {margin-right:17px;}

/* 솔루션 > 상품 상세 */
.solution-product-detail > .container-fuild {background:#fff; overflow-x:visible;}

/* 솔루션 > 상품 상세 > 탭 */
.solution-product-detail {position:relative;}
.solution-product-detail-nav {}
.solution-product-detail-nav .item-outer {position:absolute; top:0; left:50%; height:100%; margin-left:640px; z-index:50;}
.solution-product-detail-nav .item-inner {position:sticky; top:117px; left:0; padding:40px 0 80px 0;}
.solution-product-detail-nav .item-nav {display:inline-flex; flex-direction:column; min-width:178px; padding:32px 32px 32px 26px; box-sizing:border-box; background:#f2f5fc; border-radius:22px;}
.solution-product-detail-nav .btn-product-detail-nav {position:relative; padding-left:24px; display:block; font-size:18px; line-height:27px; color:#808080; font-weight:600; text-align:left;}
.solution-product-detail-nav .btn-product-detail-nav:before {content:''; position:absolute; top:12px; left:0; display:block; width:0px; height:6px; border-radius:3px; background:#3361cd;}
.solution-product-detail-nav .btn-product-detail-nav.actived {color:#3361cd;}
.solution-product-detail-nav .btn-product-detail-nav.actived:before {width:12px;}
.solution-product-detail-nav .btn-product-detail-nav + .btn-product-detail-nav {margin-top:8px;}

/* 솔루션 > 상품 상세 > 도입사례 */
.solution-product-case .container-fuild {padding:120px 0 184px 0; background:#ccd7f2;}
.solution-product-case .btn-more {position:absolute; top:29px; right:0; display:inline-flex; align-items:center; font-size:18px; font-weight:600; color:#666; z-index:15;}
.solution-product-case .btn-more .icon {flex:0 0 auto; margin-left:8px;}
.solution-product-case .con-title{text-align:center; font-size:52px; font-weight:800;}
.solution-product-case .swiper-data {margin-top:80px;}
.solution-product-case .swiper-area {position:relative;}
.solution-product-case .swiper-container {overflow:hidden;}
.solution-product-case .btn-swiper-prev-white-small {margin-left:-64px;}
.solution-product-case .btn-swiper-next-white-small {margin-right:-64px;}
.solution-product-case .swiper-slide {width:360px;}
.solution-product-case .swiper-pagination {bottom:auto; margin-top:32px;}
/*
.solution-product-case .swiper-pagination .swiper-pagination-bullet {position:relative; width:12px; height:12px; margin:0 10px; background:transparent; transition:none; border-radius:0;}
.solution-product-case .swiper-pagination .swiper-pagination-bullet:before {content:''; position:absolute; top:50%; left:50%; display:block; width:12px; height:12px; background:#fff; border-radius:50%; transform:translate(-50% , -50%); transition:width 0.2s ease, height 0.2s ease, background 0.2s ease;}
.solution-product-case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:transparent; width:12px;}
.solution-product-case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width:16px; height:16px; background:#0039c0;}
*/
.card-product-case {display:flex; align-items:center; justify-content:flex-start; flex-direction:column; padding:32px; border-radius:32px; background:#fff; min-height:525px; box-sizing:border-box;}
.card-product-case .logo {width:100%;}
.card-product-case .logo .obj {position:relative; max-width:264px; height:163px; margin:0 auto;}
.card-product-case .logo .obj img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card-product-case .info {margin-top:24px; width:100%;}
.card-product-case .btns {width:100%; margin-top:auto;}
.card-product-case .fields .grid-layout-inner {margin:-2px;}
.card-product-case .fields .grid-layout-cell {padding:2px;}
.card-product-case .lables .grid-layout-inner {margin:-2px;}
.card-product-case .lables .grid-layout-cell {padding:2px;}
.card-product-case .subject {margin-top:8px;font-size:20px; font-weight:600; color:#252525; line-height:30px; max-height:90px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-break:break-all; -webkit-line-clamp:3;}
.card-product-case .lables {margin-top:24px;}

@media screen and (max-width:1599px){
    .solution-product-detail-nav .item-outer {margin-left:0; transform:translateX(-50%); visibility:hidden;}
    .solution-product-detail-nav .item-inner {top:50px; visibility:visible;}
    .solution-product-detail-nav .item-nav {flex-direction:row; justify-content:center; min-width:840px; padding:27px 25px 26px;}
    .solution-product-detail-nav .btn-product-detail-nav:before {top:11px;}
    .solution-product-detail-nav .btn-product-detail-nav + .btn-product-detail-nav {margin:0 0 0 41px;}
}



/* ===========================
	다운로드
=========================== */
/* 솔루션 */
.download-solution-wrap .board-search-wrap + .download-section-wrap {margin-top:48px;}
.download-section-list + .download-section-list {margin-top:72px;}
.download-section-list .download-section-title {font-size:24px; font-weight:700;}
.download-section-list .download-section-title + .download-list-wrap {margin-top:24px;}
.download-list-item + .download-list-item {margin-top:8px;}
.download-list-item {position:relative;}
.download-list-item .solution-download-top {display:block; padding:40px 48px 96px; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.download-list-item .solution-download-top:hover {border-color:#0039c0;}
.download-list-item .solution-download-top .solution-download-row {display:flex; align-items:center;}
.download-list-item .solution-download-top .solution-download-name {font-size:18px; font-weight:500;}
.download-list-item .solution-download-top .solution-download-name .solution-lock {display:inline-flex; margin-left:8px;}
.download-list-item .solution-download-top .solution-download-badge {flex:0 0 auto; margin-left:14px;}
.download-list-item .solution-download-bottom {position:absolute; bottom:0; left:0; margin:0 0 40px 48px;}
.download-list-item .solution-download-bottom .btn-size-xs {font-weight:500;}

/* 솔루션 > 다운로드 */
.contents-tab-button .contents-tab .content-cell .btn-tab-item.btn-online-manual {position:relative; min-width:164px; padding-right:22px;}
.contents-tab-button .contents-tab .content-cell .btn-tab-item.btn-online-manual:before {content:''; position:absolute; top:0; right:0; width:18px; height:18px; margin:21px 26px 0 0; background:url(../images/icon/icon-arrow-outward-18-blue.png) no-repeat center center; background-size:auto 100%; opacity:1;}
.contents-tab-button .contents-tab .content-cell .btn-tab-item.btn-online-manual:after {content:''; position:absolute; top:0; right:0; width:18px; height:18px; margin:21px 26px 0 0; background:url(../images/icon/icon-arrow-outward-18-white.png) no-repeat center center; background-size:auto 100%; opacity:0;}
.contents-tab-button .contents-tab .content-cell.actived .btn-tab-item.btn-online-manual:after {opacity:1;}

.download-solution-wrap .board-view-wrap .contents-tab-wrap {padding:80px 0 48px;}
.download-solution-wrap .board-view-content .view-card-blue {border-radius:24px;}
.board-view-header .view-group .board-label {}
.board-view-header .view-group .board-label + .board-title {margin-top:8px;}
.board-view-header .view-group .board-title {font-size:24px; font-weight:500; color:#252525; line-height:36px;}
.board-view-header .view-group .board-title + .board-location {margin-top:8px}
.board-view-header .view-group .board-summary {font-size:16px; font-weight:300; color:#666666; line-height:24px;}
.board-view-header .view-group .board-title + .board-summary {margin-top:16px}
.board-view-header .view-group .board-location .location-list {display:flex;}
.board-view-header .board-location .location-list > li {position:relative; padding-right:22px; margin-right:4px; color:#808080;}
.board-view-header .board-location .location-list > li:after {content:''; position:absolute; top:0; right:0; width:18px; height:18px; margin-top:2px; background:url(../images/icon/arrow-left-darkgray-18.png) no-repeat center center; background-size:18px;}
.board-view-header .board-location .location-list > li:last-child {padding-right:0; margin-right:0;}
.board-view-header .board-location .location-list > li:last-child:after {content:none;}
.board-data-wrap .board-data-body + .board-download-list {margin-top:30px;}
.board-data-wrap .board-download-list + .board-download-list {margin-top:38px;}
.board-data-wrap .board-data-body .title {padding-bottom:24px; font-size:20px; font-weight:500; color:#252525;}
.board-data-wrap .board-data-body .solution-download-subject {padding-bottom:16px; font-size:24px; font-weight:700; color:#252525;}
.download-solution-wrap .board-data-wrap .board-data-body {line-height:1.625;}
.download-solution-wrap .board-view-wrap .symbol-text-item.circle {font-weight:300;}
.download-solution-wrap .board-view-wrap .symbol-text-item.circle:before {margin-top:10px;}
.download-solution-wrap .board-view-wrap .board-data-body .space-top {margin-top:26px;}

.board-download-list .section-title {font-size:18px; font-weight:600; color:#252525;}
.board-download-list .section-title + .download-list {margin-top:8px;}

.download-info-group.group-2 {display:block; padding:24px 40px; border-radius:12px; border:1px solid #ededed; background-color:#fff;}
.download-info-group.group-2:hover {border-color:#0039c0; background-color:#fff;}
.download-info-group.group-2:hover .file-name,
.download-info-group.group-2:hover .file-sub-info,
.download-info-group.group-2:hover .download-file,
.download-info-group.group-2:hover .download-byte {color:#3361cd;}
.download-info-group.group-2 .group-top {display:flex; align-items:flex-start; }
.download-info-group.group-2 .group-top + .group-bottom {margin-top:8px;}
.download-info-group.group-2 .group-bottom {display:block;}
.download-info-group.group-2 .group-left {min-width:40%; padding-right:8px; box-sizing:border-box;}
.download-info-group.group-2 .file-name {display:inline-block; width:100%; word-break:break-all; font-weight:500; color:#252525; line-height:24px;}
.download-info-group.group-2 .group-right {display:inline-flex; margin-left:auto;}
.download-info-group.group-2 .download-file {display:inline-block; word-break:break-all; line-height:24px; color:#808080;}
.download-info-group.group-2 .download-byte {color:#808080; line-height:24px;}
.download-info-group.group-2 .download-byte:after {top:0; margin-top:4px; transform:translateY(0);}
.download-info-group.group-2 .icon {margin-right:4px;}
.download-info-group.group-2 .file-sub-info {display:inline-block; width:100%; word-break:break-all; font-weight:300; color:#808080; line-height:24px;}

/* 솔루션 >  매뉴얼 다운로드 */
.board-view-wrap .board-view-content + .board-download-list {margin-top:80px;}
.download-list .download-menu {position:relative; display:flex; width:100%; padding:20px 48px; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.download-list .download-menu .item-subject {font-size:18px; font-weight:500; line-height:32px;}
.download-list .download-menu .btn-download-file {margin-left:auto;}
.download-list .download-menu .btn-download-file .btn-size-xs {font-weight:500;}
.download-list .download-content {margin-top:8px;}
.download-list .download-content .download-detail {padding:32px 48px; border-radius:12px; background-color:#f6f6f6;}
.download-list .download-detail-list > li + li {margin-top:8px;}
.download-list .download-detail-list .file-name {font-size:18px; font-weight:500; line-height:32px;}
.download-list .download-detail-list .download-info-group.group-2 .group-left, .download-list .download-detail-list .download-info-group.group-2 .group-right {width:50%;}

/* 데모라이선스 신청 */
.form-data-info + .demo-licence-group {margin-top:32px;}
.demo-licence-group + .demo-licence-group {margin-top:8px;}
.demo-licence-group .licence-group-inner {padding:24px 48px 42px; border:1px solid #c9c9c9; border-radius:16px; background-color:#fff; box-sizing:border-box;}

.demo-licence-group .item-detail .form-check-items + .form-check-items {margin-top:32px;}
.demo-licence-group .item-detail .form-check-items .check-ui + .check-data {margin-top:6px}
.demo-licence-group .form-email-confirm .item-cell + .item-cell {margin-top:8px;}
.demo-licence-group .item-detail .form-check-items .check-subject {color:#333; font-weight:500;}
.demo-licence-group .item-detail .form-check-items .check-detail {color:#666; font-weight:400;}

.demo-licence-select .licence-group-inner {border-color:#ccd7f2; background-color:#f2f5fc;}

.demo-licence-result h3 + .result-data {margin-top:32px;}
.demo-licence-result .result-point {margin-top:16px; display:none;}
.demo-licence-result .result-point.actived {display:block;}
.demo-licence-result .result-point .result-point-inner {padding:24px; border-radius:12px; background-color:rgba(255,255,255,.05);}
.demo-licence-result .result-point .result-point-inner .desc {text-align:center; color:#fff; font-weight:400;}
.demo-licence-result .result-point .result-point-inner .desc span {display:inline-block;}
.demo-licence-result .result-data .result-info {color:rgba(255,255,255,.4);}
.demo-licence-result .result-info {margin-top:32px;}
.demo-licence-result .result-info + .result-ui {margin-top:40px;}
.demo-licence-result .result-ui {display:flex; justify-content:center;}
.section-center .demo-licence-result .result-ui > a {width:352px;}

.demo-licence-request .section-right .section-outer {margin-top:56px;}

.demo-licence-request .section-wrap + .demo-licence-group {margin-top:8px;}

/* 솔루션 브로슈어 다운로드 */
.brocure-download-wrap {}
.brocure-download-item {display:flex;}
.brocure-download-item + .brocure-download-item  {margin-top:120px;}
.brocure-download-item .brocure-download-subject {display:flex; flex-direction:row-reverse; justify-content:flex-end; flex:0 0 auto; width:288px; padding-right:37px; box-sizing:border-box;}
.brocure-download-item .brocure-download-subject .icon {margin:6px 18px 0 0;}
.brocure-download-item .brocure-download-content {width:100%;}
.brocure-download-content .brocure-content-list {}
.brocure-download-content .brocure-content-cell + .brocure-content-cell {margin-top:16px;}
.brocure-download-content .brocure-content-item {padding:40px; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.brocure-content-item .brocure-content-header {display:flex; align-items:center;}
.brocure-content-item .brocure-content-header .solution-name {display:flex; align-items:flex-end;}
.brocure-content-item .brocure-content-header .solution-name .name {font-size:24px; line-height:36px; font-weight:600;}
.brocure-content-item .brocure-content-header .solution-name .info {padding-left:4px; font-size:16px; line-height:33px; font-weight:400; color:#808080;}
.brocure-content-item .brocure-content-header .btn-wrap {margin-left:auto;}
.brocure-content-item .brocure-content-header .btn-brocure-download {border-radius:8px;}
.brocure-content-item .brocure-content-header + .brocure-content-body {margin-top:24px;}
.brocure-content-item .brocure-content-body {color:#666666; font-weight:400;}



/* ===========================
	고객지원
=========================== */
/* 셀프견적 양식 */
.btn-field-nav > .icon {position:relative; width:24px; height:24px; margin-right:8px;}
.btn-field-nav > .icon:after {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background-position:center center; background-repeat:no-repeat; background-size:24px; opacity:0;}
.btn-field-nav > .icon:before {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background-position:center center; background-repeat:no-repeat; background-size:24px; opacity:1;}
.icon-estimate-public:after {background-image:url(../images/icon/icon-estimate-public-white.png);}
.icon-estimate-public:before {background-image:url(../images/icon/icon-estimate-public-gray.png);}
.icon-estimate-finance:after {background-image:url(../images/icon/icon-estimate-finance-white.png);}
.icon-estimate-finance:before {background-image:url(../images/icon/icon-estimate-finance-gray.png);}
.icon-estimate-business:after {background-image:url(../images/icon/icon-estimate-business-white.png);}
.icon-estimate-business:before {background-image:url(../images/icon/icon-estimate-business-gray.png);}
.section-left .item-select .item-select-cell .btn-field-nav:hover, .section-left .item-select .item-select-cell.actived .btn-field-nav  {color:#fff; background-color:#0039c0;}
.section-left .item-select .item-select-cell .btn-field-nav:hover > .icon:after, .section-left .item-select .item-select-cell.actived .btn-field-nav .icon:after {opacity:1;}
.section-left .item-select .item-select-cell .btn-field-nav:hover > .icon:before, .section-left .item-select .item-select-cell.actived .btn-field-nav > .icon:before {opacity:0;}

.btn-select-nav {position:relative; display:flex; align-items:flex-start; min-height:48px; width:100%; padding:12px 10px 12px 14px; text-align:left; line-height:24px; color:#4d4d4d; font-size:16px; font-weight:500; border-radius:16px; background-color:#f6f6f6; box-sizing:border-box;}
.btn-select-nav .icon {flex:0 0 auto;}
/* .btn-select-nav span.space{display:inline-block; width:32px;} */
.btn-select-nav:after {content:''; position:absolute; top:0; right:0; width:24px; height:24px; margin:12px 10px 0 0; background:url(../images/icon/btn-select-nav-arrow-white.png) no-repeat center center; background-size:24px; opacity:0;}
.btn-select-nav:before {content:''; position:absolute; top:0; right:0; width:24px; height:24px; margin:12px 10px 0 0; background:url(../images/icon/btn-select-nav-arrow-gray.png) no-repeat center center; background-size:24px; opacity:1;}
.btn-select-nav > .icon {position:relative; width:24px; height:24px; margin-right:8px;}
.btn-select-nav > .icon:after {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background-position:center center; background-repeat:no-repeat; background-size:24px; opacity:0;}
.btn-select-nav > .icon:before {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background-position:center center; background-repeat:no-repeat; background-size:24px; opacity:1;}
.icon-estimate-middleware:after {background-image:url(../images/icon/icon-estimate-middleware-white.png);}
.icon-estimate-middleware:before {background-image:url(../images/icon/icon-estimate-middleware-gray.png);}
.icon-estimate-middleware-platform:after {background-image:url(../images/icon/icon-estimate-middleware-platform-white.png);}
.icon-estimate-middleware-platform:before {background-image:url(../images/icon/icon-estimate-middleware-platform-gray.png);}
.icon-estimate-interface-framework:after {background-image:url(../images/icon/icon-estimate-interface-framework-white.png);}
.icon-estimate-interface-framework:before {background-image:url(../images/icon/icon-estimate-interface-framework-gray.png);}
.icon-estimate-business-framework:after {background-image:url(../images/icon/icon-estimate-business-framework-white.png);}
.icon-estimate-business-framework:before {background-image:url(../images/icon/icon-estimate-business-framework-gray.png);}
.icon-estimate-system-management:after {background-image:url(../images/icon/icon-estimate-system-management-white.png);}
.icon-estimate-system-management:before {background-image:url(../images/icon/icon-estimate-system-management-gray.png);}
.icon-estimate-rehosting:after {background-image:url(../images/icon/icon-estimate-rehosting-white.png);}
.icon-estimate-rehosting:before {background-image:url(../images/icon/icon-estimate-rehosting-gray.png);}

.btn-select-nav:hover, .select-nav-cell.actived .btn-select-nav {color:#fff; background-color:#0039c0;}
.btn-select-nav:hover:after, .select-nav-cell.actived .btn-select-nav:after {opacity:1;}
.btn-select-nav:hover:before, .select-nav-cell.actived .btn-select-nav:before {opacity:0;}
.btn-select-nav:hover > .icon:after, .select-nav-cell.actived .btn-select-nav > .icon:after {opacity:1;}
.btn-select-nav:hover > .icon:before, .select-nav-cell.actived .btn-select-nav > .icon-before {opacity:0;}
.select-nav-cell.actived .btn-select-nav:after {transform:rotate(180deg);}

.select-nav-cell.actived .select-product {display:block;}

.select-product {display:none; padding:16px 0 20px 42px;}
.select-product-list {margin:-6px 0;}
.select-product-list-cell {padding:6px 0;}
.btn-select-product-nav {position:relative; width:100%; height:24px; padding-right:12px; line-height:24px; font-size:16px; font-weight:500; color:#808080; text-align:left;}
.btn-select-product-nav:after {content:''; position:absolute; top:0; right:0; width:24px; height:24px; margin-right:12px; background:url(../images/icon/btn-select-product-nav-plus.png) no-repeat center center; background-size:24px;}
.btn-select-product-nav:hover, .select-product-list-cell.actived .btn-select-product-nav {color:#333;}

.select-value-none {display:none; justify-content:center; align-items:center; width:100%; height:480px; text-align:center; font-size:24px; color:#666666; font-weight:500; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.select-value-none.actived {display:flex;}
.select-value-group {display:none;}
.select-value-group.actived {display:block;}

.self-estimate-wrap .section-inner .item-solution-value {margin-top:-8px;}
.select-value-items {margin-top:8px;}

/* .select-value-header */
.select-value-header {position:relative; padding:20px 84px 20px 50px; border-radius:12px; border:1px solid #c9c9c9;}
.select-value-header .value-header-inner {display:flex;}
.select-value-header .value-header-inner .inner-left {display:flex;}
.select-value-header .value-header-inner .inner-right {flex: 0 0 auto; margin-left:auto;}
.select-value-header .inner-left .value-ui {flex:0 0 auto; margin-top:6px;}
.select-value-header .inner-left .value-ui .btn-value-del {position:relative; width:30px; height:30px; font-size:0; border:3px solid #888888; border-radius:50%; background-color:#fff;}
.select-value-header .inner-left .value-ui .btn-value-del:after {content:''; position:absolute; top:50%; left:50%; width:14px; height:3px; background-color:#888; transform:translate(-50%, -50%);}
.select-value-header .value-ui + .value-name {margin-left:26px;}
.select-value-header .value-name {display:flex; flex-wrap:wrap; margin:-4px;}
.select-value-header .value-name .name-item {padding:4px;}
.select-value-header .value-name .name-item .name {display:inline-block; padding:7px 16px; color:#666666; line-height:26px; border-radius:20px; background-color:#f6f6f6; box-sizing:border-box;}
.select-value-header .value-price .title {display:inline-flex; margin-right:24px; font-weight:600; line-height:40px; color:#888888;}
.select-value-header .value-price .price {display:inline-flex; font-size:28px; font-weight:600; line-height:40px; color:#333333;}
.select-value-header .value-price .won {display:inline-flex; margin-top:8px; font-size:20px; font-weight:400; color:#333333; line-height:24px;}

.select-value-header .btn-value-toggle {position:absolute; right:0; top:0; width:36px; height:80px; margin:0px 0px 0 0; font-size:0;}
.select-value-header .btn-value-toggle:after {content:''; position:absolute; right:0; top:0; width:36px; height:36px; margin:20px 30px 0 0; background:url(../images/icon/btn-select-value-header.png) center center no-repeat; background-size:36px; transform:rotate(180deg);}
.select-value-items.open .select-value-header {border:1px solid #3361cd;}
.select-value-items.open .select-value-header .btn-value-toggle:after {transform:rotate(0deg);}

/* select-value-body */
.select-value-body {display:none; padding:32px 48px 60px; border:1px solid #c9c9c9; border-radius:12px; background-color:#f6f6f6; box-sizing:border-box;}
.select-value-body .select-value-info .value-info .info {color:#666666;}
.select-value-body .select-value-info + fieldset {margin-top:16px;}
.select-value-body fieldset .form-data-header + .form-data-body {margin-top:24px;}
.select-value-body fieldset input {height:48px; line-height:46px;}
.select-value-body fieldset select {height:48px; line-height:46px;}
.select-value-items.open .select-value-body {display:block;}

.form-label-input.input-core {position:relative;}
.form-label-input.input-core .input-value input {padding-right:64px;}
.form-label-input.input-core .input-ui {position:absolute; top:0; right:0; margin-right:24px;}
.form-label-input.input-core .input-ui .form-label {line-height:48px;}

.form-number-input {position:relative;}
.form-number-input .input-value input {padding-right:48px;}
.form-number-input .form-label {position:absolute; top:0; right:54px; font-size:18px; line-height:48px;}
.form-number-input .btn-group {position:absolute; top:0; right:0; margin-right:24px; display:flex; flex-wrap:wrap; width:24px;}
.form-number-input .btn-group .btn-ui-up {width:24px; height:24px; font-size:0; background:url(../images/icon/icon-form-select-arrow.png) no-repeat center center; background-size:24px; transform:rotate(180deg);}
.form-number-input .btn-group .btn-ui-down {width:24px; height:24px; font-size:0; background:url(../images/icon/icon-form-select-arrow.png) no-repeat center center; background-size:24px;}


/* 셀프 견적 가격 */
.self-estimate-result {}
.self-estimate-result .item-title p {font-size:14px; color:rgba(255,255,255,.5);}
.self-estimate-result .item-title h3 + p {margin-top:8px;}
.self-estimate-result .item-title + .item-detail {margin-top:32px;}
.self-estimate-result .item-detail {display:flex; margin:-16px -12px; flex-wrap:wrap;}
.self-estimate-result .item-detail .item-detail-data {width:50%; padding:16px 12px; box-sizing:border-box;}
.self-estimate-result .item-detail-data .title {color:rgba(255,255,255,.8);}
.self-estimate-result .item-detail-data .title + div {margin-top:12px;}
.self-estimate-result .item-detail-data .value {width:100%; min-height:48px; padding:0 22px; text-align:right; box-sizing:border-box; border-radius:12px; background-color:rgba(255,255,255,.05);}
.self-estimate-result .item-detail-data .value .result-price {font-weight:600; font-size:28px; line-height:48px;}
.self-estimate-result .item-detail-data .value .result-price > strong {display:inline-block; font-weight:600;}
.self-estimate-result .item-detail-data .value .result-price .won {display:inline-block; margin-top:14px; font-weight:500; font-size:18px; line-height:24px;}
.self-estimate-result .item-detail-data.discount-num {color:#68c132;}
.self-estimate-result .item-detail-data.discount-apply {color:#6688d9;}

.self-estimate-result .item-detail-data .form-number-input input {width:calc(100% - 30px); height:48px; padding:0 40px 0 22px; color:#68c132; font-size:28px; font-weight:600; text-align:right; border:0; box-sizing:border-box; border-radius:12px; background-color:rgba(255,255,255,.05);}
.self-estimate-result .item-detail-data .form-number-input input::placeholder {color:#68c132;}
.self-estimate-result .item-detail-data .form-number-input .btn-group {margin-right:0;}

.self-estimate-result .item-ui {margin-top:40px;}
.self-estimate-result .item-ui .btn {width:50%; padding-right:12px; box-sizing:border-box;}
.self-estimate-result .item-ui .btn > .btn-basic {height:48px; font-size:16px;}
.self-estimate-result .item-ui .desc {margin-top:40px;}
.self-estimate-result .item-ui .desc h5 {font-size:16px; font-weight:500; color:#ec5962;}
.self-estimate-result .item-ui .desc p {font-size:14px; color:rgba(255,255,255,.5); font-weight:400;}
.self-estimate-result .item-ui .desc h5 + p {margin-top:8px;}

.self-estimate-result .item-share {position:relative; margin-top:30px; padding-top:34px;}
.self-estimate-result .item-share:before {content:''; position:absolute; top:0; left:0; width:822px; height:2px; margin-left:-48px; background-color:#2b2b2b;}
.self-estimate-result .item-share .btn-share-group {display:flex;}
.self-estimate-result .item-share .btn-share-group .btn-share-nav {width:96px; height:48px; color:#fff; font-size:14px; border:1px solid rgba(255,255,255,.2); background-color:transparent; border-radius:24px; box-sizing:border-box;}
.self-estimate-result .item-share .btn-share-group .btn-share-nav + .btn-share-nav {margin-left:12px;}
.self-estimate-result .item-share .btn-share-group .btn-share-nav .icon {margin-right:6px;}
.self-estimate-result .item-share .btn-share-group .btn-share-nav .txt {display:inline-block; line-height:24px;}

.self-estimate-result .item-desc {margin-top:24px;}

.section-right .self-estimate-result .item-detail {display:block; margin:32px 0 0;}
.section-right .self-estimate-result .item-detail .item-detail-data {width:100%; padding:0;}
.section-right .self-estimate-result .item-detail .item-detail-data + .item-detail-data {margin-top:24px;}
.section-right .self-estimate-result .item-ui .btn {width:100%; padding:0;}
.section-right .self-estimate-result .item-ui .desc {margin-top:24px;}
.section-right .self-estimate-result .item-share:before {width:322px; margin-left:-24px;}
.self-estimate-result .item-share {margin-top:20px; padding-top:24px;}

.self-estimate-wrap .select-value-content {margin-top:8px;}

.light-blue-inner-card .self-estimate-result .item-title p {color:rgba(51,51,51,.7);}
.light-blue-inner-card .self-estimate-result .item-detail-data .title {color:rgba(51,51,51,.8);}
.light-blue-inner-card .self-estimate-result .item-detail-data .value {background-color:rgba(201,201,201,.2);}
.light-blue-inner-card .self-estimate-result .item-detail-data .form-number-input input {background-color:rgba(201,201,201,.2);}
.light-blue-inner-card .form-number-input .btn-group {width:26px;}
.light-blue-inner-card .form-number-input .btn-group .btn-ui-up {width:26px; height:22px; background-color:rgba(201,201,201,.2); border-radius:8px;}
.light-blue-inner-card .form-number-input .btn-group .btn-ui-down {width:26px; height:22px; margin-top:4px; background-color:rgba(201,201,201,.2); border-radius:8px;}
.light-blue-inner-card .self-estimate-result .item-ui .desc p {color:rgba(51,51,51,.7);}
.light-blue-inner-card .self-estimate-result .item-share:before {background-color:rgba(201,201,201,.3);}
.light-blue-inner-card .self-estimate-result .item-share .btn-share-group .btn-share-nav {color:#333; border-color:rgba(51,51,51,.4);}
.light-blue-inner-card .self-estimate-result .symbol-text-item {color:rgba(51,51,51,.8);}
.section-right .light-blue-inner-card .item-inner {color:#333;}

/* 문의 > 문의 신청 */
.support-request-type .form-group .form-data-body + .form-data-footer {margin-top:48px;}
.form-group .check-card-type .grid-layout-inner {margin:-8px;}
.form-group .check-card-type .grid-layout-cell {padding:8px;}
.support-request-wrap .form-group + .support-request-type  {margin-top:48px;}
.support-request-type-cell {display:none;}
.support-request-type-cell.actived {display:block;}

/* 문의 > 신청 완료 */
.support-result-wrap .basic-data-group + .symbol-text-wrap {margin-top:8px;}
.support-result-wrap .btn-page-wrap {margin-top:48px;}

/* 교육 서비스 */
.edu-special {display:flex; margin:0 -12px;}
.edu-special .edu-special-items {width:33.333%; padding:0 12px; box-sizing:border-box;}
.edu-special .edu-special-items:nth-child(1) .edu-special-data:after {background-image:url(../images/contents/edu-special-visual-1.png);}
.edu-special .edu-special-items:nth-child(2) .edu-special-data:after {background-image:url(../images/contents/edu-special-visual-2.png);}
.edu-special .edu-special-items:nth-child(3) .edu-special-data:after {background-image:url(../images/contents/edu-special-visual-3.png);}
.edu-special .edu-special-data {position:relative; display:flex; flex-direction:column; align-items:center; padding:196px 20px 56px; text-align:center; border:1px solid #c9c9c9; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.edu-special .edu-special-data:after {content:''; position:absolute; top:0; width:96px; height:96px; margin-top :56px; background-repeat:no-repeat;background-position:center center; background-size:100% auto;}
.edu-special .edu-special-data h3 {font-weight:600; font-size:18px;}
.edu-special .edu-special-data p {margin-top:12px; font-weight:400; font-size:14px; color:#666666;}

.edu-special + .edu-overview-grid {margin-top:40px;}
.edu-overview-grid .grid-layout-inner {height:100%; margin:0 -12px;}
.edu-overview-grid .grid-layout-cell {padding:0 12px; box-sizing:border-box;}
.edu-overview-grid .edu-overview-group {height:100%; padding:56px 64px; border-radius:12px; box-sizing:border-box;}
.edu-overview-grid .edu-overview-group h3 {font-size:24px; font-weight:700;}
.edu-overview-grid .edu-overview-group h3 + .desc {margin-top:16px;}
.edu-overview-grid .edu-overview-group h3 + .symbol-text-list {margin-top:16px;}
.edu-overview-grid .edu-overview-group .desc + .symbol-text-list {margin-top:8px;}
.edu-overview-grid .edu-overview-group .desc {font-size:16px; font-weight:400;}
.edu-request {color:#fff; background-color:#0039c0;}
.edu-request .symbol-text-list .symbol-text-item {color:#fff; opacity:60%;}
.edu-request .symbol-text-list .symbol-text-item.circle:before {background-color:#fff;}
.edu-request .btns {margin-top:68px;}
.edu-request .btns a {color:#0039c0; font-weight:600; background-color:#fff; border-color:#fff;}
.edu-progress {background-color:#f2f5fc;}

.edu-store {width:100vw; position:relative; left:50%; margin-top:120px; margin-bottom:-160px; transform:translateX(-50%);background-color:#fff; }
.edu-store .map {position:relative; width:100%; height:720px;}
.edu-store .map img {position:absolute; top:0; left:50%; width:1920px; height:720px; margin-left:-960px; max-width:none;}
.edu-store .edu-store-info {position:absolute; top:50%; left:50%; margin:0 0 0 40px; transform:translateY(-50%);}
.edu-store .edu-store-info .store-info-card {width:512px; padding:40px 56px; border-radius:12px; background-color:rgba(255,255,255,.9); box-shadow:0px 5px 12.75px 2.25px rgba(0, 0, 0, 0.1); box-sizing:border-box; backdrop-filter:blur(10px);}
.edu-store .edu-store-info .store-info-card h3 {font-size:24px; font-weight:700;}
.edu-store .edu-store-info .store-info-card .table-info {margin-top:16px;}
.edu-store .edu-store-info .store-info-card .table-info table {text-align:left;}
.edu-store .edu-store-info .store-info-card .table-info table tr > th {font-weight:600; line-height:26px;}
.edu-store .edu-store-info .store-info-card .table-info table tr > td {color:#4d4d4d; line-height:26px;}
.edu-store .edu-store-info .store-info-card .table-info table tr:last-of-type th {padding-top:12px; line-height:36px;}
.edu-store .edu-store-info .store-info-card .table-info table tr:last-of-type td {padding-top:12px;}
.edu-store .edu-store-info .store-info-card .table-info table tr > td .label-group {}
.edu-store .edu-store-info .store-info-card .table-info table tr > td .label-data {display:flex; align-items:center;}
.edu-store .edu-store-info .store-info-card .table-info table tr > td .label-data + .label-data {margin-top:4px;}
.edu-store .edu-store-info .store-info-card .table-info table tr > td .label {padding:0 12px; margin-right:8px;}

.edu-faq {padding-top:0;}
.edu-faq h3 {font-size:32px; font-weight:700; line-height:48px;}
.edu-faq .accordion-list {margin-top:24px;}

/* 교육 서비스 > 교육과정 */
.support .board-list-body .page-result-info-wrap {padding:88px 0;}

/* 교육 서비스 > 교육과정 > 신청하기 */
.box-info-wrap {}
.box-info-wrap .box-info-gray {padding:32px; border-radius:12px; background-color:#f6f6f6;}
.box-info-wrap .box-info-gray .box-info-content + .box-info-content {margin-top:24px;}
.box-info-wrap .box-info-gray .box-info-content .box-info-subject {font-size:16px; font-weight:600;}
.box-info-wrap .box-info-gray .box-info-content .box-info-subject + .symbol-text-list {margin-top:8px;}

.box-info-wrap .box-info-gray .symbol-text-list .symbol-text-item {color:#666666; font-size:14px; font-weight:400;}
.box-info-wrap .box-info-gray .symbol-text-list .symbol-text-item.circle:before {margin-top:8px; background-color:#666666;}

/* 팝업 */
.video-item-wrap {width:100%;}
.video-item-wrap .video-thumb {width:100%;}
.video-item-wrap .video-thumb .video-item {position:relative; width:100%; padding-top:56.25%}
.video-item-wrap .video-thumb .video-item > iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.video-item-wrap .video-thumb .video-item .btn-video-ui {position:absolute; top: 50%; left:50%; display:none; width:52px; height:54px; transform:translate(-50%, -50%); background:url(../images/icon/icon-play-video-white.png) no-repeat center center; background-size:auto 100%; z-index:1;}
.video-item-wrap .video-thumb .video-item.actived .btn-video-ui {display:block;}

/* 고객지원 > 팝업 */
/* 링크 복사하기 */
.create-link-wrap {padding:16px 32px 40px;}
.create-link-wrap .desc {font-size:20px; color:#333; line-height:30px; text-align:center;}
.create-link-wrap .desc + .value {margin-top:24px;}
.create-link-wrap .value .form-btns-input {display:flex;}
.create-link-wrap .value .form-btns-input .input-value {width:100%;}
.create-link-wrap .value .form-btns-input .input-value input {height:48px; padding:0 24px; background-color:#fff; color:#4d4d4d; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.create-link-wrap .value .form-btns-input .input-ui {flex:0 0 auto; margin-left:8px;}

/* 셀프견적 이메일 보내기 */
.estimate-email {}
.estimate-email .desc {padding:16px 0 40px; font-size:20px; color:#333; text-align:center;}
.estimate-email-check {}
.estimate-email-check + .estimate-email-check {margin-top:32px;}
.estimate-email-check .form-check-box.radio-100 .form-check-icon em {font-weight:500; color:#333;}
.estimate-email-check .check-ui + .check-data {margin-top:6px;}
.estimate-email-check .check-data .check-detail {color:#666666;}

@media screen and (max-width:1600px){
    .section-right {display:none;}
}



/* ===========================
	파트너
=========================== */
.partner-headline {margin-top:-117px; height:920px;}
.partner-headline .container-fuild {height:100%;}
.partner-headline .container-inner {height:100%; z-index:15;}
.partner-headline .item-visual {position:fixed; top:0; left:0; width:100%; height:920px; margin-left:0; z-index:0; text-align:center; background:#000;}
.partner-headline .item-visual img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; max-width:none;}
.partner-headline .item-outer {position:relative; height:100%; display:flex; align-items:center; justify-content:center; z-index:15;}
.partner-headline .item-inner {width:100%; text-align:center;}
.partner-headline .subject {font-size:64px; line-height:120px; font-weight:800; color:#fff;}
.partner-headline .desc {margin-top:32px; font-size:24px; font-weight:500; color:#fff;}
.partner-headline .btns {margin-top:64px;}
.partner-headline .btns .btn-basic {padding:0 35px; width:auto;}
.partner-contents-data {position:relative; z-index:5; margin-bottom:-160px;}
.partner-contents-data .container-fuild {padding:120px 0 160px 0; background:#fff;}

.partner-overview {}
.partner-overview .grid-layout-inner {margin:0 -12px;}
.partner-overview .grid-layout-cell {padding:0 12px; width:50%;}
.partner-overview .visual {border-radius:30px; background:#f0f9ff;}
.partner-overview .point-items {padding:48px; border-radius:30px; background:#f6f6f6; box-sizing:border-box;}
.partner-overview .point-items + .point-items{margin-top:24px;}
.partner-overview .point-items > h4 {font-size:24px; font-weight:600; color:#4d4d4d;}
.partner-overview .point-items > ol {position:relative; margin-top:16px;}
.partner-overview .point-items > ol > li {position:relative; display:flex; font-size:18px; font-weight:500; color:#808080; padding-bottom:8px;}
.partner-overview .point-items > ol > li:nth-child(1):before {content:'1';}
.partner-overview .point-items > ol > li:nth-child(2):before {content:'2';}
.partner-overview .point-items > ol > li:nth-child(3):before {content:'3';}
.partner-overview .point-items > ol > li:nth-child(4):before {content:'4';}
.partner-overview .point-items > ol > li:nth-child(5):before {content:'5';}
.partner-overview .point-items > ol > li:last-child {padding-bottom:0;}
.partner-overview .point-items > ol > li:last-child:after {display:none;}
.partner-overview .point-items > ol > li:before {flex:0 0 auto; margin:2px 8px 0 0; content:''; font-size:14px; font-weight:600; display:inline-flex; width:20px; height:20px; color:#fff; align-items:center; justify-content:center; border-radius:50%; background:#4d75d3; border:1px solid #f6f6f6; z-index:5;}
.partner-overview .point-items > ol > li:after {content:''; position:absolute; top:0; right:auto; bottom:0; left:0; width:1px; height:auto; margin:5px auto auto 10px; background:#c9c9c9;}

.partner-group .con-title {font-size:48px; font-weight:700; text-align:center; color:#000;}
.partner-type {margin-top:80px;}
.partner-type .data {position:relative; margin-top:40px;}
.partner-type .data > ul {display:flex; margin:0 -12px;}
.partner-type .data > ul > li {width:25%; box-sizing:border-box; padding:0 12px;}
.partner-type .data-items {}
.partner-type .data-items .item-header { border-radius:22px; border:1px solid #3361cd; box-sizing:border-box; background:#fff; overflow:hidden;}
.partner-type .data-items .item-header .item-subject {padding:32px 0 24px 0; background:#3361cd; text-align:center; font-size:26px; font-weight:700; color:rgba(255,255,255,1); box-sizing:border-box;}
.partner-type .data-items .item-header .item-subject > span {display:block; font-size:18px; font-weight:500; color:rgba(255,255,255,0.6);}
.partner-type .data-items .item-header .item-desc {min-height:265px; padding:32px;font-size:18px; color:#808080; font-weight:500; box-sizing:border-box;}
.partner-type .data-items .item-header .symbol-text-item {font-size:18px;}
.partner-type .data-items .item-header .symbol-text-item.circle:before {background:#808080; margin-top:11px;}
.partner-type .data-items .item-header .symbol-text-item + .symbol-text-item {margin-top:16px;}
.partner-type .data-items .item-info {margin-top:8px; min-height:193px; padding:72px 32px 32px 32px; border-radius:22px; border:1px solid #b9e6fe; box-sizing:border-box; background:#f5faff; overflow:hidden;}
.partner-type .data-items .item-info h5 {font-size:18px; font-weight:600; color:#4d4d4d; margin-bottom:8px;}
.partner-type .data-items .item-info .symbol-text-item {font-size:16px; color:#808080;}
.partner-type .data-items .item-info .symbol-text-item.circle:before {background:#808080; margin-top:9px;}
.partner-type .point {position:absolute; top:389px; left:0; width:100%; z-index:15;box-sizing:border-box; padding:0 107px;}
.partner-type .point .item-inner {display:flex; position:relative; height:88px; align-items:center; justify-content:center; background:#6688d9; margin-top:-44px;}
.partner-type .point .item-inner:before {content:''; position:absolute; top:0; right:100%; display:block;width: 0;height: 0;border-style: solid;border-width: 44px 30px 44px 0;border-color: transparent #6689d9 transparent transparent;}
.partner-type .point .item-inner:after {content:''; position:absolute; top:0; left:100%; display:block;width: 0;height: 0;border-style: solid;border-width: 44px 0 44px 30px;border-color: transparent transparent transparent #6689d9;}
.partner-type .point .item-inner .desc {font-size:18px; font-weight:600; text-align:center; width:100%; color:#fff; margin:0;}
.partner-type .point .item-inner .desc sup {font-size:12px; margin-left:4px;}
.partner-type .desc {font-size:16px; color:#808080; margin-top:24px; text-align:center;}

.partner-benefit {margin-top:80px;}
.partner-benefit .border-table-body {margin-top:40px; padding:0 72px}
.partner-benefit .border-table-body.vertical table > tbody > tr > th {vertical-align:middle;}
.partner-benefit .border-table-body.vertical table > tbody > tr > td {vertical-align:middle; font-size:16px; color:#808080; line-height:1.7; font-weight:400; padding:9px 30px}
.partner-benefit .border-table-body.vertical table > tbody > tr.point > td {background:#fcfcfd;}
.partner-benefit .border-table-body.vertical table > tbody > tr > td[rowspan] {border-right:1px solid #ededed;}
.partner-benefit .border-table-body.vertical table > tbody > tr > td[rowspan] + td {border-left:none;}

.partner-process {margin-top:80px;}
.partner-process .point {margin-top:40px; padding:0 12px;}
.partner-process .point > ol > li + li {margin-top:40px;}
.partner-process .point > ol > li:nth-child(1) + li {margin-top:16px;}
.partner-process .point > ol > li > ol {display:flex; margin:0 -24px;}
.partner-process .point > ol > li > ol > li {width:33.33%; padding:0 24px;}
.partner-process .point > ol > li > ol > li:nth-child(2) .point-cate {background-color:#84caff; border-color:#84caff;}
.partner-process .point > ol > li > ol > li:nth-child(3) .point-cate {background-color:#7cd4fd; border-color:#7cd4fd;}
.partner-process .point > ol > li:nth-child(2) > ol > li:nth-child(2) .point-items:after {content:''; position:absolute; top:50%; left:100%; display:block; width:48px; height:17px; margin:-8px 0 0 1px; background:url(../images/contents/process-arrow-right.png) center center no-repeat;}
.partner-process .point > ol > li:nth-child(2) > ol > li:nth-child(3) .point-items:after {content:''; position:absolute; top:100%; right:50%; display:block; width:399px; height:40px; margin:1px 0 0 0px; background:url(../images/contents/process-arrow-left-bottom.png) center center no-repeat;}
.partner-process .point > ol > li:nth-child(3) > ol > li:nth-child(2) .point-items:after {content:''; position:absolute; top:50%; left:100%; display:block; width:48px; height:17px; margin:-8px 0 0 1px; background:url(../images/contents/process-arrow-right.png) center center no-repeat;}
.partner-process .point > ol > li:nth-child(3) > ol > li:nth-child(3) .point-items:after {content:''; position:absolute; top:100%; left:50%; display:block; width:18px; height:41px; margin:1px 0 0 -9px; background:url(../images/contents/process-arrow-bottom.png) center center no-repeat;}
.partner-process .point > ol > li:nth-child(4) > ol > li:nth-child(3) .point-items:after {content:''; position:absolute; top:50%; right:100%; display:block; width:48px; height:17px; margin:-8px 1px 0 0; background:url(../images/contents/process-arrow-left.png) center center no-repeat;}
.partner-process .point > ol > li:nth-child(4) > ol > li:nth-child(2) .point-items:after {content:''; position:absolute; top:100%; left:50%; display:block; width:399px; height:40px; margin:1px 0 0 0px; background:url(../images/contents/process-arrow-right-bottom.png) center center no-repeat;}
.partner-process .point > ol > li:nth-child(5) > ol > li:nth-child(3) .point-items:after {content:''; position:absolute; top:50%; right:100%; display:block; width:48px; height:17px; margin:-8px 1px 0 0; background:url(../images/contents/process-arrow-left.png) center center no-repeat;}
.partner-process .point-subject {position:relative; display:flex; height:96px; padding:0 48px; align-items:center; justify-content:flex-start; border:1px solid #cceffc; border-radius:14px; background:#eff8ff; box-sizing:border-box; margin-right:24px;}
.partner-process .point-subject:after {content:''; position:absolute; top:50%; right:10px; width:76px; height:76px; border:1px solid #cceffc; border-radius:14px; background:#eff8ff; box-sizing:border-box; transform:translate(50% , -50%) rotate(45deg); border-left:none; border-bottom:none;}
.partner-process .point-subject .subject {position:relative; display:inline-flex; align-items:center; font-size:18px; font-weight:600; color:#666; z-index:5;}
.partner-process .point-subject .subject .icon {width:64px; height:64px; flex:0 0 auto; margin-right:39px;}
.partner-process .point-items {position:relative;display:flex; height:96px; align-items:center; justify-content:center; border:1px solid #cceffc; border-radius:14px; background:#eff8ff; box-sizing:border-box;}
.partner-process .point-items .txt {padding-left:52px; font-size:18px; color:#666; font-weight:600; text-align:center; width:100%; box-sizing:border-box;}
.partner-process .point-items > em {position:absolute; top:50%; left:16px; display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; font-size:18px; font-weight:600; line-height:1; color:#fff; text-align:center; border-radius:8px;background:#6688d9; transform:translate(0% , -50%); z-index:5;}
.partner-process .info {font-size:16px; color:#808080; margin-top:24px; text-align:center;}
.partner-process .point-cate {position:relative;display:flex; height:48px; align-items:center; justify-content:center; border:1px solid #000; border-radius:14px; font-size:20px; font-weight:600; text-align:center; color:#fff; background:#000; box-sizing:border-box;}

.partner-apply {display:flex; align-items:center; min-height:280px; padding:64px; margin-top:120px; border-radius:28px; background:url(../images/contents/partner-apply-visual.png) center center no-repeat; background-size:cover; box-sizing:border-box;}
.partner-apply .info {font-size:24px; color:#fff; text-align:left; flex:1;}
.partner-apply .btns {flex:0 0 auto;}
.partner-apply .btns .btn-basic {width:auto; padding:0 35px;}



/* ===========================
	개발자 센터
=========================== */
/* 개발가이드 */
.tooltip-check-group {}
.form-check-group.tooltip-check-group .grid-layout {overflow:visible;}
.tooltip-check-group .grid-layout-cell {position:relative;}
.tooltip-container {position:absolute; left:0; top:0; margin:50px 0 0 48px; z-index:5; opacity:0; visibility: hidden;}
.tooltip-box {position:relative; width:322px; padding:24px; box-sizing:border-box; border-radius:12px; background-color:#333;}
.tooltip-box:after {content:''; position:absolute; top:0; left:0; width:14px; height:14px; margin:-7px 0 0 25px; background-color:#333; transform:rotate(135deg);}
.tooltip-box .tooltip-data {font-size:14px; color:rgba(255,255,255,.8);}
.tooltip-check-group .grid-layout-cell .form-check-box:hover + .tooltip-container {opacity:1; visibility:visible;}
.reference-guide-wrap .data-sort-wrap + .page-result-info-wrap {margin-top:40px;}

.reference-guide-wrap .page-result-info-wrap.border-top-gray .page-info-inner {padding-top:0;}

/* 커뮤니티 */
.developer-community-wrap .contents-information-area {padding:40px 48px 40px 40px; border-radius:12px;}
.developer-community-wrap .contents-information-inner {display:flex;}
.developer-community-wrap .contents-information-inner .contents-left {flex:0 0 auto;}
.developer-community-wrap .contents-information-inner .contents-right {margin-left:auto;}
.developer-community-wrap .contents-information-inner .contents-right .btn-size-md {padding:0 16px;}
.developer-community-wrap .contents-information-inner .contents-right .btn-size-md .icon {margin-right:8px;}

.developer-community-wrap .card-list-wrap .card-list-item + .card-list-item {margin-top:16px;}
.card-data-row .card-data-left .classification-group .label {margin-top:2px;}
.card-data-row .card-data-left .classification-group .label + .classification {margin-left:16px;}
.developer-community-wrap .card-list-item .card-list-top .classification {display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.developer-community-wrap .card-list-item .card-list-top .classification > .icon:first-child {margin-right:8px;}

a.card-list-inner:hover {background-color:#f6f6f6;}
.card-list-inner .card-data-content {width:100%; color:#808080; font-weight:400; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.card-list-inner .secret-article {padding:24px 0; text-align:center;}
.card-list-inner .secret-article .icon {margin-right:8px;}
.card-list-bottom .card-sub-info {display:flex;}
.card-list-bottom .card-sub-info .sub-info {font-size:14px; color:#a5a5a5; font-weight:400;}
.card-list-bottom .card-sub-info .sub-info + .sub-info {margin-left:16px;}
.data-wrote-info {display:flex; font-weight:500;}
.data-wrote-info .name {display:flex;}
.data-wrote-info .date {display:inline-block; color:#808080; font-weight:400;}
.data-wrote-info .date span {margin-right:4px;}
.data-wrote-info .name + .date {margin-left:16px;}
.answer-flag {position:relative;}
.answer-flag .label {position:relative;}
.answer-flag .label:before {content:''; position:absolute; right:12px; bottom:-6px; width:12px; height:6px; background:url(../images/contents/visual-answer-flag.png) no-repeat center center; background-size:auto 100%;}

.developer-community-wrap .page-tab-wrap {margin-top:48px;}
.developer-community-wrap .card-list-wrap .card-list-inner .card-list-top {padding:31px 47px;}
.developer-community-wrap .card-list-wrap .card-list-inner .card-list-bottom {padding:24px 47px;}

.solution-regist-status {}
.solution-regist-status h3 + .result-data {margin-top:32px;}
.status-list-wrap {}
.status-list-wrap .status-list {border:1px solid #4d4d4d; border-radius:12px;}
.status-list-wrap .status-list .list-item {padding:11px 14px 12px 11px;}
.status-list-wrap .status-list .list-item + .list-item {border-top:1px solid #4d4d4d;}
.status-list-wrap .status-list .list-data .data {display:flex;}
.status-list-wrap .status-list .list-data .data .number {margin-left:4px; font-size:14px; color:#b3c4ed; line-height:24px;}
.status-list-wrap .status-list .list-data .data.update {position:relative;}
.status-list-wrap .status-list .list-data .data.update:after {content:''; width:4px; height:4px; margin:4px 0 0 4px; border-radius:50%; background-color:#e31b23;}

.developer-community-wrap .page-result-info-wrap {margin-top:40px;}
.developer-community-wrap .page-result-info-wrap.border-top-gray .page-info-inner {padding:88px 0 40px;}

/* 댓글 */
.comment-wrap .con-title + .comment-view {margin-top:40px;}
.comment-group {border:1px solid #c9c9c9; border-radius:24px; background-color:#fff; overflow:hidden;}
.comment-data-body {padding:32px 48px;}
.comment-data-body .comm-txt {color:#808080; font-weight:400;}
.comment-data-body .comm-txt + .board-file-list {margin-top:24px; padding-top:0; border:0;}
.comment-data-footer {min-height:72px; padding:16px 48px; border-top:1px solid #ededed; box-sizing:border-box;}
.comment-data-footer .comment-data-group {display:flex; align-items:center;}
.comment-data-footer .comment-data-group .pos-left {display:flex; align-items:center; min-height:40px;}
.comment-data-footer .comment-data-group .pos-right {display:flex; align-items:center; margin-left:auto;}
.comment-data-footer .comment-data-group .data-group-col + .data-group-col {margin-left:16px;}
.comment-data-footer .comment-data-group .data-group-col + .btn-group {margin-left:24px;}
.comment-data-footer .comment-data-group .btn-group {display:flex;}
.comment-data-footer .comment-data-group .btn-group .btn-col + .btn-col {margin-left:8px;}
.comment-data-footer .comment-data-group .btn-size-xmd > .icon {margin-right:4px;}
.comment-data-footer .comment-data-group .nickname-wrap {font-weight:400; color:#808080;}
.comment-data-footer .comment-data-group .nickname-wrap .nickname {display:inline-flex; color:#252525; font-weight:500;}
.comment-data-footer .comment-data-group .date {color:#808080; font-weight:400;}
.comment-data-footer .comment-data-group .date .data {padding-right:4px;}
.comment-data-footer .btn-edit {}

.comment-list-cell + .comment-list-cell {margin-top:16px;}
.comment-list-cell.indent1 {padding-left:40px;}
.comment-list-cell.indent2 {padding-left:80px;}
.comment-list-cell.indent {position:relative;}
.comment-list-cell.indent:after {content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url(../images/icon/icon-subdirectory-arrow-right.png) no-repeat center center; background-size:24px;}
.comment-list-cell.indent2:after {margin-left:40px;}

.comment-secret-message .comment-data-body {position:relative; padding:56px 0px; text-align:center;}
.comment-secret-message .comment-data-body .comm-txt .icon-lock-gray {margin-right:8px;}
.comment-secret-message.show .comment-data-body {position:relative; padding:32px 48px 32px 80px; text-align:left;}
.comment-secret-message.show .comment-data-body:after {content:''; position:absolute; top:0; left:0; width:24px; height:24px; margin:31px 0 0 48px; background:url(../images/icon/icon-lock-gray.png) no-repeat center center; background-size:24px;}

.comment-delete-content .comm-delete-txt {color:#EC5962;}
.comment-delete-content .comm-txt {margin-top:4px; color:#D9D9D9;}

/* 커뮤니티 대댓글 */
.community-reply-wrap .comment-list-group .comment-list-cell + .indent1 {margin-top:32px;}

/* FAQ */
.developer-faq-wrap .page-result-info-wrap.border-top-gray .page-info-inner {padding-top:0;}
.developer-center .board-view-header .view-group .board-label .label-xsm {height:24px;}
.developer-center .board-view-header .view-group .board-label + .board-title {margin-top:16px}
.developer-center .board-view-header .view-group .board-title {font-size:24px; line-height:36px; font-weight:500;}

/* 공지사항 */
.developer-notice-wrap .page-result-info-wrap.border-top-gray .page-info-inner {padding-top:0;}

/* KSS */
.kss-wrap .page-tab-wrap {margin-top:48px;}
.kss-wrap .page-result-info-wrap.border-top-gray .page-info-inner {padding-top:0;}

.board-data-wrap .border-table-wrap + .border-table-wrap {margin-top:32px;}

.colspan-content-wrap {padding:7px 0;}
.colspan-content-wrap .sort-wrap {display:flex;}
.colspan-content-wrap .sort-wrap .sort-left {display:flex; flex:0 0 auto;}
.colspan-content-wrap .sort-wrap .sort-right {margin-left:auto;}
.colspan-content-wrap .sort-wrap .sort-inner {display:flex; flex-wrap:wrap; margin:-4px;}
.colspan-content-wrap .sort-wrap .sort-item {padding:4px; box-sizing:border-box;}
.colspan-content-wrap .sort-wrap .sort-item.item-hidden {display:none;}
.colspan-content-wrap .sort-wrap .info-state {font-weight:400; color:#4d4d4d; font-size:14px; line-height:32px;}

.colspan-content-wrap .fieldset-wrap {margin-top:20px;}
.colspan-content-wrap .form-group textarea {height:100px;}
.colspan-content-wrap .form-data-body + .form-data-footer {margin-top:8px;}

.kss-view-wrap .form-data-body + .form-data-footer {margin-top:48px;}
.kss-reply-wrap .form-data-body + .form-data-footer {margin-top:48px;}
.kss-write-wrap .form-data-body + .form-data-footer {margin-top:48px;}



/* ===========================
	회사소개
=========================== */
/* ceo 메시지 */
.ceo-wrap {}
.ceo-wrap .info {position:relative; padding-left:384px; margin-top:80px;}
.ceo-wrap .con-title {position:absolute; top:0; left:0;}
.ceo-wrap .desc {line-height:1.6; color:#666;}
.ceo-wrap .sign {margin-top:40px; text-align:right; font-size:24px; font-weight:500;}

/* 연혁 */
#dHead.up ~ .about .history-wrap.actived .history-nav-list {transform:translate(0px , 0px);}
#dHead.down ~ .about .history-wrap.actived  .history-nav-list {transform:translate(0px , -45px);}
.history-wrap {margin-top:68px;}
.history-nav-group {position:sticky; top:117px; left:0; width:100%; z-index:15;}
.history-nav-group > .container-fuild {overflow-x:visible;}
.history-nav-list {width:100%; height:55px; display:flex; justify-content:center; align-items:center; background:#fff; transform:translate(0px , 0px); transition:transform 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.history-nav-cell {margin:0 24px;}
.history-nav-cell.actived .btn-history-nav {color:#0039c0; font-weight:600;}
.history-nav-cell.actived .btn-history-nav:before {background:rgba(0,57,192,1);}
.btn-history-nav {position:relative; height:55px; display:inline-flex; align-items:center; padding:0 24px; font-size:18px; color:#a5a5a5; font-weight:500; box-sizing:border-box; transition:color 0.4s ease;}
.btn-history-nav:before {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:4px; background:rgba(0,57,192,0); transition:background 0.4s ease;}
.history-view-data {padding-top:196px; margin-top:0px;}
.history-view-items + .history-view-items {padding-top:24px;}
.history-view-items .year {font-size:32px; font-weight:700; }
.history-view-items .year:before {content:''; position:absolute; top:19px; right:auto; left:-44px; display:block; width:8px; height:8px; border-radius:50%; background:#3361cd;}
.history-view-items .month {line-height:1.5; font-weight:600; flex:0 0 auto; width:50px;}
.history-view-items .item-year + .item-month {margin-top:5px;}
.history-view-items .item-year {position:relative; z-index:3;}
.history-view-items .item-info {flex:1; width:100%;}
.history-view-items .item-info .txt {line-height:1.5; color:#666; }
.history-view-items .item-visual {margin:16px 0 32px 0; border-radius:10px; overflow:hidden;}
.history-view-items .item-visual + .item-visual {margin-top:-16px;}
.history-view-items .item-month > ul > li {display:flex; flex-direction:row}
.history-view-items .item-month > ul > li:last-child .item-visual {margin-bottom:0;}
.history-view-items {position:relative; text-align:left; margin-left:auto; width:50%; padding:0 40px; box-sizing:border-box;}
.history-view-items:before {content:''; position:absolute; top:15px; right:auto; left:-8px; display:block; width:16px; height:16px; border-radius:50%; background:#a1b6e8; z-index:1; opacity:0;}
.history-view-items:after {content:''; position:absolute; top:9px; right:auto; left:-14px; display:block; width:28px; height:28px; border-radius:50%; background:#eaeffa; z-index:0; opacity:0;}
.history-view-items + .history-view-items:before{ top:39px;}
.history-view-items + .history-view-items:after {top:33px;}
.history-view-items:nth-child(2n) {text-align:right; margin-left:0; margin-right:auto;}
.history-view-items:nth-child(2n) .item-month > ul > li {display:flex; flex-direction:row-reverse;}
.history-view-items:nth-child(2n) .year:before {right:-44px; left:auto;}
.history-view-items:nth-child(2n):before {right:-8px; left:auto;}
.history-view-items:nth-child(2n):after {right:-14px; left:auto;}
.history-view-items.actived:before {animation-name:historyLoop;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;  animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards}
.history-view-items.actived:after {animation-name:historyLoop;animation-duration:2s;animation-delay:0.2s;animation-timing-function:linear;  animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards}
.history-view-group {position:relative; padding:122px 0 80px 0;}
.history-view-group:before {content:''; position:absolute; top:0; left:50%; right:auto; bottom:0; width:1px; height:auto; margin:40px auto auto auto; background:#e6ecf9;}

@keyframes historyLoop {
    0%{
        opacity:0;
        transform:scale(0);
    }
    40%{
        opacity:1;
        transform:scale(1);
    }
    80%{
        opacity:0;
        transform:scale(1.5);
    }
    100%{
        opacity:0;
        transform:scale(1.5);
    }
}

/* CI */
.ci-group + .ci-group {margin-top:120px;}
.ci-group .data-group {display:flex;}
.ci-group .data-group > .item-title {flex:0 0 auto; width:288px;}
.ci-group .data-group > .item-data {flex:1;}
.ci-group .visual-box {display:flex; align-items:center; justify-content:center; border-radius:12px; background:#f6f6f6;}

.ci-headline .box {padding:56px 24px; border-radius:32px; text-align:center;}
.ci-headline .box + .box {margin-top:24px;}
.ci-headline .box:nth-child(1) {background:#2f55a5;}
.ci-headline .box:nth-child(2) {background:#2ea7e0;}
.ci-headline .box h3 {font-size:32px; line-height:36px; font-weight:700; color:#fff;}
.ci-headline .box .desc {margin-top:16px; font-size:22px; line-height:36px; font-weight:700; color:#fff;}
.ci-headline .box .info {margin-top:8px; font-size:16px; line-height:24px; font-weight:400; color:#fff;}

.ci-group + .ci-group.ci-value {margin-top:106px;}
.ci-value .container-fuild {padding:64px 0 82px 0;background:#f2f5fc; text-align:center;}
.ci-value .point {margin-top:32px;}
.ci-value .point > ul {display:flex; margin:-12px; flex-wrap:wrap;}
.ci-value .point > ul > li {width:50%; padding:12px; box-sizing:border-box;}
.ci-value .point-items {height:100%; box-sizing:border-box; padding:40px 20px; text-align:center; background:#fff; border-radius:24px;}
.ci-value .point-items h4 {font-size:22px; font-weight:600; color:#194185;}
.ci-value .point-items .desc {margin-top:16px; font-size:16px; font-weight:400; color:#666;}

.ci-logo .desc {font-size:16px; color:#666;}
.ci-logo .visual-box {margin-top:24px;}
.ci-logo .btns {margin-top:24px; display:flex;}
.ci-logo .btns > .btn-basic + .btn-basic {margin-left:8px;}

.ci-symbols {}
.ci-symbols-table {padding-left:125px;}
.ci-symbols-table thead > tr > th {font-size:16px; font-weight:500; color:#808080; text-align:left;}
.ci-symbols-table tbody > tr > th {padding-right:16px; font-size:16px; font-weight:500; color:#252525; text-align:left;}
.ci-symbols-table tbody > tr > th, .ci-symbols-table tbody > tr > td {padding-top:24px;}
.ci-symbols-table tbody > tr > td:last-child {text-align:right;}
.ci-symbols-table tbody > tr:last-child > td {padding-top:40px;}

.ci-bi .grid-layout-inner {margin:-20px -12px;}
.ci-bi .grid-layout-cell {padding:20px 12px;}
.ci-bi .item-data h4 {font-size:16px; font-weight:600; color:#252525; margin-bottom:8px;}

.ci-regulation h4 {font-size:24px; font-weight:600; color:#252525; margin-bottom:8px;}
.ci-regulation h5 {font-size:22px; font-weight:600; color:#252525; margin-top:16px;}
.ci-regulation h5 + .desc {margin-top:8px;}
.ci-regulation .desc {margin-top:16px; font-size:16px; font-weight:400; color:#666;}
.ci-regulation .visual {margin-top:32px;}
.ci-regulation .grid-layout-inner {margin:-12px;}
.ci-regulation .grid-layout-cell {padding:12px;}

.ci-ban .desc {font-size:16px; font-weight:400; color:#666;}
.ci-ban .item-info {margin-top:8px; font-size:16px; font-weight:400; color:#666;}
.ci-ban .visual {margin-top:24px;}
.ci-ban .grid-layout-inner {margin:-20px -9px;}
.ci-ban .grid-layout-cell {padding:20px 9px;}

.ci-system .desc {font-size:16px; font-weight:400; color:#666;}
.ci-system .color {margin-top:24px;}
.ci-system .color .grid-layout-inner {margin:-12px 0;}
.ci-system .color .grid-layout-cell {padding:12px 0;}
.ci-system .color .item-value {display:flex; align-items:flex-end; height:156px; padding:17px 24px; color:#fff; box-sizing:border-box;}
.ci-system .color .item-code {width:100%; text-align:left; font-size:16px; color:#fff; font-weight:400;}
.ci-system .color .item-code > em {font-weight:600;}
.ci-system .color .grid-layout-cell:nth-child(1) .item-value {background:#eff4ff; border-radius:12px 0 0 12px;}
.ci-system .color .grid-layout-cell:nth-child(1) .item-code {color:#0156fc;}
.ci-system .color .grid-layout-cell:nth-child(2) .item-value {background:#d2e4ff;}
.ci-system .color .grid-layout-cell:nth-child(2) .item-code {color:#508bfe;}
.ci-system .color .grid-layout-cell:nth-child(3) .item-value {background:#9abcff;}
.ci-system .color .grid-layout-cell:nth-child(4) .item-value {background:#508bfe; border-radius:0 12px 12px 0;}
.ci-system .color .grid-layout-cell:nth-child(5) .item-value {background:#0156fc; border-radius:12px 0 0 12px;}
.ci-system .color .grid-layout-cell:nth-child(6) .item-value {background:#013db2;}
.ci-system .color .grid-layout-cell:nth-child(7) .item-value {background:#002368;}
.ci-system .color .grid-layout-cell:nth-child(8) .item-value {background:#000a1e; border-radius:0 12px 12px 0;}

/* .ci-system .ratio {margin-top:24px;}
.ci-system .ratio .item-value + .item-value {margin-top:8px;}
.ci-system .ratio .item-value {display:flex; align-items:center; text-align:left; height:80px; padding:24px; box-sizing:border-box; border-radius:12px; font-size:16px; background:#000;}
.ci-system .ratio .item-code > em {font-weight:600;}
.ci-system .ratio .item-value:nth-child(1) {color:#fff; background: linear-gradient(90deg, rgba(47,85,165,1) 0%, rgba(42,172,226,1) 100%);}
.ci-system .ratio .item-value:nth-child(2) {color:#1c75bc; background: linear-gradient(90deg, rgba(189,228,249,1) 0%, rgba(42,172,226,1) 100%);} */

.ci-application .desc {font-size:16px; font-weight:400; color:#666;}
.ci-application .visual {margin-top:24px;}
.ci-application .grid-layout-inner {margin:-12px 0;}
.ci-application .grid-layout-cell {padding:12px 0;}
.ci-application .item-value {display:flex; align-items:center; text-align:left;}

.ci-apply .visual + .visual {margin-top:40px;}
.ci-apply .grid-layout-inner {margin:-4px;}
.ci-apply .grid-layout-cell {padding:4px;}
.ci-apply .grid-layout-cell .item-value > img {border-radius:12px;}

/* 일반현황 */
.overview-headline .con-title {text-align:center;}
.overview-headline .visual {position:relative; margin-top:58px; padding:58px calc( 50% + 20px ) 58px 48px; box-sizing:border-box; border-radius:24px; overflow:hidden;}
.overview-headline .obj {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.overview-headline .obj > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.overview-headline .info {position:relative; border-radius:14px; background:rgba(255,255,255,0.98); z-index:1; padding:40px 54px; box-shadow:0px 5px 15px rgba(0,0,0,0.1);}
.overview-headline .info > table {width:100%; table-layout:fixed;}
.overview-headline .info > table > colgroup > col:first-child {width:110px;}
.overview-headline .info > table > colgroup > col:last-child {width:auto;}
.overview-headline .info > table > tbody > tr > th {font-size:16px; font-weight:600; line-height:26px; color:#4d4d4d; vertical-align:top; text-align:left;}
.overview-headline .info > table > tbody > tr > td {font-size:14px; font-weight:400; line-height:26px; color:#4d4d4d; vertical-align:top; text-align:left;}
.overview-group + .overview-group {margin-top:120px;}
.overview-group .data-group {position:relative; padding-left:384px; z-index:5;}
.overview-group .item-title {position:absolute; top:0; left:0; width:384px;}
.overview-group .item-title .more {margin-top:40px;}
.overview-result .item-data .grid-layout-inner {margin:0 -12px;}
.overview-result .item-data .grid-layout-cell {padding:0 12px;}
.overview-result .item-data .visual .obj {border-radius:10px; overflow:hidden;}
.overview-result .item-data .desc {margin-top:15px;}
.overview-result .item-data .desc > li {position:relative; padding-left:11px; font-size:16px; line-height:24px; color:#666;}
.overview-result .item-data .desc > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#666;}
.overview-global{position:relative; min-height:714px; padding-top:120px; box-sizing:border-box; margin-bottom:-160px;}
.overview-global .visual {position:absolute; top:0; left:0; width:100%; height:100%;}
.overview-global .visual .container-fuild {height:714px; background:url(../images/contents/overview-global-visual.png) center top no-repeat;}

/* R&D */
.rnd-wrap {position:relative;}
.rnd-wrap .sentence {position:relative; padding-left:384px; margin-top:80px; line-height:1.6; color:#666;}
.rnd-wrap .con-title {position:absolute; top:0; left:0;}

/* 해외사업 */
.global-overview {position:relative; height:833px;}
.global-overview .container-fuild {height:100%;}
.global-overview .visual {height:100%;}
.global-overview .visual .obj {position:absolute; top:0; left:50%; width:1920px; height:833px; margin-left:-960px;}
.global-overview .info {position:absolute; bottom:0; left:0; width:100%; z-index:5; box-sizing:border-box; padding-bottom:80px;}
.global-overview .info .con-title {width:100%; font-size:32px; font-weight:700;}

.global-detail {margin-top:120px;}
.global-detail .tab-data-group {margin-top:64px;}
.global-detail-group {text-align:center;}
.global-detail-group + .global-detail-group {margin-top:120px;}
.global-detail-group .desc {font-weight:300; color:#4d4d4d; margin-top:0;}
.global-detail-group .logo {margin-top:64px; overflow:hidden;}
.global-detail-group .logo > ul {display:flex; margin:-28px 0; flex-wrap:wrap; justify-content:center;}
.global-detail-group .logo > ul > li {width:20%; box-sizing:border-box; padding:28px 0;}


.global-history {display:flex; flex-wrap:wrap; margin:-12px;}
.global-history-items {width:calc( 50% - 24px ); margin:12px; padding:32px; background:#fff; border-radius:20px; box-sizing:border-box; box-shadow:0px 3px 10px rgba(0,0,0,0.05); border:1px solid #ededed;}
.global-history-items .item-year {font-size:32px; line-height:1.5; color:#0039c0; font-weight:600;}
.global-history-items .data-title {margin-top:16px; font-size:16px; line-height:1.5; color:#1a1919; font-weight:500;}
.global-history-items .symbol-text-list {margin-top:8px;}
.global-corporation-group + .global-corporation-group {margin-top:80px;}
.global-corporation-group .con-title {text-align:center;}
.global-corporation-group .desc {font-size:16px; line-height:1.6; color:#4d4d4d; font-weight:300; text-align:center; margin-bottom:32px;}
.global-corporation-list {display:flex; flex-wrap:wrap;  margin:-12px;}
.global-corporation-items {width:calc( 33.33% - 24px ); margin:12px; padding:32px; background:#fff; border-radius:20px; box-sizing:border-box; box-shadow:0px 3px 10px rgba(0,0,0,0.05); border:1px solid #ededed;}
.global-corporation-items .item-state {display:flex; align-items:center; font-size:24px; color:#0039c0; font-weight:600;}
.global-corporation-items .item-state .icon {flex:0 0 auto; margin-right:12px;}
.global-corporation-items .item-name {margin-top:8px; display:flex; align-items:center; min-height:40px; padding:4px 12px; font-size:18px; color:#1a1919; font-weight:500; background:#f6f6f6; border-radius:8px; box-sizing:border-box;}
.global-corporation-items .item-info {margin-top:16px;}
.global-corporation-items .item-table > table {width:100%; table-layout:fixed;}
.global-corporation-items .item-table > table > colgroup > col:first-child {width:82px;}
.global-corporation-items .item-table > table > colgroup > col:last-child {width:auto;}
.global-corporation-items .item-table > table > tbody > tr > th {font-size:16px; font-weight:600; line-height:1.5; color:#252525; vertical-align:top; text-align:left;}
.global-corporation-items .item-table > table > tbody > tr > td {font-size:16px; font-weight:400; line-height:1.5; color:#4d4d4d; vertical-align:top; text-align:left;}

/* IR공시 */
.ir-disclosure { padding:64px 0; border:1px solid #c9c9c9; border-radius:10px; box-sizing:border-box; text-align:center;}
.ir-disclosure iframe {width:731px; height:620px;  border:none; margin:64px auto 0 auto;}

/* 지속가능경영 > Principle */
.principle-special {margin-top:64px; text-align:center;}
.principle-special h3 {font-size:24px; line-height:36px; font-weight:600;}
.principle-special h3 .sub-title {display:block; font-size:22px; line-height:33px; font-weight:400;}
.principle-special .sub-info {width:770px; margin:56px auto 0; padding:40px; font-size:22px; line-height:33px; font-weight:500; border-radius:24px; background-color:#f2f5fc; box-sizing:border-box;}
.principle-special .sub-info .font-color-blue {font-weight:600; color:#0039c0;}
.principle-special .visual-list {position:relative; margin:56px -12px 0 -12px; padding-top:80px; display:flex;}
.principle-special .visual-list:before {content:''; position:absolute; top:0; right:0; bottom:auto; left:0; display:block; width:auto; height:64px; margin:auto calc( 100% * 0.2 - 32px ); box-sizing:border-box; border:2px solid #c9c9c9; border-bottom:none; border-radius:16px 16px 0 0;}
.principle-special .visual-list:after {content:''; position:absolute; top:0; left:50%; display:block; width:2px; height:64px; margin-left:-1px; background:#c9c9c9;}
.principle-special .visual-list > li { padding:0 12px; width:33.33%; box-sizing:border-box;}
.principle-special .visual-items {position:relative; display:flex; height:160px; align-items:center; justify-content:center; text-align:center;}
.principle-special .visual-items:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#fff; border-radius:24px; border:2px solid #c9c9c9; box-sizing:border-box;}
.principle-special .visual-items:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:24px; z-index:-1; box-shadow:0px 16px 48px rgba(0,0,0,0.05);}
.principle-special .visual-items .desc {position:relative; width:100%; font-size:18px; line-height:1.5; color:#252525; font-weight:600; z-index:5;}
.principle-special .visual-items .desc > strong {display:block; font-size:32px; color:#0039c0; font-weight:700;}
.principle-ethical {margin-top:120px; text-align:center;}
.principle-ethical .container-fuild {padding:80px 0 155px 0; background:#f2f5fc;}
.principle-ethical .desc {margin-top:16px; font-size:16px; color:#666;}
.principle-ethical .btns {margin-top:40px; display:flex; justify-content:center;}
.principle-ethical .btns > .btn-basic {margin:0 4px; width:182px;}
.principle-ethical .btns > .btn-basic.btn-basic-icon .icon:first-child {margin-right:0;}
.principle-ethical .visual {position:relative; width:480px; height:480px; margin:125px auto 0 auto; border-radius:50%; border:8px solid #fff; box-sizing:border-box;}
.principle-ethical .visual dt {position:absolute; top:50%; left:50%; display:inline-flex; width:160px; height:160px; margin:-80px 0 0 -80px; align-items:center; justify-content:center; font-size:24px; color:#fff; font-weight:600; text-align:center; background:#0039c0; z-index:15; border-radius:50%;}
.principle-ethical .visual:before {content:''; position:absolute; top:50%; left:50%; display:block; width:260px; height:260px; margin:-130px 0 0 -130px; background:#aec0eb; border-radius:50%; z-index:10;}
.principle-ethical .visual:after {content:''; position:absolute; top:50%; left:50%; display:block; width:330px; height:330px; margin:-165px 0 0 -165px; background:#d9e2f6; border-radius:50%; z-index:5;}
.principle-ethical .visual dd {position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); width:120px; height:120px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:600; color:#252525; border-radius:50%; background:#fff; box-shadow:0px 16px 48px rgba(0,0,0,0.05); z-index:20; box-sizing:border-box;}
.principle-ethical .visual dd:nth-child(2) {margin:-240px 0px 0px 0px;}
.principle-ethical .visual dd:nth-child(3) {margin:-187px 0px 0px 164px;}
.principle-ethical .visual dd:nth-child(4) {margin:-35px 0px 0px 240px;}
.principle-ethical .visual dd:nth-child(5) {margin:132px 0px 0px 213px;}
.principle-ethical .visual dd:nth-child(6) {margin:233px 0px 0px 95px;}
.principle-ethical .visual dd:nth-child(7) {margin:233px 0px 0px -95px;}
.principle-ethical .visual dd:nth-child(8) {margin:132px 0px 0px -213px;}
.principle-ethical .visual dd:nth-child(9) {margin:-35px 0px 0px -240px;}
.principle-ethical .visual dd:nth-child(10) {margin:-187px 0px 0px -164px;}
.principle-management {text-align:center; padding:120px 0 0 0;}
.principle-management .desc {margin-top:16px; font-size:16px; color:#666;}
.principle-management .point {margin-top:48px; padding:0 144px;}
.principle-management .point > li + li {margin-top:16px;}
.principle-management .point > li {display:flex; align-items:center;  padding:6px; border:1px solid #c9c9c9; background:#fff; border-radius:12px; box-sizing:border-box;}
.principle-management .point > li > em {flex:0 0 auto; display:inline-flex; width:218px; height:56px; align-items:center; justify-content:center; font-size:18px; font-weight:600; color:#3361cd; border-radius:12px; background:#f2f5fc; text-align:center; margin-right:48px;}
.principle-management .point > li > p {flex:1; font-size:18px; color:#252525; font-weight:500; text-align:left;}

/* 지속가능경영 > ESG */
.esg-wrap {margin-top:44px;}
.esg-wrap .page-tab-wrap {margin-bottom:80px;}
.esg-wrap .page-tab-wrap .page-tab { height:auto; border-bottom:1px solid #c9c9c9; justify-content:center;}
.esg-wrap .page-tab-wrap .page-tab .contents-cell {height:auto; padding:0 12px;}
.esg-wrap .page-tab-wrap .page-tab .contents-cell:first-child {padding-left:12px;}
.esg-wrap .page-tab-wrap .page-tab .contents-cell .btn-tab-item {display:inline-flex; justify-content:center; height:auto; min-height:94px; align-items:center; padding:20px 24px; line-height:1.5; box-sizing:border-box; text-align:center;}

/* 지속가능경영 > ESG > 안전보건환경 SHE */
.she-policy {text-align:center;}
.she-policy .desc {margin-top:24px; font-size:18px; color:#4d4d4d; font-weight:400;}
.she-policy .visual {margin-top:64px; padding:80px 204px; border-radius:24px; overflow:hidden; background:url(../images/contents/she-policy-visual.png) center center no-repeat; background-size:cover; box-sizing:border-box;}
.she-policy .info {font-size:18px; line-height:38px; color:rgba(255,255,255,0.8); text-align:left;}
.she-policy .sign {margin-top:40px; font-size:24px; color:rgba(255,255,255,0.8); font-weight:500;}
.she-goal {margin-top:96px; position:relative; padding-left:290px;}
.she-goal .con-title {position:absolute; top:0; left:0;}
.she-goal .point {margin:0 -12px; display:flex;}
.she-goal .point > li {position:relative; padding:0 12px; width:50%; box-sizing:border-box;}
.she-goal .items {min-height:100%; padding:40px; border-radius:12px; background:#f6f6f6; box-sizing:border-box;}
.she-goal .items .headline {font-size:22px; font-weight:600; color:#252525;}
.she-goal .items .symbol-text-list {margin-top:23px;}

/* 지속가능경영 > ESG > 책임경영 Responsibility */
.esponsibility-group + .esponsibility-group {margin-top:120px;}
.esponsibility-group {position:relative; padding-left:290px;}
.esponsibility-group .con-title {position:absolute; top:0; left:0;}
.esponsibility-human-policy {margin-top:-80px;}
.esponsibility-human-policy .container-fuild {background-color:#f2f5fc;}
.esponsibility-human-policy .container-inner {padding:80px 0 120px;}
/* .esponsibility-human-policy .con-title {text-align:center;}
.esponsibility-human-policy .desc {margin-top:24px; font-size:18px; color:#4d4d4d; font-weight:400; text-align:center; line-height:27px;} */
.esponsibility-human-policy .desc {color:#666; font-weight:400;}
.esponsibility-human-policy .visual-cont {margin-top:40px; padding-left:290px;}
.esponsibility-human-policy .visual {padding:56px 80px; border-radius:12px; background:url(../images/contents/esg-responsibility-visual01.png) no-repeat center center; background-size:cover;}
.esponsibility-human-policy .point {}
.esponsibility-human-policy .point > li {color:rgba(255,255,255,.6); line-height:38px; font-weight:400;}
.esponsibility-human-policy .point > li > em {display:inline-block; width:50px; color:rgba(255,255,255,1.0); font-weight:600;}
.esponsibility-social-contribution {margin-top:96px;}
.esponsibility-social-contribution .desc {color:#666; font-weight:400;}
.esponsibility-social-contribution .point {margin-top:48px;}
.esponsibility-social-contribution .point > li + li {margin-top:24px;}
.esponsibility-social-contribution .point-items {display:flex; align-items:center; min-height:181px; padding-right:56px; box-sizing:border-box;}
.esponsibility-social-contribution .point-items .visual {flex:0 0 auto; margin-right:48px; border-radius:12px; overflow:hidden;}
.esponsibility-social-contribution .point-items .subject {flex:1; font-size:22px; font-weight:600; color:#252525;}
.esponsibility-social-contribution .point-items .txt {margin-top:8px; color:#666; font-weight:400;}
.esponsibility-shared-growth {padding-left:0;}
.esponsibility-shared-growth .container-fuild {background-color:#f2f5fc;}
.esponsibility-shared-growth .container-inner {padding:112px 0 104px 290px; box-sizing:border-box;}
.esponsibility-shared-growth .con-title {top:112px;}
.esponsibility-shared-growth .desc {color:#666; font-weight:400;}
.esponsibility-shared-growth .point {margin:24px -8px 0 -12px; display:flex;}
.esponsibility-shared-growth .point > li {position:relative; padding:0 12px; width:50%; box-sizing:border-box;}
.esponsibility-shared-growth .point-items .visual {border-radius:12px; overflow:hidden;}
.esponsibility-shared-growth .point-items .subject {margin-top:16px; font-size:22px; font-weight:600; color:#252525;}
.esponsibility-shared-growth .point-items .txt {margin-top:8px; color:#666; font-weight:400;}
.strategic-materials-obey .desc {color:#666; font-weight:400;}
.strategic-materials-obey h4 {margin-top:40px; font-size:24px; font-weight:600; line-height:36px;}
.esponsibility-ceo-msg {margin-top:24px; padding:48px; border-radius:12px; background-color:#f6f6f6;}
.esponsibility-ceo-msg h5 {font-size:24px; font-weight:600;}
.esponsibility-ceo-msg h5 em {color:#3361cd; font-weight:600;}
.esponsibility-ceo-msg .sentence {margin-top:26px; color:#666; line-height:26px;}
.esponsibility-ceo-msg .sentence .desc + .desc {margin-top:26px;}
.strategic-materials-declaration {margin-top:72px;}
.strategic-materials-declaration h4 {font-size:24px; font-weight:600;}
.strategic-materials-declaration .desc {margin-top:16px; color:#666;}
.strategic-materials-declaration .point {margin-top:32px;}
.strategic-materials-declaration .point > li + li {margin-top:16px;}
.strategic-materials-declaration .point > li {display:flex; padding:32px 40px; font-size:16px; font-weight:400; line-height:26px; color:#666; border-radius:12px; background:#f6f6f6; box-sizing:border-box;}
.strategic-materials-declaration .point > li > em {flex:0 0 auto; width:72px; font-size:24px; font-weight:600; color:#252525;}
.strategic-materials-declaration .point > li > p {flex:1; width:100%;}
.esponsibility-strategic-materials .sign-content {margin-top:40px; display:flex; flex-direction:column; align-items:flex-end;}
.esponsibility-strategic-materials .sign {font-size:24px; font-weight:500;}
.esponsibility-strategic-materials .sign-img {margin-top:24px;}

/* 지속가능경영 > ESG > 지배구조 Governance */
.governance-group {position:relative; padding-left:290px;}
.governance-group .con-title {position:absolute; top:0; left:0;}
.governance-audit .point > li + li {margin-top:120px;}
.governance-audit h4 {font-size:18px; font-weight:500; margin-bottom:16px;}
.governance-audit .symbol-text-item {font-size:14px;}
.governance-audit .symbol-text-item > em {margin-right:4px;}
.governance-audit .table-bottom-info {margin-top:8px;}

/* 윤리상담센터 > 운영안내 */
.sustainability-wrap .contents-tab-button + .ethical-wrap {margin-top:80px;}
.ethical-wrap .page-tab-wrap + .ethical-overview {padding-top:80px;}
.ethical-overview-headline {}
.ethical-overview-headline .point-wrap {margin-top:40px;}
.ethical-overview-headline .point-wrap .point {display:flex; margin:0 -12px;}
.ethical-overview-headline .point-wrap .point > li {width:50%; padding:0 12px;}
.ethical-overview-headline .point-wrap .point > li:nth-child(1) .point-items:after {background-image:url(../images/contents/ethical-overview-headline-icon-1.png); right:40px;}
.ethical-overview-headline .point-wrap .point > li:nth-child(2) .point-items:after {background-image:url(../images/contents/ethical-overview-headline-icon-2.png);}
.ethical-overview-headline .point-wrap .point-items {position:relative; height:218px; padding:40px 184px 48px 40px; border-radius:24px; background-color:#f6f6f6; box-sizing:border-box;}
.ethical-overview-headline .point-wrap .point-items:after {content:''; position:absolute; right:64px; top:53px; width:112px; height:112px; background-repeat:no-repeat;background-position:center center;}
.ethical-overview-headline .point-wrap .point-items > h4 {font-weight:600; font-size:22px; line-height:33px;}
.ethical-overview-headline .point-wrap .point-items > p {margin-top:8px; color:#666666; font-weight:400;}
.ethical-overview-range .symbol-text-item {color:#666; font-weight:400;}
.ethical-overview-type .font-color-blue {font-weight:600;}
.ethical-overview-group {}
.ethical-overview-group + .ethical-overview-group {margin-top:120px;}
.ethical-overview-group .data-group {position:relative; padding-left:288px; z-index:5;}
.ethical-overview-group .item-title {position:absolute; top:0; left:0; width:288px;}
.ethical-overview-group .item-title h4 {margin-top:16px; font-size:24px; font-weight:500; color:#808080;}
.ethical-overview-group .item-title .btn-more {margin-top:40px;}
.ethical-overview-range {}
.ethical-overview-range .point-wrap {display:flex; align-items:center;}
.ethical-overview-range .point-wrap .process-icon {flex:0 0 auto; margin-right:16px;}
.ethical-overview-group .desc {color:#666; margin-bottom:24px; font-weight:400;}
.ethical-overview-group .border-table-body table > tbody > tr > th {padding-right:20px; vertical-align:middle;}
.ethical-overview-type .border-table-body table > tbody > tr {height:69px;}
.ethical-overview-type .border-table-body table > tbody > tr > td {vertical-align:middle;}
.ethical-overview-method .border-table-body table .basic-btn-wrap {display:flex;}
.ethical-overview-method .border-table-body table .basic-btn-wrap .basic-btn-group + .basic-btn-group {margin-left:24px;}

.ethical-overview-step .item-data {display:flex; margin:0 -12px;}
.ethical-overview-step .step-items {width:50%; padding:0 12px;}
.ethical-overview-step .step-items h4 {padding-bottom:16px; font-size:24px; font-weight:600;}
.ethical-overview-step .step-items-list {padding:32px 54px 32px 40px; background:#f6f6f6; border-radius:12px; box-sizing:border-box;}
.ethical-overview-step .step-items.step-1 ol{background:url(../images/icon/icon-apply-step-1.png) left 0 top 0 no-repeat;}
.ethical-overview-step .step-items.step-2 ol{background:url(../images/icon/icon-apply-step-2.png) left 0 top 0 no-repeat;}
.ethical-overview-step .step-items ol {padding:16px 0 0 72px;}
.ethical-overview-step .step-items ol li {display:flex; align-items:center;}
.ethical-overview-step .step-items ol li + li {margin-top:24px;}
.ethical-overview-step .step-items ol li em {font-size:18px; font-weight:600;}
.ethical-overview-step .step-items ol li p {min-height:72px; margin-top:8px; font-size:16px; color:#666; font-weight:400;}
.ethical-overview-step .step-items .icons {position:relative; flex:0 0 auto; width:256px; text-align:center;}
.ethical-overview-step .step-items ol li:last-child .icons:before ,
.ethical-overview-step .step-items ol li:last-child .icons .process-icon:before ,
.ethical-overview-step .step-items ol li:last-child .icons .process-icon:after {display:none;}
.ethical-overview-step .step-items .icons:before {content:''; position:absolute; top:64px; left:50%; margin-left:-2px; display:block; width:4px; height:4px; border-radius:50%; background:#a5a5a5;}
.ethical-overview-step .step-items .icons .process-icon:before {content:''; position:absolute; top:81px; left:50%; margin-left:-2px; display:block; width:4px; height:4px; border-radius:50%; background:#a5a5a5;}
.ethical-overview-step .step-items .icons .process-icon:after {content:''; position:absolute; top:99px; left:50%; margin-left:-2px; display:block; width:4px; height:4px; border-radius:50%; background:#a5a5a5;}
.ethical-overview-step .step-items .info {flex:1; width:100%; box-sizing:border-box; padding-left:32px;}
.ethical-overview-group.ethical-overview-program {margin-top:80px;}
.ethical-overview-program .symbol-text-item {font-weight:400;}

/* 윤리상담센터 > 제보하기 */
.ethical-apply-group.note-info-cont .item-title + .item-data {margin-top:24px;}
.ethical-apply {margin-top:80px;}
.ethical-apply .request-complete {padding-top:0;}

/* 채용안내 */
.recruit-apply {display:flex; align-items:center; padding:92px 64px; border-radius:32px; background:url(../images/contents/recruit-apply-visual.png) center center no-repeat; background-size:cover;}
.recruit-apply .info {font-size:32px; font-weight:600; color:#fff; text-align:left; flex:1;}
.recruit-apply .btns {flex:0 0 auto;}
.recruit-apply .btns .btn-size-auto {padding:0 40px; height:88px; font-size:24px; font-weight:600; border-radius:44px;}

.recruit-talented  {margin-top:48px;}
.recruit-talented .container-fuild {padding:88px 0 96px; background-color:#f2f5fc;}
.recruit-talented .container-fuild .container-fuild-inner {width:1328px; margin:0 auto;}
.recruit-talented .point {display:flex; margin:0 -8px;}
.recruit-talented .point > li {width:25%; padding:0 8px;}
.recruit-talented .point .recruit-talented-items {min-height:380px; height:100%; padding:56px 38px 42px; border-radius:24px; background-color:#fff; box-sizing:border-box; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);}
.recruit-talented .point .recruit-talented-items .item-info {display:flex; flex-direction:column; height:100%;}
.recruit-talented .point .recruit-talented-items .txt h4 {font-size:24px; font-weight:700; color:#3361cd;}
.recruit-talented .point .recruit-talented-items .txt p {margin-top:16px; color:#808080;}
.recruit-talented .point .recruit-talented-items .keywords {display:inline-flex; margin-top:auto; font-size:40px; font-weight:800; color:rgba(201,201,201,.5);}

.recruit-info {padding:104px 0;}
.recruit-newcomer {}
.recruit-group .con-title {text-align:center;}
.recruit-group .desc {margin-top:16px; text-align:center; color:#4d4d4d;}
.recruit-group .desc + .recruit-process-list {margin-top:48px;}
.recruit-process-list {}
.recruit-process-list > ul {display:flex; flex-wrap:nowrap; justify-content:center;}
.recruit-process-list > ul > li + li {margin-left:-21px;}
.recruit-process-list > ul > li:nth-child(1) {z-index:6;}
.recruit-process-list > ul > li:nth-child(2) {z-index:5;}
.recruit-process-list > ul > li:nth-child(3) {z-index:4;}
.recruit-process-list > ul > li:nth-child(4) {z-index:3;}
.recruit-process-list > ul > li:nth-child(5) {z-index:2;}
.recruit-process-list > ul > li:nth-child(6) {z-index:1;}
.recruit-process-list > ul > li:nth-child(7) {z-index:0;}
.recruit-process-list .list-items {display:flex; align-items:center; width:180px; height:180px; border:1px solid #809ce0; border-radius:50%; background-color:rgba(255,255,255,.6); box-sizing:border-box;}
.recruit-process-list .list-items .item-title {width:100%; font-size:24px; font-weight:600; color:#0039c0; text-align:center;}

.recruit-group .recruit-process-list + .recruit-process-info {margin-top:40px;}
.recruit-group .recruit-process-info {font-weight:400;}
.recruit-group .recruit-process-info .symbol-text-list {width:310px; margin:0 auto;}
.recruit-group .recruit-process-info .symbol-text-item {}

.recruit-newcomer + .recruit-career {margin-top:96px;}
.recruit-career .recruit-process-list .list-items {position:relative; border-color:rgba(51,97,205,1.0); background-color:rgba(51,97,205,1.0); overflow:hidden;}
.recruit-career .recruit-process-list .list-items:after {content:''; position:absolute; top:50%; right:-2px; width:22px; height:88px; margin-top:-44px; background:url(../images/contents/recruit-circle-visual.png) no-repeat center center; background-size:auto 100%;}
.recruit-career .recruit-process-list > ul > li:last-child .list-items:after {content:none;}
.recruit-career .recruit-process-list .list-items .item-title {color:#fff;}

.recruit-career + .recruit-faq {margin-top:104px; padding:0 145px;}
.recruit-newcomer + .recruit-faq {margin-top:104px; padding:0 145px;}
.recruit-faq .accordion-list {margin-top:24px;}

/* 채용안내 > 인사제도 */
.recruit-group .contents-tab-wrap .contents-tab-button + .tab-data-group {padding-top:48px;}

.recruit-personnel {}
.personnel-evaluation .con-title + .point-wrap {margin-top:40px;}
.personnel-evaluation .point-wrap {display:flex; flex-wrap:wrap;}
.personnel-evaluation .point .point-card {background:#fff; border:1px solid #c9c9c9; border-radius:24px;}
.personnel-evaluation .point-01 {flex:0 0 100%;}
.personnel-evaluation .point-01 .point-card {display:flex; padding:47px 64px 47px 54px;}
.personnel-evaluation .point-01 .point-card .item-visual {margin-top:10px;}
.personnel-evaluation .point-01 .point-card .item-info {position:relative; left:50%; margin-left:-230px;}
.personnel-evaluation .point-01 .point-card .item-info > ul {display:flex;}
.personnel-evaluation .point-01 .point-card .item-info > ul > li + li {margin-left:60px;}
.personnel-evaluation .point-01 .point-card .item-info .item-info-cell {width:300px;}
.personnel-evaluation .point-card .item-info .item-info-cell .subject {font-size:24px; font-weight:600; color:#3361cd;}
.personnel-evaluation .point-card .item-info .item-info-cell .desc {margin-top:8px; font-weight:400; color:#808080; text-align:left;}

.personnel-evaluation .point-02 {width:calc(100% - 384px); margin-top:40px;}
.personnel-evaluation .point-02 .point-card {height:340px; padding:56px; box-sizing:border-box;}
.personnel-evaluation .point-02 .item-top {display:flex;}
.personnel-evaluation .point-02 .item-top .title {margin-left:24px; font-size:24px; font-weight:700;}
.personnel-evaluation .point-02 .item-info {margin-top:48px;}
.personnel-evaluation .point-02 .item-info > ul {display:flex; justify-content:space-between;}
.personnel-evaluation .point-02 .item-info > ul > li {width:182px;}

.personnel-evaluation .point-03 {width:384px; padding-left:24px;  margin-top:40px; box-sizing:border-box;}
.personnel-evaluation .point-03 .point-card {display:flex; flex-direction:column; height:340px; padding:48px; box-sizing:border-box;}
.personnel-evaluation .point-03 .point-card .item-top {margin:0 auto;}
.personnel-evaluation .point-03 .point-card .item-info {margin-top:auto; font-size:20px; text-align:center;}

.personnel-compensation {margin-top:104px;}
.personnel-compensation .con-title {padding-bottom:40px;}
.personnel-compensation .point {display:flex; margin:0 -12px;}
.personnel-compensation .point > li {width:33.333%; padding:0 12px; box-sizing:border-box;}
.personnel-compensation .personnel-compensation-items {padding:48px; height:416px; border-radius:24px; background-color:#f6f6f6; box-sizing:border-box;}
.personnel-compensation .personnel-compensation-items .item-visual {display:flex; justify-content:center;}
.personnel-compensation .personnel-compensation-items .item-info {padding-top:24px;}
.personnel-compensation .personnel-compensation-items .item-info .txt {font-size:20px; line-height:30px; text-align:center;}

/* 채용안내 > 교육제도 */
.recruit-edu-special .container-fuild .container-fuild-inner {width:1328px; margin:0 auto;}
.recruit-edu-special .container-fuild-inner > ul {display:flex; margin:0 -8px;}
.recruit-edu-special .container-fuild-inner > ul > li {width:25%; padding:0 8px; box-sizing:border-box;}
.recruit-edu-special .container-fuild-inner > ul > li > .item-data {height:100%; padding:48px 40px; border:1px solid #c9c9c9; border-radius:24px; box-sizing:border-box;}
.recruit-edu-special .item-data > h3 {font-size:24px; line-height:36px; font-weight:600;}
.recruit-edu-special .item-data > h3 + ul {margin-top:16px;}
.recruit-edu-special .item-data > ul > li {color:#808080;}

.recruit-edu-process {margin-top:96px;}
.recruit-edu-process .con-title + .process-list {margin-top:36px;}
.recruit-edu-process .process-inner {display:flex; margin:0 -4px;}
.recruit-edu-process .process-inner .process-cell {padding:0 4px;}
.recruit-edu-process .process-cell.section {width:120px; padding-top:68px;}
.process-items-section .item-title {font-size:0;}
.process-items-section .item-data .item-data-list {display:flex; flex-direction:column; width:100%;}
.process-items-section .item-data .item-data-list > li {width:100%}
.process-items-section .item-data .item-data-list > li + li {margin-top:8px;}
.process-items-section .item-data .item-data-list > li .item-cate {display:flex; align-items:center; justify-content:center; height:72px; color:#0039c0; border-radius:12px; background-color:#f2f5fc;}
.process-items-section .item-data .item-data-list > li:nth-child(3) .item-cate, .process-items-section .item-data .item-data-list > li:nth-child(4) .item-cate {height:96px;}

.recruit-edu-process .process-cell {width:calc((100% - 120px) / 3);}
.recruit-edu-process .process-items {}
.recruit-edu-process .process-items .item-title {width:100%; border-bottom:2px solid #00addf; text-align:center;}
.recruit-edu-process .process-items .item-title h4 {line-height:50px; font-size:20px; font-weight:600; color:#00aeef;}
.recruit-edu-process .process-items .item-title + .item-data {padding-top:16px;}
.recruit-edu-process .process-items .item-data-list {position:relative;display:flex; height:360px; padding:8px 4px; border-radius:12px; background-color:#ededed; box-sizing:border-box;}
.recruit-edu-process .process-items .item-data-list > li {padding:0 4px;}
.recruit-edu-process .process-items .item-data-list > li:before {content:''; position:absolute; left:0px; width:calc(100%); height:1px; background-color:#d8d8d8; z-index:1;}
.recruit-edu-process .process-items .item-data-list > li:nth-of-type(1):before {top:76px;}
.recruit-edu-process .process-items .item-data-list > li:nth-of-type(2):before {top:156px;}
.recruit-edu-process .process-items .item-data-list > li:nth-of-type(3):before {top:260px;}
.recruit-edu-process .process-items .item-data-list > li:last-of-type:before {content:none;}
.recruit-edu-process .process-items .item-detail-list {position:relative; width:72px; z-index:2;}
.recruit-edu-process .process-items .item-detail-list > li + li {margin-top:24px;}
.recruit-edu-process .process-items .item-detail-list .item-value {display:flex; align-items:center; justify-content:center; padding:4px; font-size:14px; line-height:18px; text-align:center; border-radius:12px; background-color:#fff; box-shadow: 0px 4px 11.76px 0.24px rgba(0, 0, 0, 0.05); box-sizing:border-box;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-56 {height:56px;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-80 {height:80px;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-136 {height:136px;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-160 {height:160px;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-228 {height:228px;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-264 {height:264px;}
.recruit-edu-process .process-items .item-detail-list .item-value.height-344 {height:344px;}

.recruit-edu-process .process-cell:nth-child(2) .process-items .item-data-list > li:nth-child(2){margin-top:auto;}
.recruit-edu-process .process-cell:nth-child(3) .process-items .item-title {border-color:#3361cd;}
.recruit-edu-process .process-cell:nth-child(3) .process-items .item-title h4 {color:#3361cd;}
.recruit-edu-process .process-cell:nth-child(3) .process-items .item-data-list {align-items:flex-end;}
.recruit-edu-process .process-cell:nth-child(4) .process-items .item-data-list > li:nth-child(2){margin-top:auto;}
.recruit-edu-process .process-cell:nth-child(4) .process-items .item-data-list > li:nth-child(3){margin-top:auto;}

/* 채용안내 > 복리후생 */
.recruit-benefits h3 + .point-wrap {margin-top:40px;}
.recruit-benefits .point-wrap {}
.recruit-benefits .point {display:flex; flex-wrap:wrap; margin:-12px;}
.recruit-benefits .point > li {width:50%; padding:12px; box-sizing:border-box;}
.recruit-benefits .point > li .data {height:100%; padding:48px 56px 40px; border:1px solid #c9c9c9; border-radius:12px; box-sizing:border-box;}
.recruit-benefits .point .data .data-header {display:flex; align-items:center;}
.recruit-benefits .point .data .data-header h4 {padding-left:8px; font-size:22px; line-height:33px; color:#3361cd; font-weight:600;}
.recruit-benefits .point .data .data-header h4 > span {display:block; color:#252525; font-weight:500;}
.recruit-benefits .point .data .info {margin-top:16px;  color:#808080; font-weight:400;}
.recruit-benefits .point .data .info > ul > li {position:relative; padding-left:8px;}
.recruit-benefits .point .data .info > ul > li:before {content:''; position:absolute; left:0; margin-top:10px; width:3px; height:3px; border-radius:50%; background-color:#808080;}

/* 채용안내 > 편의시설 */
.recruit-amenity {}
.recruit-amenity .point-wrap {margin-top:40px;}
.recruit-amenity .point {display:flex; flex-wrap:wrap; margin:-24px -12px;}
.recruit-amenity .point > li {padding:24px 12px; box-sizing:border-box;}
.recruit-amenity .point > li:nth-child(1) {width:32.97%;}
.recruit-amenity .point > li:nth-child(2) {width:calc(100% - 32.97%);}
.recruit-amenity .point > li:nth-child(3) {width:50%;}
.recruit-amenity .point > li:nth-child(4) {width:50%;}
.recruit-amenity .point > li:nth-child(5) {width:100%;}
.recruit-amenity .point > li:nth-child(1) .visual {height:404px;}
.recruit-amenity .point > li:nth-child(2) .visual {height:404px;}
.recruit-amenity .point > li .visual {position:relative; height:280px; border-radius:24px; overflow:hidden;}
.recruit-amenity .point > li .visual:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.1);}
.recruit-amenity .point > li .visual > img {}
.recruit-amenity .point > li .title {margin-top:16px; text-align:center; font-size:20px; font-weight:500; line-height:30px;}

@media screen and (max-width:1280px){
    .recruit-wrap .container-fuild .container-fuild-inner {width:auto;}
}

@media screen and (max-width:980px){
    .recruit-talented .container-fuild {background-color:transparent;}
}



/* 위치안내 */
.contact-overview {}
.contact-overview .page-description {margin-top:16px; text-align:center;}
.contact-overview .page-description + .grid-layout {margin-top:48px;}
.contact-overview .grid-layout .border-table-header .table-title {font-size:18px;}
.contact-overview .grid-layout .border-table-header + .border-table-body {margin-top:16px;}
.contact-overview .grid-layout .border-table-header .table-title {font-size:18px;}
.contact-store table tr > td > span.col {display:inline-flex; align-items:center;}
.contact-store table tr > td > span.col .label {padding:0 12px; margin-right:8px;}
.contact-store table tr > td > span.col + .col {margin-left:20px;}
.contact-store table tr > th.subway-label {line-height:36px;}
.contact-store table tr > th.subway-label .icon {margin-top:6px;}

/* 국내지사 */
.contact-local-headline {margin-top:56px;}
.contact-local-headline .point {display:flex; margin:0 -12px;}
.contact-local-headline .point > li {width:33.333%; padding:0 12px;}
.contact-local-headline .point .point-inner {text-align:center;}
.contact-local-headline .point .point-inner h4 {font-weight:700; font-size:24px; color:#3361cd;}
.contact-local-headline .point .point-inner p {margin-top:16px; padding:0 35px; font-weight:400; font-size:16px; color:#666666;}

.contact-store {margin-top:80px;}
.contact-store .store-list {display:flex; flex-wrap:wrap; margin:48px -24px 0;}
.contact-store .store-list .store-items {width:50%; padding:0 24px; box-sizing:border-box;}
.contact-store .store-list .store-items .maps {position:relative; width:100%; padding-top:74.074%; border-radius:12px; overflow:hidden;}
.contact-store .store-list .store-items .maps .map {position:absolute; top:0; left:0; width:100%; height:100%;}
.contact-store .store-list .store-items .info {padding:32px 0 56px;}
.contact-store .store-list .store-items .info h4 {font-size:24px; font-weight:600;}
.contact-store .store-list .store-items .info h4 + table {margin-top:12px;}
.contact-store .store-list .store-items .info table tr > th {padding:4px 0; text-align:left; font-weight:600;}
.contact-store .store-list .store-items .info table tr > td {padding:4px 0; text-align:left; font-weight:400; color:#4d4d4d;}
.contact-store .store-list .store-items .info table tr .icon {margin-right:8px;}

/* 뉴스룸 */
.newsroom-contents .page-result-info-wrap.border-top-gray .page-info-inner {padding-top:0;}



/* ===========================
	회원가입, 로그인
=========================== */
/* 회원가입 */
.register-wrap {}
.contents-information-area {padding:40px; color:#666666; border-radius:24px; background-color:#f2f5fc;}
.register-wrap .contents-information-area + .form-wrap {margin-top:32px}
.register-wrap .form-wrap .grid-layout-inner > .checkbox-group {padding-bottom:40px;}

.register-wrap .form-wrap + .agree-terms-wrap {margin-top:48px;}

.register-wrap .form-group + .agree-terms-check-content {margin-top:32px;}
.agree-terms-check-content {}
.agree-terms-check-content .agree-terms-item + .agree-terms-item {margin-top:8px;}
.agree-terms-check-content .agree-terms-inner {display:flex; align-items:center; height:80px; padding:0 40px; border:1px solid #ededed; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.agree-terms-check-content .agree-terms-inner.actived {border-color:#c9c9c9;}
.agree-terms-check-content .agree-terms-inner .agree-terms-left {display:flex; align-items:center;}
.agree-terms-check-content .agree-terms-inner .agree-terms-text {font-size:18px; font-weight:600;}
.agree-terms-check-content .agree-terms-inner .agree-terms-btn {padding-left:12px;}
.agree-terms-check-content .agree-terms-inner .agree-terms-btn .btn-agree-cont {position:relative; display:block; font-size:16px; font-weight:400; color:#3361cd;}
.agree-terms-check-content .agree-terms-inner .agree-terms-btn .btn-agree-cont:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#3361cd;}
.agree-terms-check-content .agree-terms-inner .agree-terms-right {margin-left:auto;}

.register-wrap .btn-page-wrap {margin-top:48px;}

.register-wrap .grid-layout-cell.grid-1 .form-input-items .item-detail + .item-detail-info > .box-info-wrap {width:100%;}

/* 회원가입 > 팝업 */
.pop-view-detail .terms-content .text-group {margin-top:24px;}
.pop-view-detail .terms-content > .text-group:first-child {margin-top:0;}
.pop-view-detail .terms-content .text-group,
.pop-view-wrap .terms-content .text-group h4,
.pop-view-wrap .terms-content .text-group h5 {font-size:16px; color:#666666;}

.pop-view-wrap .agree-terms-check-content .agree-terms-inner {height:auto;}
.pop-view-wrap .agree-terms-check-content .agree-terms-inner .form-check-icon em {font-weight:500;}

.pop-view-detail .info-table-body .table-data table > tbody > tr > td {font-weight:400;}
.pop-view-detail .table-header-info {color:#666666;}
.pop-view-detail .table-header-info + .table-body-info {margin-top:24px;}
.pop-view-detail .table-body-info + .table-footer-info {margin-top:24px;}

.alert-pop-msg .find-email-pop .email {display:inline-block; font-weight:600; color:#0039c0;}

.pop-view-wrap .agree-terms-check-content .agree-terms-inner {border:0; padding:0;}


/* 로그인 */
.login-data-wrap {width:540px; margin:0 auto; padding-top:40px;}

.login-data-wrap .form-input-items + .btn-login {margin-top:36px;}
.login-data-wrap .form-icon-input .form-input {padding-left:64px;}
.login-data-wrap .form-icon-input + .form-icon-input {margin-top:8px;}

.login-data-wrap .find-login-group {display:flex; margin-top:24px; justify-content:center;}
.login-data-wrap .find-login-group .btn-item {position:relative; padding:0 12px;}
.login-data-wrap .find-login-group .btn-item:before {content:''; position:absolute; left:0; top:50%; width:1px; height:16px; background:#c9c9c9; transform:translateY(-50%);}
.login-data-wrap .find-login-group .btn-item:first-child:before {content:none;}
.login-data-wrap .find-login-group .btn-item > a {display:block; padding:0 12px; color:#666666;}

.login-data-wrap .find-login-group + .login-register-wrap {margin-top:64px;}
.login-data-wrap .login-register-outer {padding:32px 40px; border-radius:24px; background:#f6f6f6;}
.login-data-wrap .login-register-inner {display:flex; align-items:flex-end;}
.login-data-wrap .login-register-inner .login-register-text {margin-top:14px; color:#808080;}
.login-data-wrap .login-register-inner .inner-right {margin-left:auto;}

/* .page-title-content + .page-body .contents-title-wrap {padding-top:24px;} */

.contents-title-wrap {padding-bottom:32px; border-bottom:1px solid #c9c9c9;}
.contents-title-wrap h3.contents-title {font-size:32px; font-weight:700;}
.contents-title-wrap .contents-title + .contents-sub-text {margin-top:16px;}
.contents-title-wrap .contents-sub-text {color:#666666;}

.login-wrap .contents-title-wrap + .form-wrap {padding-top:32px;}
.login-wrap .form-wrap + .btn-page-wrap {margin-top:48px;}



/* ===========================
	마이페이지
=========================== */
/* 계정 관리 */
#lnb + #contents .page-title-content .page-title-data {display:flex; align-items:center;}
#lnb + #contents .page-title-content .page-title-data .location-wrap {height:48px; margin-left:auto; padding-bottom:0;}

.mypage-wrap .page-tab-wrap {margin-top:32px; padding-bottom:32px;}

.account-agree-terms-form + .btn-page-wrap {margin-top:48px;}

.account-info-wrap .account-profile-form + .account-agree-terms-form {margin-top:63px;}
.account-info-wrap .grid-layout-cell.grid-1 .form-input-items .item-detail + .item-detail-info > .box-info-wrap {width:100%;}

/* 계정 관리 > 회원 탈퇴 */
.account-leave-wrap .form-data-info + .symbol-text-wrap {margin-top:40px;}

.account-leave-wrap .symbol-text-wrap + .form-wrap {margin-top:40px;}
.account-leave-wrap .symbol-text-item + .symbol-text-item {margin-top:12px;}
.account-leave-wrap .form-wrap + .symbol-text-wrap {margin-top:14px;}
.account-leave-wrap .symbol-text-wrap + .btn-page-wrap {margin-top:12px;}

.mypage-wrap .board-list-wrap {margin-top:56px;}

.board-list-body .page-result-info-wrap {margin-top:0; padding:88px 0; border-top:1px solid #c9c9c9;}
.board-list-body .page-result-info-wrap .page-info-inner .page-info-title {font-size:24px; font-weight:500;}
.board-list-body .page-result-info-wrap .page-info-inner .page-info-title + .page-info-description {margin-top:16px;}
.board-list-body .page-result-info-wrap .page-info-inner + .btn-page-wrap {margin-top:32px;}

/* 다운로드 내역 */
.card-list-wrap {}
.card-list-wrap .card-list-item {}
.card-list-wrap .card-list-item + .card-list-item {margin-top:8px;}
.card-list-wrap .card-list-item .card-list-inner {display:block; border:1px solid #c9c9c9; border-radius:12px; overflow:hidden;}
.card-list-wrap .card-list-inner .card-list-top {padding:31px 47px 24px;}

.card-data-row {display:flex; align-items:center; width:100%;}
.card-data-row + .card-data-row {margin-top:16px;}
.card-data-row .card-data-left {display:flex; width:100%;}
.card-data-row .card-data-left .classification-group {display:inline-flex; width:100%; font-size:18px; line-height:27px; font-weight:400;}
.card-data-row .card-data-right {display:flex; margin-left:auto;}
.card-data-row .card-download-type {margin-top:8px; color:#808080; font-weight:400;}
.card-data-row .card-download-file {margin-top:16px;}

.download-info-group {display:inline-flex; align-items:center; color:#808080; font-weight:400;}
.download-info-group .download-file {display:inline-flex; align-items:center;}
.download-info-group .download-file .name {flex:1;}
.download-info-group .icon {margin-right:8px;}
.download-info-group .icons {position:relative; width:24px; height:24px; margin-right:8px; flex:0 0 auto;}
.download-info-group .icons .on,
.download-info-group .icons .off {position:absolute; top:0; left:0; width:24px; height:24px;}
.download-info-group .icons .on {opacity:0;}
.download-info-group .icons .off {opacity:1;}
.download-info-group .download-byte {position:relative; flex:0 0 auto;}
.download-info-group .download-byte:after {content:''; position:absolute; left:0; top:50%; width:1px; height:16px; background-color:#a5a5a5; transform:translateY(-50%); opacity:0;}
.download-info-group .download-file + .download-byte {margin-left:12px; padding-left:12px;}
.download-info-group .download-file + .download-byte:after {opacity:1;}
.download-info-group .download-num {position:relative; flex:0 0 auto;}
.download-info-group .download-num:after {content:''; position:absolute; left:0; top:50%; width:1px; height:16px; background-color:#a5a5a5; transform:translateY(-50%); opacity:0;}
.download-info-group .download-byte + .download-num {margin-left:12px; padding-left:12px;}
.download-info-group .download-byte + .download-num:after {opacity:1;}
a.download-info-group, button.download-info-group {display:flex; align-items:center; width:100%; padding:12px 24px; font-size:16px; color:#a5a5a5; text-align:left; background:#f6f6f6; border-radius:10px; box-sizing:border-box;}
a.download-info-group .icon-attach-file-blue, button.download-info-group .icon-attach-file-blue {position:relative; background:none; flex:0 0 auto;}
a.download-info-group .icon-attach-file-blue:after, button.download-info-group .icon-attach-file-blue:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/icon/icon-attach-file-blue.png) center center no-repeat; background-size:auto 100%; opacity:0;}
a.download-info-group .icon-attach-file-blue:before, button.download-info-group .icon-attach-file-blue:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/icon/icon-attach-file-gray2.png) center center no-repeat; background-size:auto 100%; opacity:1;}
a.download-info-group:hover, button.download-info-group:hover {color:#808080; background:#e6ecf9;}
a.download-info-group:hover .icon-attach-file-blue:after, button.download-info-group:hover .icon-attach-file-blue:after {opacity:1;}
a.download-info-group:hover .icon-attach-file-blue:before, button.download-info-group:hover .icon-attach-file-blue:before {opacity:0;}

.card-list-wrap .card-list-inner .card-list-bottom {display:flex; padding:11px 47px; border-top:1px solid #ededed;}
.card-list-wrap .card-list-inner .card-list-bottom .card-data-left {display:flex; align-items:center;}
.card-list-wrap .card-list-inner .card-list-bottom .data-col {margin-right:24px;}
.card-list-wrap .card-list-inner .card-list-bottom .data-col:last-child {margin-right:0;}
.card-list-wrap .card-list-inner .card-list-bottom .data-col .card-download-time {font-size:14px; color:#a5a5a5;}
.card-list-wrap .card-list-inner .card-list-bottom .card-data-right {margin-left:auto;}

/* 문의내역 */
.board-body-data table > tbody > tr > td.text-align-left .td-col .label + div {margin-left:16px;}

/* 문의내역 > 상세보기 */
.mypage-counsel-wrap {padding-top:56px;}
.mypage-wrap .board-view-header .view-group .board-title {font-size:32px; font-weight:700; color:#252525; line-height:48px;}

/* 게시판 상세 > 첨부파일 */

.mypage-counsel-wrap .board-list-wrap:first-child {margin-top:0;}

/* 주주 공지 */
/* .stockholder-wrap {padding-top:24px;} */
.contents-tab-wrap + .data-sort-wrap {margin-top:32px;}
.data-sort-group .form-input-search {width:360px;}

.page-result-info-wrap + .board-list-wrap {margin-top:72px;}

/* 마이페이지 > 팝업 > 수료증 */
.training-diploma-ui {position:absolute; top:0; left:0; margin:16px 0 0 16px; z-index:2;}
.training-diploma-ui .btn-basic {height:32px; width:auto; padding:0 12px 0 8px; color:#666666; font-size:14px; line-height:30px; border-radius:8px; border:none; background-color:#f6f6f6;}
.training-diploma-ui .btn-basic .icon {margin-right:4px;}

.training-diploma-content {position:relative; padding:95px 92px 65px; border-radius:8px; background-color:#fff; color:#1a1919;}
.training-diploma-content .ci-logo {position:absolute; top:50%; left:50%; width:370px; height:100px; transform:translate(-50%, 18%);}
.training-diploma-content .content-title {padding:0 0 40px;}
.training-diploma-content .content-title h4 {padding-left:46px; font-size:32px; font-weight:700; line-height:48px; text-align:center; letter-spacing:46px;}
.training-diploma-content .diploma-number {padding:0 36px; font-weight:500; line-height:26px;}
.training-diploma-content .content-title h4 {padding-left:46px; font-size:32px; font-weight:700; line-height:48px; text-align:center; letter-spacing:46px;}
.training-diploma-content .diploma-number {width:360px; margin:0 auto; padding:0 30px 0 36px; font-weight:500; line-height:26px; box-sizing:border-box;}
.training-diploma-content .diploma-number + .diploma-info-list {margin-top:8px;}
.training-diploma-content .diploma-info-list {width:360px; margin:0 auto; padding:0 30px 0 36px; font-weight:400; line-height:26px; box-sizing:border-box;}
.training-diploma-content .diploma-info-list .diploma-list-item {display:flex;}
.training-diploma-content .diploma-info-list .diploma-list-item .diploma-list-subject {position:relative; flex:0 0 auto; padding-right:12px; letter-spacing:18px;}
.training-diploma-content .diploma-info-list .diploma-list-item .diploma-list-subject:after {content:':'; position:absolute; top:0;}
.training-diploma-content .diploma-info-list .diploma-list-item .diploma-list-content {padding-left:12px;}
.training-diploma-content .diploma-info-list .diploma-list-item .diploma-list-content .custom-text {font-size:10px; width:14px; margin-right:4px;}
.training-diploma-content .diploma-info-list .diploma-list-item .diploma-list-content .custom-text:after {width:14px; height:14px;}
.training-diploma-content .diploma-info-list + .diploma-text {margin-top:48px;}
.training-diploma-content .diploma-text {position:relative; font-size:22px; font-weight:500; line-height:32px; text-align:center;}
.training-diploma-content .diploma-date {margin-top:40px;}
.training-diploma-content .diploma-date .date {color:#808080; line-height:26px; text-align:center;}
.training-diploma-content .diploma-person {position:relative; margin-top:40px; text-align:center;}
.training-diploma-content .diploma-person .person {position:relative; font-size:22px; font-weight:500; line-height:32px; z-index:1;}
.training-diploma-content .diploma-person .person-seal {content:''; position:absolute; top:50%; left:50%; width:50px; height:50px; margin-left:102px; transform:translateY(-50%); z-index:0;}
.training-diploma-content .custom-text {position:relative; display:inline-block; width:18px; margin-right:1px; font-size:14px; font-weight:500; text-align:center;}
.training-diploma-content .custom-text:after {content:''; position:absolute; top:50%; left:50%; width:18px; height:18px; font-size:16px; border:1px solid #1a1919; border-radius:50%; box-sizing:border-box; transform:translate(-50%, -50%);}

/* 라이선스 신청 내역 */
.card-list-wrap {}
.mypage-license-wrap .card-list-item .card-list-top {padding:32px 46px;}
.card-list-item .card-list-top .classification {font-size:18px; font-weight:600;}
.card-list-item .card-data-row + .card-data-table {margin-top:16px;}
.card-data-table .data-table-inner {display:flex; flex-wrap:wrap; margin:-8px -12px;}
.card-data-table .data-table-inner .data-table-item {display:flex; width:50%; padding:8px 12px; box-sizing:border-box;}
.card-data-table .data-table-inner .data-table-item .subject {flex:0 0 auto; width:93px; font-size:16px; font-weight:500;}
.card-data-table .data-table-inner .data-table-item .data {color:#808080;}
.card-list-wrap .card-data-table + .card-data-table {position:relative; margin-top:24px; padding-top:24px;}
.card-list-wrap .card-data-table + .card-data-table:after {content:'';position:absolute; top:0; left:-50%; width:100vw; height:1px; background-color:#ededed;}

.card-list-item.disabled .card-list-inner {background-color:#f6f6f6;}
.card-list-item.disabled .card-list-top .classification {color:#c9c9c9;}
.card-list-item.disabled .card-data-table .data-table-inner .data-table-item {color:#c9c9c9;}
.card-list-item.disabled .card-data-table .data-table-inner .data-table-item .data {color:#c9c9c9;}



/* ===========================
	통합검색
=========================== */
.search-result-wrap {padding:144px 0 0;}
.search-result-wrap .search-result-form {width:552px; margin:0 auto;}
.search-result-wrap .search-result-form .form-input-search input {font-size:20px;}

.search-result-wrap .search-result-form + .page-result-info-wrap {margin-top:64px;}
.search-result-wrap .page-result-info-wrap .page-info-title + .symbol-text-group {margin-top:24px;}
.search-result-wrap .page-result-info-wrap .symbol-text-group {margin:auto; width:300px;}
.search-result-wrap .page-result-info-wrap .symbol-text-item {font-weight:300;}

.search-result-wrap .page-result-info-wrap + .search-result-content {margin-top:72px;}
.search-result-content {}
.search-result-content .result-card-wrap {}
.result-card-wrap .result-card-item + .result-card-item {margin-top:16px;}
.result-card-wrap .result-card-item .result-card-inner {display:block; padding:48px; border:1px solid #c9c9c9; border-radius:24px; background-color:#fff; box-sizing:border-box; color:#808080;}
.result-card-wrap .result-card-item .result-card-inner:hover {border-color:#f6f6f6; background-color:#f6f6f6;}
.result-card-wrap .result-card-item .result-card-inner .result-word.search {font-size:24px; font-weight:500; color:#252525;}
.result-card-wrap .result-card-item .result-card-inner .result-breadcrumbs {display:flex; align-items:center; height:56px;}
.result-card-wrap .result-card-item .result-card-inner .result-url {font-weight:300;}
.result-card-wrap .result-card-item .result-card-inner .result-text {margin-top:8px; max-height:52px; font-weight:300; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.result-card-wrap .result-card-item .result-card-inner .result-word {display:inline-block; font-size:16px; font-weight:500; color:#333333;}

.search-result-content .result-card-wrap + .paging-wrap {margin-top:40px;}



/* ===========================
	도입 사례, 주주게시판, 개인정보처리방침, 사이트 이용약관, 공통오류페이지
=========================== */
/* 도입 사례 */
/* .case-study-wrap {padding-top:24px;} */

.case-study-content {display:none;}
.case-study-content.actived {display:block;}

.case-study-wrap .contents-tab-wrap .contents-tab-button + .contents-tab-data {padding-top:80px;}
.case-study-header {padding:0px 0 64px}
.case-study-header .case-key-copy {color:#1a1919; font-size:22px; font-weight:600;}
.case-study-header .case-description {margin-top:8px; color:#4d4d4d; font-weight:300;}

.case-study-body {position:relative; margin-bottom:-160px; ;background-color:#f2f5fc;}
/* .case-study-body:before {content:''; position:absolute; top:0; left:50%; width:99.32vw; height:100%; transform:translateX(-50%);background-color:#f2f5fc;} */
.case-study-body .case-card-list-wrap {position:relative; width:1128px; margin:auto; padding:40px 0 120px;}
.case-study-body .case-card-list-wrap .case-card-list-item + .case-card-list-item {margin-top:16px;}

.case-card-list {display:block; padding:48px; border:1px solid #ededed; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.case-card-list .case-list-inner {display:flex;}
.case-card-list .case-list-inner .case-list-group {}
.case-card-list .case-list-inner .case-list-group + .case-list-group {padding-left:80px;}
.case-card-list .case-list-inner .case-card-logo {/*padding-top:34px;*/}
.case-card-list .case-list-inner .case-card-logo .case-logo {position:relative; width:200px; height:124px;}
.case-card-list .case-list-inner .case-card-logo .case-logo > img {width:100%; height:100%; object-fit:cover;}
.case-card-list .case-list-inner .case-card-subject {font-size:24px; font-weight:500; color:#1a1919;}
.case-card-list .case-list-inner .case-card-key-copy {margin-top:16px; font-size:16px; font-weight:300; color:#4d4d4d;}
.case-card-list .case-list-inner .case-card-sticker {display:flex; margin-top:24px;}
.case-card-list .case-list-inner .case-card-sticker .card-sticker-item + .card-sticker-item {margin-left:8px;}

.card-view-wrap {}
.card-view-header {padding:0 0 85px;}
.card-view-header .card-view-inner {display:flex; width:100%; padding:24px; border-radius:24px; box-shadow:0px 12px 14.72px 1.28px rgba(0, 0, 0, 0.05); background-color:#fff; box-sizing:border-box;}
.card-view-header .card-view-logo {width:264px; height:264px; padding:69px 31px; border:1px solid #ededed; border-radius:8px; background-color:#fff; overflow:hidden; box-sizing:border-box;}
.card-view-header .card-view-logo .case-logo {position:relative; width:100%; height:100%;}
.card-view-header .card-view-logo .case-logo > img {width:100%; height:100%; object-fit:cover;}
.card-view-header .card-header-right {width:calc(100% - 264px); margin-left:auto; padding-left:32px;}
.card-view-header .card-section-sticker + .card-title {margin-top:8px;}
.card-view-header .card-title {font-size:24px; font-weight:600; color:#1a1919}
.card-view-header .card-title + .card-sticker-wrap {margin-top:16px;}
.card-view-header .card-sticker-wrap {display:flex; margin:-2px;}
.card-view-header .card-sticker-wrap .view-sticker-item {padding:2px;}
.card-view-header .case-view-key-copy {margin-top:24px; padding-right:50px; color:#1a1919; font-size:18px; box-sizing:border-box;}

.card-view-body {position:relative; margin-bottom:-160px;}
.card-view-body:before {content:''; position:absolute; top:0; left:50%; height:100%; width:99.3vw; background-color:#fff; transform:translateX(-50%);}
.card-view-body .case-view-wrap {position:relative; width:1128px; margin:auto; padding:48px 0 120px;}
.case-view-section .view-section-subject {color:#1a1919; font-size:24px; font-weight:600;}
.case-view-section .view-section-subject + .view-section-content {margin-top:16px;}
.case-view-section .view-section-content .view-border-card {height:100%; padding:30px; color:#4d4d4d; font-weight:300; line-height:26px; border:1px solid #c9c9c9; border-radius:24px; background-color:#fff; box-sizing:border-box;}
.case-view-section .view-section-content .view-border-card ul {margin-left:18px; list-style:disc;}
.case-view-section .view-section-content .view-border-card .symbol-text-item {color:#4d4d4d; font-weight:300; line-height:26px;}
.card-view-body .case-view-content.grid-layout-inner .view-section-content {height:calc(100% - 52px);}

.card-view-body .case-view-content + .case-view-content {margin-top:60px;}
.card-view-body .case-view-content .case-view-card-wrap {display:flex; flex-wrap:wrap; margin:-12px;}
.card-view-body .case-view-content .case-view-card-wrap .case-view-card-item {width:33.333%; padding:12px; box-sizing:border-box;}
.card-view-body .case-view-content .case-view-card-wrap .case-view-card-outer {display:block; height:100%; padding:32px; border-radius:24px; background-color:#f6f6f6; box-sizing:border-box;}
.card-view-body .case-view-content .case-view-card-wrap .item-key-copy {width:80%; min-height:60px; margin-top:16px; font-size:20px; font-weight:500; color:#1a1919;;}
.card-view-body .case-view-content .case-view-card-wrap .item-description {margin-top:16px; font-size:16px; font-weight:300; color:#4d4d4d;}

.card-view-body .case-view-content + .btn-page-wrap {margin-top:64px;}

/* 개인정보처리방침 */
/* .privacy-wrap, .provision-wrap {padding-top:24px;} */
.admin-text-contents {line-height:26px; color:#4d4d4d; font-weight:400;}
.admin-text-contents .text-group + .text-group {margin-top:26px;}
.admin-text-contents .text-group h3 {color:#1a1919; font-size:22px; font-weight:600; line-height:34px;}
.admin-text-contents .text-group h3 + .text-group {margin-top:8px;}
.admin-text-contents .text-group h4 {color:#4d4d4d; font-size:16px; font-weight:500; line-height:26px;}

.admin-text-contents + .previous-privacy-content {margin-top:40px;}
.previous-privacy-content .previous-privacy-subject {font-size:18px; font-weight:500;}
.previous-privacy-content .previous-privacy-subject + .previous-privacy-select {margin-top:16px;}
.previous-privacy-content .previous-privacy-select {width:540px;}

/* 공통오류페이지 */
.etc .page-result-info-wrap {padding:60px 0; margin-top:150px;}
.page-result-info-wrap .page-error-table {width:560px; margin:0 auto;}
.page-result-info-wrap .page-info-inner + .page-error-table {margin-top:30px;}
.page-result-info-wrap .info-table-body .table-data table > tbody > tr > td {font-weight:500;}

.stockholder-wrap .page-result-info-wrap {margin:0; padding:0;}
.stockholder-wrap .data-sort-wrap + .page-result-info-wrap {margin-top:64px;}


@media screen and (max-width:1281px){
    .case-study-body {left:0; width:100%; margin-left:0; background-color:transparent;}
    .case-study-body .case-card-list-wrap {width:100%;}
    .container-fuild {position:relative; left:50%; width:1280px; margin-left:-640px; overflow:hidden;}
}