@charset "UTF-8";
/*======================================플러그인======================================*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ''; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-lightbox { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: black; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.slick-lightbox .slick-loading .slick-list { background-color: transparent; }

.slick-lightbox .slick-prev { left: 15px; }

.slick-lightbox .slick-next { right: 15px; }

.slick-lightbox-hide { opacity: 0; }

.slick-lightbox-hide.slick-lightbox-ie { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); }

.slick-lightbox-hide-init { position: absolute; top: -9999px; opacity: 0; }

.slick-lightbox-hide-init.slick-lightbox-ie { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); }

.slick-lightbox-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.slick-lightbox-slick-item { text-align: center; overflow: hidden; }

.slick-lightbox-slick-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; margin-bottom: 20px; }

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { display: block; text-align: center; }

.slick-lightbox-slick-item-inner { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 90%; }

.slick-lightbox-slick-img { margin: 0 auto; display: block; max-width: 90%; max-height: 90%; }

.slick-lightbox-slick-caption { margin: 10px 0 0; color: white; }

.slick-lightbox-close { position: absolute; top: 15px; right: 15px; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; }

.slick-lightbox-close:focus { outline: none; }

.slick-lightbox-close:before { font-family: 'slick'; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '×'; }

/*======================================헬퍼&유틸======================================*/
.skip-wrap { position: fixed; }

.skip-nav { position: absolute; top: -100px; left: -100%; color: #fff; background: #333; font-size: 1.6em; transition: left 0.3s ease; }

.skip-nav:focus { display: block; position: fixed; top: 0; left: 0; min-width: 100px; z-index: 9999; padding: 15px; font-weight: 400; line-height: 1.3; text-align: left; vertical-align: middle; }

[is-hidden], .is-hidden { display: none; }

.blind, .hide { position: absolute !important; overflow: hidden; display: inline-block; height: 1px; width: 1px; border: 0; margin: -1px; font-size: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.blind.block, .hide.block { display: block; }

@media (max-width: 768px) { [only-desktop], .show-only-desktop { display: none !important; } }

@media (min-width: 769px) { [only-mobile], .show-only-mobile { display: none !important; } }

/*======================================리셋======================================*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html { -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: keep-all; }

body { min-width: 320px; }

/*============================폰트 적용 시, 상대주소 확인 필요============================*/
/* noto-sans-kr fonts */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url("/fonts/noto-sans-kr-v8-korean-100.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Thin"), local("NotoSansKR-Thin"), url("/fonts/noto-sans-kr-v8-korean-100.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-sans-kr-v8-korean-100.woff2") format("woff2"), url("/fonts/noto-sans-kr-v8-korean-100.woff") format("woff"), url("/fonts/noto-sans-kr-v8-korean-100.ttf") format("truetype"), url("/fonts/noto-sans-kr-v8-korean-100.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("/fonts/noto-sans-kr-v8-korean-300.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("/fonts/noto-sans-kr-v8-korean-300.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-sans-kr-v8-korean-300.woff2") format("woff2"), url("/fonts/noto-sans-kr-v8-korean-300.woff") format("woff"), url("/fonts/noto-sans-kr-v8-korean-300.ttf") format("truetype"), url("/fonts/noto-sans-kr-v8-korean-300.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("/fonts/noto-sans-kr-v8-korean-regular.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("/fonts/noto-sans-kr-v8-korean-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-sans-kr-v8-korean-regular.woff2") format("woff2"), url("/fonts/noto-sans-kr-v8-korean-regular.woff") format("woff"), url("/fonts/noto-sans-kr-v8-korean-regular.ttf") format("truetype"), url("/fonts/noto-sans-kr-v8-korean-regular.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("/fonts/noto-sans-kr-v8-korean-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("/fonts/noto-sans-kr-v8-korean-500.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-sans-kr-v8-korean-500.woff2") format("woff2"), url("/fonts/noto-sans-kr-v8-korean-500.woff") format("woff"), url("/fonts/noto-sans-kr-v8-korean-500.ttf") format("truetype"), url("/fonts/noto-sans-kr-v8-korean-500.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("/fonts/noto-sans-kr-v8-korean-700.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("/fonts/noto-sans-kr-v8-korean-700.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-sans-kr-v8-korean-700.woff2") format("woff2"), url("/fonts/noto-sans-kr-v8-korean-700.woff") format("woff"), url("/fonts/noto-sans-kr-v8-korean-700.ttf") format("truetype"), url("/fonts/noto-sans-kr-v8-korean-700.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("/fonts/noto-sans-kr-v8-korean-900.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Black"), local("NotoSansKR-Black"), url("/fonts/noto-sans-kr-v8-korean-900.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-sans-kr-v8-korean-900.woff2") format("woff2"), url("/fonts/noto-sans-kr-v8-korean-900.woff") format("woff"), url("/fonts/noto-sans-kr-v8-korean-900.ttf") format("truetype"), url("/fonts/noto-sans-kr-v8-korean-900.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* roboto fonts */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url("/fonts/roboto-v18-latin-100.eot"); /* IE9 Compat Modes */ src: local("Roboto Thin"), local("Roboto-Thin"), url("/fonts/roboto-v18-latin-100.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v18-latin-100.woff2") format("woff2"), url("/fonts/roboto-v18-latin-100.woff") format("woff"), url("/fonts/roboto-v18-latin-100.ttf") format("truetype"), url("/fonts/roboto-v18-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url("/fonts/roboto-v18-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Light"), local("Roboto-Light"), url("/fonts/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v18-latin-300.woff2") format("woff2"), url("/fonts/roboto-v18-latin-300.woff") format("woff"), url("/fonts/roboto-v18-latin-300.ttf") format("truetype"), url("/fonts/roboto-v18-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("/fonts/roboto-v18-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("/fonts/roboto-v18-latin-regular.woff") format("woff"), url("/fonts/roboto-v18-latin-regular.ttf") format("truetype"), url("/fonts/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("/fonts/roboto-v18-latin-500.eot"); /* IE9 Compat Modes */ src: local("Roboto Medium"), local("Roboto-Medium"), url("/fonts/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v18-latin-500.woff2") format("woff2"), url("/fonts/roboto-v18-latin-500.woff") format("woff"), url("/fonts/roboto-v18-latin-500.ttf") format("truetype"), url("/fonts/roboto-v18-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("/fonts/roboto-v18-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold"), local("Roboto-Bold"), url("/fonts/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v18-latin-700.woff2") format("woff2"), url("/fonts/roboto-v18-latin-700.woff") format("woff"), url("/fonts/roboto-v18-latin-700.ttf") format("truetype"), url("/fonts/roboto-v18-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */ }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url("/fonts/roboto-v18-latin-900.eot"); /* IE9 Compat Modes */ src: local("Roboto Black"), local("Roboto-Black"), url("/fonts/roboto-v18-latin-900.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v18-latin-900.woff2") format("woff2"), url("/fonts/roboto-v18-latin-900.woff") format("woff"), url("/fonts/roboto-v18-latin-900.ttf") format("truetype"), url("/fonts/roboto-v18-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */ }

/*======================================공통 레이아웃======================================*/
/*레이아웃 2019 - 이전 레이아웃 수정*/
.gnb { position: static; z-index: auto; }

@media (max-width: 768px) { .gnb { position: static; } }

.gnb + .content { padding-top: 100px; }

@media (max-width: 768px) { .gnb + .content { padding-top: 50px; } }

.nav { top: 100px; }

.content { padding-top: 100px; }

@media (max-width: 768px) { .content { padding-top: 50px; } }

.container { padding-bottom: 0; }

.container:lang(en) { padding-bottom: 0; }

#btn_page_top { display: none !important; }

.footer { position: static; bottom: auto; border: none; background: none; }

.navigation-header *, .navigation-header *:after, .navigation-header *:before { box-sizing: border-box; font-family: 'Roboto', 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; }

.navigation-header { top: 0; right: 0; left: 0; z-index: 1000; margin: 0 auto; background: #fff; }

@media (max-width: 768px) { .navigation-header { position: absolute; width: 100%; height: 51px; border-bottom: 1px solid #b3b3b3; overflow: hidden; } }

@media (min-width: 769px) { .navigation-header { position: fixed; min-width: 1205px; height: 100px; box-sizing: border-box; } }

.navigation-header::after { content: ''; position: absolute; top: 98px; left: 0; z-index: -1; width: 100%; height: 2px; background: rgba(224, 0, 41, 0.7); background: -moz-linear-gradient(left, rgba(224, 0, 41, 0.7) 0%, rgba(239, 128, 9, 0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224, 0, 41, 0.7)), color-stop(100%, rgba(239, 128, 9, 0.9))); background: -webkit-linear-gradient(left, rgba(224, 0, 41, 0.7) 0%, rgba(239, 128, 9, 0.9) 100%); background: -o-linear-gradient(left, rgba(224, 0, 41, 0.7) 0%, rgba(239, 128, 9, 0.9) 100%); background: -ms-linear-gradient(left, rgba(224, 0, 41, 0.7) 0%, rgba(239, 128, 9, 0.9) 100%); background: linear-gradient(to right, rgba(224, 0, 41, 0.7) 0%, rgba(239, 128, 9, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00029', endColorstr='#ef8009', GradientType=1 ); }

@media (max-width: 768px) { .navigation-header::after { display: none; } }

@media (min-width: 769px) { .navigation-header::after { display: block; } }

.navigation-header::before { content: ''; position: absolute; top: 100px; left: 0; z-index: -1; width: 100%; height: 0; border-top: 1px solid rgba(255, 255, 255, 0); background: rgba(249, 249, 249, 0); transition: all 0.1s ease; }

@media (max-width: 768px) { .navigation-header::before { display: none; } }

@media (min-width: 769px) { .navigation-header::before { display: block; } }

.navigation-header.is-active { overflow: visible; }

.navigation-header.is-active::before { z-index: 0; height: 430px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; background: #ececec; }

.navigation-header.is-active:lang(en)::before { height: 568px; /*mib200330 IR미팅 추가*/ }

.navigation-header.is-active .navigation-gnb-d2-list { height: 430px; padding: 16px 10px 0 10px; border-right: 1px solid #d7d7d7; opacity: 1; }

.navigation-header.is-active .navigation-gnb-d2-list:lang(en) { height: 569px; /*mib200330 IR미팅 추가*/ }

.navigation-header.is-active .navigation-gnb-d2-list.d2-list-first { border-left: 1px solid #d7d7d7; }

@media (max-width: 768px) { .navigation-header.is-open { overflow: visible; } }

.navigation-desktop { position: relative; margin: 0 auto; text-align: left; }

@media (max-width: 768px) { .navigation-desktop { display: none; } }

@media (min-width: 769px) { .navigation-desktop { width: 1160px; padding: 50px 142px 0 142px; }
  .navigation-desktop:lang(en) { padding: 50px 149px 0 149px; } }

@media (min-width: 769px) { .navigation-header-logo { display: inline-block; position: absolute; top: 34px; left: 0; width: 99px; height: 40px; text-decoration: none; background: url("/images/common/sktelecom-logo_lg.png") center/contain no-repeat; } }

/*GNB 영역*/
@media (min-width: 769px) { .navigation-header-gnb { width: 100%; font-size: 0; transition: all 0.3s ease; } }

@media (min-width: 769px) { .navigation-gnb-d1-list { display: inline-block; position: relative; vertical-align: top; text-align: center; transition: all 0.3s ease; } }

.navigation-gnb-d1-list[data-d1="d1-list01"] { width: 166px; }

.navigation-gnb-d1-list[data-d1="d1-list01"]:lang(en) { width: 187px; }

.navigation-gnb-d1-list[data-d1="d1-list02"] { width: 166px; }

.navigation-gnb-d1-list[data-d1="d1-list02"]:lang(en) { width: 206px; }

.navigation-gnb-d1-list[data-d1="d1-list02"] .navigation-gnb-d1-link { transform: translate(15px, 0); }

.navigation-gnb-d1-list[data-d1="d1-list03"] { width: 212px; }

.navigation-gnb-d1-list[data-d1="d1-list03"]:lang(en) { width: 253px; }

.navigation-gnb-d1-list[data-d1="d1-list04"] { width: 166px; }

.navigation-gnb-d1-list[data-d1="d1-list04"]:lang(en) { width: 216px; }

.navigation-gnb-d1-list[data-d1="d1-list04"] .navigation-gnb-d1-link { transform: translate(-15px, 0); }

.navigation-gnb-d1-list[data-d1="d1-list05"] { width: 166px; }

.navigation-gnb-d1-list[data-d1="d1-list05"] .navigation-gnb-d1-link { transform: translate(-9px, 0); }

.navigation-gnb-d1-list.is-active .navigation-gnb-d2-list, .navigation-gnb-d1-list.is-opened .navigation-gnb-d2-list, .navigation-gnb-d1-list:hover .navigation-gnb-d2-list, .navigation-gnb-d1-list:focus .navigation-gnb-d2-list { background: #fff; }

.navigation-gnb-d1-list.is-active .navigation-gnb-d1-title, .navigation-gnb-d1-list.is-opened .navigation-gnb-d1-title, .navigation-gnb-d1-list:hover .navigation-gnb-d1-title, .navigation-gnb-d1-list:focus .navigation-gnb-d1-title { color: #e51937; }

.navigation-gnb-d1-link { text-decoration: none; }

@media (min-width: 769px) { .navigation-gnb-d1-link { display: inline-block; position: relative; z-index: 1; height: 36px; padding: 10px; border: none; margin: 0 auto; text-align: center; } }

.navigation-gnb-d1-link.is-opened .navigation-gnb-d1-title, .navigation-gnb-d1-link:focus .navigation-gnb-d1-title, .navigation-gnb-d1-link:hover .navigation-gnb-d1-title { color: #e51937; }

@media (min-width: 769px) { .navigation-gnb-d1-title { font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 0; color: #222; transition: all 0.1s ease; } }

@media (min-width: 769px) { .navigation-gnb-d2-list { position: relative; top: 14px; left: 0; width: 100%; height: 0; font-size: 0; text-align: left; overflow: hidden; opacity: 0; transition: opacity 0.3s ease; } }

.navigation-gnb-d2-list .list-inner { display: inline-block; vertical-align: top; }

.navigation-gnb-d2-list .list-inner.half-left { width: 100px; }

.navigation-gnb-d2-list .list-inner.half-right { width: 90px; }

@media (min-width: 769px) { .navigation-gnb-d2-titlegroup { padding: 3px 0; text-align: left; } }

@media (min-width: 769px) { .navigation-gnb-d2-title { display: block; padding: 10px 10px 9px; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: -0.06em; text-decoration: none; white-space: nowrap; color: #222; transition: color 0.1s ease; }
  .navigation-gnb-d2-title:lang(en) { padding: 7px 10px; font-size: 14px; letter-spacing: 0; } }

.navigation-gnb-d2-title.is-opened, .navigation-gnb-d2-title:hover, .navigation-gnb-d2-title:focus { color: #e51937; }

@media (min-width: 769px) { .navigation-gnb-d2-sub { display: block; padding: 6px 10px 7px; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: -0.06em; text-decoration: none; white-space: nowrap; color: #666; transition: color 0.1s ease; }
  .navigation-gnb-d2-sub:lang(en) { padding: 5px 10px; font-size: 12px; letter-spacing: 0; } }

.navigation-gnb-d2-sub.is-opened, .navigation-gnb-d2-sub:hover, .navigation-gnb-d2-sub:focus { color: #e51937; }

.navigation-gnb-d2-sub:last-child { margin-bottom: 4px; }

.navigation-gnb-d2-sub.letterspacing-m { letter-spacing: -0.025em; }

.navigation-gnb-d2-sub.letterspacing-sm { letter-spacing: -0.075em; }

@media (min-width: 769px) { .navigation-header-util { display: inline-block; position: absolute; top: 57px; right: 0; z-index: 1; width: 126px; height: 40px; border: none; }
  .navigation-header-util:lang(en) { width: 103px; } }

.navigation-header-support-1depth { display: inline-block; position: relative; vertical-align: top; }

@media (min-width: 769px) { .navigation-header-support-1depth .navigation-header-support-title { display: block; width: 85px; height: 22px; padding-left: 10px; border: 1px solid #ccc; margin: 0; font-size: 13px; font-weight: 700; letter-spacing: -0.025em; line-height: 20px; text-align: left; text-decoration: none; vertical-align: top; color: #a8a8a8; background: #fff url("/images/common/icon-arrow-down-gray_lg.png") right 10px top 7px/9px 5px no-repeat; }
  .navigation-header-support-1depth .navigation-header-support-title:lang(en) { width: 62px; padding: 0 8px; } }

@media (min-width: 769px) { .navigation-header-support-1depth .navigation-header-support-title.no-arrow { background: #fff; } }

.navigation-header-support-1depth .support-2depth { height: 0; overflow: hidden; }

@media (min-width: 769px) { .navigation-header-support-1depth .support-2depth { position: absolute; top: 41px; left: -11px; } }

@media (min-width: 769px) { .navigation-header-support-1depth .support-2depth a { display: block; padding: 7px 10px; font-size: 13px; font-weight: 500; letter-spacing: -0.025em; line-height: 1; text-align: center; text-decoration: none; vertical-align: top; color: #333; } }

.navigation-header-support-1depth .support-2depth a:hover, .navigation-header-support-1depth .support-2depth a:focus { color: #e51937; }

@media (min-width: 769px) { .navigation-header-support-1depth.is-active { height: 140px; } }

@media (min-width: 769px) { .navigation-header-support-1depth.is-active .navigation-header-support-title { color: #fff; background: #aaa url("/images/common/icon-arrow-down_lg.png") right 10px top 7px/9px 5px no-repeat; } }

@media (min-width: 769px) { .navigation-header-support-1depth.is-active .support-2depth { width: 110px; height: 100px; padding: 8px 0; border: 1px solid #ccc; background: #fff; } }

@media (min-width: 769px) { .navigation-header-language { display: inline-block; width: 35px; height: 22px; border: 1px solid #ccc; margin: 0 0 0 2px; font-size: 13px; font-weight: 700; line-height: 20px; text-align: center; text-decoration: none; vertical-align: top; color: #fff; background: #b6b6b6; } }

/*모바일 사이드 메뉴*/
@media (min-width: 769px) { .navigation-mobile { display: none; } }

@media (max-width: 768px) { .navigation-side-logo { display: inline-block; width: 71px; height: 27px; background: url("/images/common/sktelecom-logo_lg.png") center/contain no-repeat; margin: 10px 0 0 15px; font-size: 0; } }

@media (max-width: 768px) { .navigation-side-menu-btn { display: inline-block; position: absolute; top: 0; right: 0; padding: 0; border: 0; margin: 0; width: 50px; height: 50px; } }

@media (min-width: 769px) { .navigation-side-menu-btn { display: none; } }

.navigation-side-menu-btn .middle { display: block; position: absolute; top: 24px; right: 15px; width: 20px; height: 2px; background: #e9002b; transition: all 0.3s ease; }

@media (max-width: 768px) { .navigation-side-menu-btn::before { content: ''; display: block; position: absolute; top: 17px; left: 15px; width: 20px; height: 2px; background: #e9002b; transition: all 0.3s ease; } }

@media (max-width: 768px) { .navigation-side-menu-btn::after { content: ''; display: block; position: absolute; top: 31px; left: 15px; width: 20px; height: 2px; background: #e9002b; transition: all 0.3s ease; } }

@media (max-width: 768px) { .navigation-side-wrap { display: none; position: fixed; top: 0; left: 100%; z-index: -1; width: 100%; height: 100%; font-size: 0; background: #fff; transition: -ms-transform 0.3s ease; transition: -moz-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } }

@media (min-width: 769px) { .navigation-side-wrap { display: none; } }

@media (max-width: 768px) { .navigation-header.side-active .navigation-side-wrap { display: block; z-index: 9999; overflow-y: auto; } }

@media (max-width: 768px) { .navigation-header.side-active .navigation-side-dimmed { display: block; } }

.navigation-header.is-open .navigation-side-menu-btn { z-index: 1; }

.navigation-header.is-open .navigation-side-menu-btn .middle { opacity: 0; }

@media (max-width: 768px) { .navigation-header.is-open .navigation-side-menu-btn::before { top: 24px; left: 18px; -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } }

@media (max-width: 768px) { .navigation-header.is-open .navigation-side-menu-btn::after { top: 24px; left: 18px; -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } }

@media (max-width: 768px) { .navigation-header.is-open .navigation-side-wrap { -ms-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); z-index: 10; } }

@media (max-width: 768px) { .navigation-header.is-open .navigation-side-dimmed { height: 100%; z-index: 0; opacity: 1; } }

@media (max-width: 768px) { .navigation-side-header { width: 100%; height: 50px; padding: 10px 15px 10px; border-bottom: 1px solid #ededed; font-size: 0; background: #fff; } }

@media (max-width: 768px) { .navigation-side-support-1depth { display: inline-block; position: relative; z-index: 1; width: 100px; height: 28px; margin-right: 5px; text-align: left; vertical-align: top; color: #222; overflow: hidden; }
  .navigation-side-support-1depth:lang(en) { width: 68px; } }

@media (max-width: 768px) { .navigation-side-support-1depth .navigation-side-support-title { display: block; width: 100%; height: 28px; padding: 0 10px; border: 1px solid #ccc; margin: 0; font-size: 13px; font-weight: 700; letter-spacing: -0.04em; line-height: 26px; text-align: left; text-decoration: none; color: #a8a8a8; background: #fff url("/images/common/icon-arrow-down-gray_lg.png") right 10px top 11px/9px 5px no-repeat; }
  .navigation-side-support-1depth .navigation-side-support-title:lang(en) { background: #fff; } }

@media (max-width: 768px) { .navigation-side-support-1depth .navigation-side-support-title:focus { outline: 1px solid #ccc; } }

@media (max-width: 768px) { .navigation-side-support-1depth .support-2depth { position: absolute; top: 28px; width: 100%; height: 95px; padding: 0; border: 1px solid #ccc; border-top: none; background: #fff; } }

@media (max-width: 768px) { .navigation-side-support-1depth .support-2depth a { display: block; width: 100%; height: 32px; padding: 0 10px; font-size: 13px; font-weight: 400; letter-spacing: -0.04em; line-height: 31px; text-align: left; text-decoration: none; color: #888; } }

.navigation-side-support-1depth .support-2depth a:hover, .navigation-side-support-1depth .support-2depth a:focus { color: #e51937; }

@media (max-width: 768px) { .navigation-side-support-1depth .support-2depth::before { content: ''; position: absolute; top: 0; right: 0; left: 0; width: 80px; height: 1px; margin: 0 auto; background: #ededed; } }

@media (max-width: 768px) { .navigation-side-support-1depth.is-active { height: 124px; } }

@media (max-width: 768px) { .navigation-side-support-1depth.is-active .navigation-side-support-title { border-bottom: 1px solid #fff; background: #fff url("/images/common/icon-arrow-up-gray_lg.png") right 10px top 11px/9px 5px no-repeat; } }

@media (max-width: 768px) { .navigation-side-language { display: inline-block; width: 38px; height: 28px; padding: 0; border: 1px solid #ccc; font-size: 13px; font-weight: 700; line-height: 26px; text-align: center; text-decoration: none; vertical-align: top; color: #a8a8a8; background: #fff; } }

@media (max-width: 768px) { .navigation-side-nav { padding: 32px 15px 16px; font-size: 0; background: #fff; } }

@media (max-width: 768px) { .navigation-side-d1-list { padding-bottom: 9px; } }

@media (max-width: 768px) { .navigation-side-d1-list.is-active { padding-bottom: 7px; } }

@media (max-width: 768px) { .navigation-side-d1-list.is-active .navigation-side-d1-btn { color: #e51937; } }

.navigation-side-d1-list.is-active .navigation-side-d1-btn::before { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); background: #e51937; }

.navigation-side-d1-list.is-active .navigation-side-d1-btn::after { opacity: 0; background: #e51937; }

@media (max-width: 768px) { .navigation-side-d1-list.is-active .navigation-side-d2-list { display: block; height: auto; } }

.navigation-side-d1-list.is-opened .navigation-side-d1-btn { color: #e51937; }

@media (max-width: 768px) { .navigation-side-d1-btn { display: block; position: relative; width: 100%; border: 0; padding: 18px 30px 18px 20px; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 700; line-height: 1; letter-spacing: -0.04em; text-align: left; text-decoration: none; color: #222; } }

.navigation-side-d1-btn::before { content: ''; position: absolute; top: 50%; top: calc(50% - 1px); left: 143px; width: 10px; height: 2px; background: #222; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.3s ease; }

@media (max-width: 768px) { .navigation-side-d1-btn::before { display: block; } }

@media (min-width: 769px) { .navigation-side-d1-btn::before { display: none; } }

.navigation-side-d1-btn::after { content: ''; position: absolute; top: 50%; top: calc(50% - 1px); left: 143px; width: 10px; height: 2px; background: #222; transition: all 0.3s ease; }

@media (max-width: 768px) { .navigation-side-d1-btn::after { display: block; } }

@media (min-width: 769px) { .navigation-side-d1-btn::after { display: none; } }

.navigation-side-d1-btn:lang(en)::before { left: 243px; }

.navigation-side-d1-btn:lang(en)::after { left: 243px; }

@media (max-width: 768px) { .navigation-side-d1-btn.is-opened, .navigation-side-d1-btn:focus, .navigation-side-d1-btn:hover { color: #e51937; } }

.navigation-side-d1-btn.is-opened::before, .navigation-side-d1-btn.is-opened::after, .navigation-side-d1-btn:focus::before, .navigation-side-d1-btn:focus::after, .navigation-side-d1-btn:hover::before, .navigation-side-d1-btn:hover::after { background: #e51937; }

@media (max-width: 768px) { .navigation-side-d2-list { display: none; height: 0; overflow: hidden; } }

@media (max-width: 768px) { .navigation-side-d2-titlegroup { padding-left: 5px; margin-bottom: 8px; } }

@media (max-width: 768px) { .navigation-side-d2-titlegroup a { display: inline-block; text-align: left; text-decoration: none; vertical-align: top; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; letter-spacing: -0.04em; }
  .navigation-side-d2-titlegroup a:lang(en) { letter-spacing: 0; } }

@media (max-width: 768px) { .navigation-side-d2-titlegroup a.is-opened, .navigation-side-d2-titlegroup a:focus, .navigation-side-d2-titlegroup a:hover { color: #e51937; } }

@media (max-width: 768px) { .navigation-side-d2-titlegroup .link-title { display: block; padding: 0 16px; font-size: 18px; font-weight: 500; line-height: 40px; color: #333; } }

@media (max-width: 768px) { .navigation-side-d2-titlegroup .link-sub { display: inline-block; position: relative; padding: 0 16px; font-size: 15px; font-weight: 400; line-height: 34px; color: #666; }
  .navigation-side-d2-titlegroup .link-sub:lang(en) { font-weight: 300; } }

.navigation-side-d2-titlegroup .link-sub::after { content: ''; right: 0; width: 1px; height: 8px; background: #ededed; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media (max-width: 768px) { .navigation-side-d2-titlegroup .link-sub::after { display: block; } }

@media (min-width: 769px) { .navigation-side-d2-titlegroup .link-sub::after { display: none; } }

.navigation-side-d2-titlegroup .link-sub.no-bar::after, .navigation-side-d2-titlegroup .link-sub:last-child::after { display: none; }

@media (max-width: 768px) { .navigation-side-dimmed { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.3s ease; } }

.navigation-side-dimmed.hiding { background: rgba(0, 0, 0, 0); }

@media (min-width: 769px) { .navigation-side-dimmed { display: none; } }

body.on-side { scrollbar-width: thin; -ms-overflow-style: none; }

body.on-side::-webkit-scrollbar { width: 0; }

body.on-side .content { overflow-y: auto; -ms-overflow-style: none; }

/*새로운 푸터*/
.footer-new *, .footer-new *:after, .footer-new *:before { box-sizing: border-box; font-family: 'Roboto', 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; }

.footer-new { position: relative; z-index: 2; width: 100%; overflow: hidden; }

/*신규 패미리사이트*/
.familysite-wrap { position: relative; width: 100%; background: #f9f9f9; }

.familysite-wrap:lang(ko)::before { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #f2f2f2; }

@media (max-width: 768px) { .familysite-wrap:lang(ko)::before { display: none; } }

@media (min-width: 769px) { .familysite-wrap:lang(ko)::before { display: block; } }

.familysite-wrap.is-active .familysite-toggle-btn p::after { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -ms-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; }

.familysite-wrap.is-active .familysite-inner { display: block; height: 944px; }

@media (max-width: 768px) { .familysite-wrap.is-active .familysite-inner { -webkit-animation: familysiteShowM 0.3s 0s forwards ease; -moz-animation: familysiteShowM 0.3s 0s forwards ease; animation: familysiteShowM 0.3s 0s forwards ease; } }

@media (min-width: 769px) { .familysite-wrap.is-active .familysite-inner { -webkit-animation: familysiteShow 0.3s 0s forwards ease; -moz-animation: familysiteShow 0.3s 0s forwards ease; animation: familysiteShow 0.3s 0s forwards ease; } }

.familysite-wrap.is-active .familysite-inner:lang(en) { height: 450px; }

@media (max-width: 768px) { .familysite-wrap.is-active .familysite-inner:lang(en) { -webkit-animation: EngfamilysiteShowM 0.3s 0s forwards ease; -moz-animation: EngfamilysiteShowM 0.3s 0s forwards ease; animation: EngfamilysiteShowM 0.3s 0s forwards ease; } }

@media (min-width: 769px) { .familysite-wrap.is-active .familysite-inner:lang(en) { -webkit-animation: EngfamilysiteShow 0.3s 0s forwards ease; -moz-animation: EngfamilysiteShow 0.3s 0s forwards ease; animation: EngfamilysiteShow 0.3s 0s forwards ease; } }

.familysite-toggle-btn { position: relative; left: 0; z-index: 1; width: 100%; height: 50px; padding: 0; border: 0; margin: 0; background: #ed133b; }

@media (min-width: 769px) { .familysite-toggle-btn { min-width: 1205px; } }

.familysite-toggle-btn p { position: relative; margin: 0 auto; font-weight: 500; text-align: right; color: #fff; }

@media (max-width: 768px) { .familysite-toggle-btn p { width: 100%; padding-right: 40px; font-size: 18px; line-height: 50px; letter-spacing: 0; } }

@media (min-width: 769px) { .familysite-toggle-btn p { width: 1160px; padding-right: 88px; font-size: 16px; line-height: 50px; letter-spacing: 0.05em; } }

.familysite-toggle-btn p::after { content: ''; display: block; position: absolute; top: 0; -ms-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; }

@media (max-width: 768px) { .familysite-toggle-btn p::after { right: 16px; width: 9px; height: 49px; background: url("/images/common/icon-arrow-up_lg.png") center/9px auto no-repeat; } }

@media (min-width: 769px) { .familysite-toggle-btn p::after { right: 60px; width: 10px; height: 50px; background: url("/images/common/icon-arrow-up_lg.png") center/10px auto no-repeat; } }

@media (min-width: 769px) { .msie9 .familysite-toggle-btn.is-fixed { position: relative; bottom: auto; } }

@-o-keyframes familysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto; } }

@-ms-keyframes familysiteShowM { 0% { display: none; height: 0; }
  1% { display: block; height: 0; }
  100% { display: block; height: auto; } }

@-moz-keyframes familysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto; } }

@-webkit-keyframes familysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto; } }

@keyframes familysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto; } }

@-o-keyframes familysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 944px; } }

@-ms-keyframes familysiteShow { 0% { display: none; height: 0; }
  1% { display: block; height: 0; }
  100% { display: block; height: auto; height: 944px; } }

@-moz-keyframes familysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 944px; } }

@-webkit-keyframes familysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 944px; } }

@keyframes familysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 944px; } }

@-o-keyframes EngfamilysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: 402px; } }

@-ms-keyframes EngfamilysiteShowM { 0% { display: none; height: 0; }
  1% { display: block; height: 0; }
  100% { display: block; height: 402px; } }

@-moz-keyframes EngfamilysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: 402px; } }

@-webkit-keyframes EngfamilysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: 402px; } }

@keyframes EngfamilysiteShowM { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: 402px; } }

@-o-keyframes EngfamilysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 305px; } }

@-ms-keyframes EngfamilysiteShow { 0% { display: none; height: 0; }
  1% { display: block; height: 0; }
  100% { display: block; height: auto; height: 305px; } }

@-moz-keyframes EngfamilysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 305px; } }

@-webkit-keyframes EngfamilysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 305px; } }

@keyframes EngfamilysiteShow { 0% { display: none;
    height: 0; }
  1% { display: block;
    height: 0; }
  100% { display: block;
    height: auto;
    height: 305px; } }

.familysite-inner { display: none; position: relative; height: 0; margin: 0 auto; font-size: 0; overflow: hidden; }

@media (min-width: 769px) { .familysite-inner { width: 1040px; }
  .familysite-inner:lang(en) { width: 1160px; } }

.familysite-others { background: #f9f9f9; }

@media (max-width: 768px) { .familysite-others { display: block; padding: 2px 0 9px; } }

@media (min-width: 769px) { .familysite-others { display: inline-block; width: 655px; height: 100%; padding-top: 10px; vertical-align: top; } }

@media (max-width: 768px) { .familysite-others-en:lang(en) { padding: 23px 35px 0; } }

@media (min-width: 769px) { .familysite-others-en:lang(en) { padding: 75px 20px 0; } }

@media (max-width: 768px) { .familysite-others-en:lang(en) .others-link { display: block; } }

@media (min-width: 769px) { .familysite-others-en:lang(en) .others-link { display: inline-block; position: relative; width: 206px; min-height: 100px; padding: 0 0 0 40px; } }

.familysite-others-en:lang(en) .others-link::after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 1px; height: 83px; vertical-align: top; background: #ebebeb; }

@media (max-width: 768px) { .familysite-others-en:lang(en) .others-link::after { display: none; } }

.familysite-others-en:lang(en) .others-link:last-child::after { display: none; }

@media (max-width: 768px) { .familysite-others-en:lang(en) .others-link + .others-link { margin-top: 23px; } }

.familysite-others-en:lang(en) .others-link .link-title { display: block; font-weight: 700; letter-spacing: 0em; color: #222; }

@media (max-width: 768px) { .familysite-others-en:lang(en) .others-link .link-title { font-size: 15px; line-height: 24px; } }

@media (min-width: 769px) { .familysite-others-en:lang(en) .others-link .link-title { font-size: 16px; line-height: 22px; } }

.familysite-others-en:lang(en) .others-link .link-desc { display: block; font-weight: 400; line-height: 20px; letter-spacing: 0em; color: #666; }

@media (max-width: 768px) { .familysite-others-en:lang(en) .others-link .link-desc { font-size: 13px; } }

@media (min-width: 769px) { .familysite-others-en:lang(en) .others-link .link-desc { margin-top: 14px; font-size: 12px; } }

.familysite-others-category { border-bottom: 1px solid #f2f2f2; }

@media (max-width: 768px) { .familysite-others-category { padding: 21px 15px 3px; } }

@media (min-width: 769px) { .familysite-others-category { padding: 32px 0 12px; } }

.familysite-others-category:last-child { border-bottom: none; }

.familysite-others-category .category-title { font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #ed133b; }

@media (max-width: 768px) { .familysite-others-category .category-title { font-size: 11px; } }

@media (min-width: 769px) { .familysite-others-category .category-title { font-size: 14px; } }

@media (max-width: 768px) { .familysite-others-category .category-list { padding-top: 12px; } }

@media (min-width: 769px) { .familysite-others-category .category-list { padding-top: 20px; } }

.familysite-others-category .category-list::after { content: ''; display: table; clear: both; table-layout: fixed; }

.familysite-others-category .category-list li { display: inline-block; float: left; }

@media (max-width: 768px) { .familysite-others-category .category-list li { margin-right: 25px; margin-bottom: 18px; } }

@media (min-width: 769px) { .familysite-others-category .category-list li { margin-top: 38px; } }

@media (min-width: 769px) { .familysite-others-category .category-list li:nth-child(1), .familysite-others-category .category-list li:nth-child(2), .familysite-others-category .category-list li:nth-child(3) { margin-top: 0; } }

@media (min-width: 769px) { .familysite-others-category .category-list li:nth-child(3n-2) { width: 233px; } }

@media (min-width: 769px) { .familysite-others-category .category-list li:nth-child(3n-1) { width: 235px; } }

@media (min-width: 769px) { .familysite-others-category .category-list li:nth-child(3n) { width: 187px; } }

.familysite-others-category .category-list a { display: inline-block; text-decoration: none; }

.familysite-others-category .category-list .title { display: block; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #222; }

@media (max-width: 768px) { .familysite-others-category .category-list .title { font-size: 14px; } }

@media (min-width: 769px) { .familysite-others-category .category-list .title { font-size: 16px; } }

.familysite-others-category .category-list .sub { display: block; padding-top: 14px; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 19px; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .familysite-others-category .category-list .sub { display: none; } }

@media (max-width: 768px) { .familysite-family { display: block; background: #f2f2f2; } }

@media (min-width: 769px) { .familysite-family { display: inline-block; width: 385px; height: 100%; vertical-align: top; } }

.familysite-family .family-list { font-size: 0; }

@media (max-width: 768px) { .familysite-family .family-list { padding: 30px 15px 23px; } }

@media (min-width: 769px) { .familysite-family .family-list { padding: 78px 0 20px 42px; } }

.familysite-family .family-list li { display: inline-block; vertical-align: top; }

@media (max-width: 768px) { .familysite-family .family-list li { width: 50%; padding-bottom: 23px; } }

@media (min-width: 769px) { .familysite-family .family-list li { padding-bottom: 35px; } }

@media (min-width: 769px) { .familysite-family .family-list li:nth-child(2n-1) { width: 213px; } }

@media (min-width: 769px) { .familysite-family .family-list li:nth-child(2n) { width: 130px; } }

.familysite-family .family-list a { display: inline-block; text-decoration: none; }

.familysite-family .family-list .title { display: block; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #222; }

@media (max-width: 768px) { .familysite-family .family-list .title { font-size: 14px; } }

@media (min-width: 769px) { .familysite-family .family-list .title { font-size: 16px; } }

.familysite-family .family-list .sub { display: block; font-family: 'Noto Sans KR', 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 300; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .familysite-family .family-list .sub { padding-top: 10px; font-size: 11px; line-height: 15px; } }

@media (min-width: 769px) { .familysite-family .family-list .sub { padding-top: 14px; font-size: 12px; line-height: 19px; } }

/*신규 인포*/
.information-footer *, .information-footer *:after, .information-footer *:before { box-sizing: border-box; font-family: 'Roboto', 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; }

.information-footer { width: 100%; background: #262626; }

.information-footer-inner { position: relative; margin: 0 auto; font-size: 0; text-align: left; }

@media (max-width: 768px) { .information-footer-inner { width: 100%; padding: 0; } }

@media (min-width: 769px) { .information-footer-inner { width: 1160px; padding: 64px 60px 72px 200px; } }

.information-info-logo { display: block; background: url("/images/common/sktelecom-logo-bw_lg.png") center/contain no-repeat; }

@media (max-width: 768px) { .information-info-logo { width: 66px; height: 26px; margin: 20px 15px 19px; } }

@media (min-width: 769px) { .information-info-logo { position: absolute; top: 40px; left: 60px; width: 89px; height: 35px; } }

@media (max-width: 768px) { .information-terms { padding: 25px 15px 6px; border-bottom: 1px solid #303030; } }

@media (min-width: 769px) { .information-terms { vertical-align: top; } }

.information-terms .terms-ul { font-size: 0; }

.information-terms .terms-ul li { display: inline-block; vertical-align: top; }

@media (max-width: 768px) { .information-terms .terms-ul li { margin-bottom: 18px; } }

.information-terms .terms-ul li + li::before { content: ''; display: inline-block; width: 1px; }

@media (max-width: 768px) { .information-terms .terms-ul li + li::before { height: 10px; margin: 1px 15px; background: #303030; } }

@media (max-width: 768px) and (max-width: 359px) { .information-terms .terms-ul li + li::before { margin: 1px 9px; } }

@media (min-width: 769px) { .information-terms .terms-ul li + li::before { height: 9px; margin: 1px 10px; background: #646464; } }

.information-terms .terms-ul br + li::before { content: ''; display: inline-block; width: 1px; }

@media (max-width: 768px) { .information-terms .terms-ul br + li::before { display: none; } }

@media (min-width: 769px) { .information-terms .terms-ul br + li::before { height: 9px; margin: 1px 10px; background: #646464; } }

.information-terms .terms-ul a { display: inline-block; font-size: 12px; font-weight: 300; line-height: 1; letter-spacing: 0; text-decoration: none; color: #bdbdbd; }

.information-terms .terms-ul .strong { font-size: 12px; font-weight: 700; line-height: 1; color: #bdbdbd; }

.information-terms .terms-ul .bar { display: inline-block; width: 32px; height: 12px; vertical-align: middle; }

@media (max-width: 359px) { .information-terms .terms-ul .bar { width: 12px; } }

.information-terms .terms-ul .bar::after { content: ''; right: 0; width: 1px; height: 10px; background: #303030; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 768px) { .information-terms .terms-ul .bar::after { display: block; } }

@media (min-width: 769px) { .information-terms .terms-ul .bar::after { display: none; } }

@media (max-width: 768px) { .information-info-area .area-address { padding: 0 15px; } }

@media (min-width: 769px) { .information-info-area .area-address { padding: 14px 0 0; } }

.information-info-area .area-address span { font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", 'Roboto', "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 300; letter-spacing: 0; color: #bdbdbd; }

@media (max-width: 359px) { .information-info-area .area-address span { letter-spacing: -0.04em; } }

@media (max-width: 768px) { .information-info-area .area-address span { margin-right: 6px; font-size: 11px; line-height: 16px; } }

@media (min-width: 769px) { .information-info-area .area-address span { margin-right: 7px; font-size: 12px; line-height: 12px; } }

.information-info-area .area-address span:last-child { margin-right: 0; }

@media (max-width: 768px) { .information-info-area .area-copy { padding: 12px 15px 20px; }
  .information-info-area .area-copy:lang(en) { padding: 0 15px 40px; } }

@media (min-width: 769px) { .information-info-area .area-copy { padding: 10px 0 0; } }

.information-info-area .area-copy p { font-family: 'Roboto', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; color: #999; }

@media (max-width: 768px) { .information-info-area .area-copy p { font-size: 10px; line-height: 1; } }

@media (min-width: 769px) { .information-info-area .area-copy p { font-size: 12px; line-height: 1; } }

@media (max-width: 768px) { .information-info-acc { padding: 0 15px 35px; } }

@media (min-width: 769px) { .information-info-acc { position: absolute; top: 95px; right: 60px; } }

.information-info-acc li { display: inline-block; }

@media (max-width: 768px) { .information-info-acc li { margin-right: 25px; } }

@media (min-width: 769px) { .information-info-acc li { margin-right: 34px; } }

@media (max-width: 768px) { .information-info-acc li:firt-child { margin-right: 25px; } }

@media (min-width: 769px) { .information-info-acc li:firt-child { margin-right: 40px; } }

.information-info-acc li:last-child { margin-right: 0; }

.information-info-acc .acc-link { display: inline-block; }

@media (max-width: 768px) { .information-info-acc img { height: 27px; } }

@media (min-width: 769px) { .information-info-acc img { height: 38px; } }

.information-social:lang(en) { font-size: 0; }

@media (max-width: 768px) { .information-social:lang(en) { padding: 17px 15px; background: #303030; } }

@media (min-width: 769px) { .information-social:lang(en) { padding: 0; margin-bottom: 30px; } }

.information-social:lang(en) li { display: inline-block; }

@media (max-width: 768px) { .information-social:lang(en) li { width: 33.3333%; max-width: 155px; } }

@media (min-width: 769px) { .information-social:lang(en) li { margin-right: 40px; } }

@media (max-width: 768px) { .information-social:lang(en) li:nth-child(1) { text-align: left; } }

@media (max-width: 768px) { .information-social:lang(en) li:nth-child(2) { text-align: center; } }

@media (max-width: 768px) { .information-social:lang(en) li:nth-child(3) { text-align: right; } }

.information-social:lang(en) li a { display: block; text-decoration: none; }

.information-social:lang(en) li a img { height: 16px; padding-right: 10px; vertical-align: middle; }

.information-social:lang(en) li a .title { font-size: 12px; line-height: 16px; letter-spacing: 0.05em; vertical-align: middle; color: #bdbdbd; }

.maintenance-page { width: 100%; height: 100%; }

.maintenance-page * { -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.maintenance-page body { width: 100%; height: 100%; overflow: hidden; }

.maintenance-page .maintenance-header { max-width: 1144px; margin: 0 auto; font-size: 0; text-align: right; background: #fff; }

@media (max-width: 768px) { .maintenance-page .maintenance-header { height: 50px; padding: 11px 15px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-header { height: 82px; padding: 22px 50px; } }

.maintenance-page .maintenance-header::after { content: ''; display: table; clear: both; table-layout: fixed; }

.maintenance-page .maintenance-header .maintenance-logo { display: block; float: left; text-decoration: none; background: url("/images/common/sktelecom-logo_lg.png") 0 0/contain no-repeat; }

@media (max-width: 768px) { .maintenance-page .maintenance-header .maintenance-logo { width: 70px; height: 27px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-header .maintenance-logo { width: 100px; height: 38px; } }

.maintenance-page .maintenance-header .util { display: inline-block; }

@media (max-width: 768px) { .maintenance-page .maintenance-header .util { padding-top: 4px; } }

.maintenance-page .maintenance-header .util .img-5g { display: inline-block; vertical-align: middle; }

@media (max-width: 768px) { .maintenance-page .maintenance-header .util .img-5g { height: 17px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-header .util .img-5g { height: 36px; } }

.maintenance-page .maintenance-header .util .bar { display: inline-block; width: 1px; vertical-align: middle; background: #e6e6e6; }

@media (max-width: 768px) { .maintenance-page .maintenance-header .util .bar { height: 10px; margin: 0 11px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-header .util .bar { height: 15px; margin: 0 18px; } }

.maintenance-page .maintenance-header .util .link-en { display: inline-block; padding: 10px 0; vertical-align: middle; background: url("/images/common/maintenance-eng_lg.png") center/contain no-repeat; }

@media (max-width: 768px) { .maintenance-page .maintenance-header .util .link-en { width: 43px; height: 9px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-header .util .link-en { width: 47px; height: 10px; } }

@media (max-width: 768px) { .maintenance-page #content { height: calc(100% - 50px); } }

@media (min-width: 769px) { .maintenance-page #content { height: calc(100% - 82px); } }

.maintenance-page .maintenance-content { position: relative; width: 100%; height: 100%; background: url("/images/common/maintenance-bg_lg.jpg") center/cover no-repeat; }

.maintenance-page .maintenance-content .text-wrap { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.maintenance-page .maintenance-content .text-wrap .title { max-width: none; margin-top: 60px; }

@media (max-width: 768px) { .maintenance-page .maintenance-content .text-wrap .title { width: 85.1388vw; max-width: 466px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-content .text-wrap .title { height: 114px; } }

.maintenance-page .maintenance-content .text-wrap .box { border: 1px solid rgba(242, 217, 199, 0.5); margin: 60px auto; background: rgba(21, 21, 70, 0.2); }

@media (max-width: 768px) { .maintenance-page .maintenance-content .text-wrap .box { width: 280px; padding: 17px 0; } }

@media (min-width: 769px) { .maintenance-page .maintenance-content .text-wrap .box { width: 360px; padding: 20px 0; } }

.maintenance-page .maintenance-content .text-wrap .box p { font-family: 'Roboto', 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; font-weight: 400; letter-spacing: -0.01em; color: #fff; }

@media (max-width: 768px) { .maintenance-page .maintenance-content .text-wrap .box p { font-size: 14px; line-height: 20px; } }

@media (min-width: 769px) { .maintenance-page .maintenance-content .text-wrap .box p { font-size: 18px; line-height: 27px; } }

.maintenance-page .maintenance-content .text-wrap .box p + p { margin-top: 20px; }

/* popup */
.popup-wrap { position: absolute; width: 1145px; left: 0; right: 0; margin-top: 52px; margin-left: auto; margin-right: auto; font-size: 0; text-align: center; }

.popup-wrap .popups { display: inline-block; }

.popup-wrap .popup { position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 50; margin-bottom: 10px; vertical-align: top; }

.popup-wrap .popup .p-title { font-size: 21px; line-height: 27px; font-weight: bold; color: #e51937; text-align: center; padding: 30px 30px 0; }

.popup-wrap .popup .p-txt-wrap { padding: 26px 30px 30px; min-height: 265px; box-sizing: border-box; text-align: left; }

.popup-wrap .popup .p-txt-wrap p { font-size: 13px; line-height: 1.6; color: #141414; }

.popup-wrap .popup .p-txt-wrap p * { font-size: inherit; line-height: inherit; color: inherit; }

.popup-wrap .popup .p-txt-wrap p + p { margin-top: 20px; }

.popup-wrap .popup.hide { display: none; }

.popup-wrap .popup img { vertical-align: top; }

.popup-wrap .popup .popup-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; background-color: #f1f1f1; border: 1px solid #666; box-shadow: 0 6px 12px 0 rgba(8, 1, 3, 0.2); }

.popup-wrap .popup .popup-inner.content-txt { width: 510px; }

.popup-wrap .popup .popup-inner.content-img { min-width: 332px; }

.popup-wrap .popup .popup-content a { display: inline-block; background-color: #fff; }

.popup-wrap .popup .popup-utils { width: 100%; height: 36px; padding: 0 10px; border-top: 1px solid #ccc; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.popup-wrap .popup .popup-utils button { height: 18px; font-size: 12px; font-weight: bold; color: #2f3033; border: none; }

@media screen and (max-width: 768px) { .popup-wrap { margin-top: 100px; }
  .popup-wrap .popups { margin-left: 0; }
  .popup-wrap, .popup-wrap .popups { width: 100%; display: block; }
  .popup-wrap .popup { margin-left: 0 !important; display: block; }
  .popup-wrap .popup .popup-inner { display: inline-block; max-width: 375px; margin: 0 auto; }
  .popup-wrap .popup .popup-inner.content-txt { width: 100%; }
  .popup-wrap .popup img { width: 100%; }
  .popup-wrap .popup .p-title { padding: 25px 25px 0; }
  .popup-wrap .popup .p-txt-wrap { padding: 20px 25px 25px; } }

@media screen and (max-width: 332px) { .popup-wrap .popup .popup-inner.content-img { width: 100%; min-width: 0; } }

/* //popup */
@media (min-width: 769px) { .side-menu { z-index: 3; } }

/*======================================개별 페이지======================================*/
/*메인 2019*/
body[data-page="index"] #content *, body[data-page="index"] #content *:after, body[data-page="index"] #content *:before { box-sizing: border-box; font-family: 'Roboto', 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", "Segoe UI", AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Microsoft NeoGothic", "Droid sans", Verdana, Arial, sans-serif; }

@media (max-width: 768px) { body[data-page="index"] .navigation-header { border-bottom: 1px solid rgba(255, 255, 255, 0); } }

@media (min-width: 769px) { body[data-page="index"].overflow-hidden { overflow: hidden; } }

@media (min-width: 769px) { body[data-page="index"].overflow-hidden .index-movie-section { opacity: 1; } }

@media (min-width: 769px) { body[data-page="index"] .familysite-toggle-btn { transition: bottom 0.3s ease; } }

@media (min-width: 769px) { body[data-page="index"]:lang(en) #content { height: 2366px; } }

@media (min-width: 769px) { body[data-page="index"]:lang(en) #content.visual-active { height: auto; } }

.index-movie-section { display: none; }

@media (min-width: 769px) { .index-movie-section { display: block; position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 1160px; height: 776px; /*mib200508 721->776 영상 사이즈 변경에 따른 높이 값 수정*/ padding: 123px 0 0; margin: 0 auto; background: #fff; overflow: hidden; opacity: 0; transition: opacity 0.3s ease; }
  .index-movie-section:lang(en) { height: 721px; /*mib200508 영문 추가*/ } }

.index-movie-section .index-movie-wrap { top: 123px; width: 1160px; height: 653px; /*mib200508 598->653 영상 사이즈 변경에 따른 높이 값 수정*/ margin: 0 auto; overflow: hidden; position: absolute; left: 50%; -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.index-movie-section .index-movie-wrap:lang(en) { height: 598px; /*mib200508 영문 추가*/ }

.index-movie-section .index-movie-wrap .movie-video { width: 100%; }

.index-movie-section .index-movie-wrap .movie-title { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 432px; height: 48px; margin: auto; font-size: 50px; font-weight: 500; line-height: 1; letter-spacing: 0; color: #fff; background: url("/images/main/index-movie-title_lg.png") center/contain no-repeat; }

.index-movie-section .index-movie-wrap .movie-title.is-active { opacity: 0; -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -ms-transform-origin: center; -webkit-transform-origin: center; transform-origin: center; transition: opacity 1.5s ease-out, -ms-transform 1s ease-in; transition: opacity 1.5s ease-out, -moz-transform 1s ease-in; transition: opacity 1.5s ease-out, -webkit-transform 1s ease-in; transition: opacity 1.5s ease-out, transform 1s ease-in; }

.index-movie-section .index-movie-wrap .video-track { /*mib200908 접근성추가*/ display: none; position: absolute; bottom: 90px; left: 0; right: 0; width: calc(100% - 160px); height: 80px; padding: 16px 20px; border-radius: 6px; margin: 0 auto; font-size: 16px; font-weight: 400; line-height: 1.875; text-align: left; letter-spacing: -0.01em; color: #fff; background: rgba(0, 0, 0, 0.6); overflow-y: scroll; }

.index-movie-section .index-movie-wrap .video-track.is-active { /*mib200908 접근성추가*/ display: block; }

.index-movie-section .index-movie-wrap .video-track-btn { /*mib200908 접근성추가*/ display: inline-table; position: absolute; right: 20px; bottom: 90px; width: 40px; height: 40px; border-radius: 100%; background: #111; transition: background 0.1s ease; }

.index-movie-section .index-movie-wrap .video-track-btn > img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index-movie-section .index-movie-wrap .video-track-btn.is-active { background: #e0002a; }

.index-movie-section .index-movie-play-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: 0; margin: 0 auto; background: url("/images/main/index-visual-play_sm.png") center/90px 90px no-repeat; }

.index-movie-section .index-movie-play-btn:lang(en) { background: rgba(0, 0, 0, 0.2) url("/images/main/index-visual-play_sm.png") center/90px 90px no-repeat; }

.index-movie-section .index-movie-fold-btn { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100px; border: 0; padding: 0; margin: 0 auto; text-align: center; }

.index-movie-section .index-movie-fold-btn .fold-title { display: inline-block; position: absolute; top: 33px; right: 0; left: 0; width: 112px; height: 18px; padding-right: 30px; margin: 0 auto; font-size: 17px; font-weight: 500; line-height: 18px; letter-spacing: -0.05em; color: #222; }

.index-movie-section .index-movie-fold-btn .fold-title::after { content: ''; display: block; position: absolute; top: 50%; right: 2px; width: 12px; height: 16px; margin-top: -8px; background: url("/images/main/index-movie-fold-arrow_lg.png") center/contain no-repeat; }

.msie9 .index-movie-section .index-movie-fold-btn .fold-title { width: 120px; }

@-o-keyframes indexVisualShow { 0% { display: none;
    color: #ff7902;
    opacity: 0; }
  1% { display: block;
    color: #ff7902;
    opacity: 0; }
  80% { opacity: 1; }
  100% { display: block;
    color: #e0002a;
    opacity: 1; } }

@-ms-keyframes indexVisualShow { 0% { display: none; color: #ff7902; opacity: 0; }
  1% { display: block; color: #ff7902; opacity: 0; }
  80% { opacity: 1; }
  100% { display: block; color: #e0002a; opacity: 1; } }

@-moz-keyframes indexVisualShow { 0% { display: none;
    color: #ff7902;
    opacity: 0; }
  1% { display: block;
    color: #ff7902;
    opacity: 0; }
  80% { opacity: 1; }
  100% { display: block;
    color: #e0002a;
    opacity: 1; } }

@-webkit-keyframes indexVisualShow { 0% { display: none;
    color: #ff7902;
    opacity: 0; }
  1% { display: block;
    color: #ff7902;
    opacity: 0; }
  80% { opacity: 1; }
  100% { display: block;
    color: #e0002a;
    opacity: 1; } }

@keyframes indexVisualShow { 0% { display: none;
    color: #ff7902;
    opacity: 0; }
  1% { display: block;
    color: #ff7902;
    opacity: 0; }
  80% { opacity: 1; }
  100% { display: block;
    color: #e0002a;
    opacity: 1; } }

@-o-keyframes indexVisualSlideUp { 0% { display: none;
    margin-top: 600px;
    opacity: 0; }
  1% { display: block;
    margin-top: 600px;
    opacity: 0; }
  100% { display: block;
    margin-top: 0;
    opacity: 1; } }

@-ms-keyframes indexVisualSlideUp { 0% { display: none; margin-top: 600px; opacity: 0; }
  1% { display: block; margin-top: 600px; opacity: 0; }
  100% { display: block; margin-top: 0; opacity: 1; } }

@-moz-keyframes indexVisualSlideUp { 0% { display: none;
    margin-top: 600px;
    opacity: 0; }
  1% { display: block;
    margin-top: 600px;
    opacity: 0; }
  100% { display: block;
    margin-top: 0;
    opacity: 1; } }

@-webkit-keyframes indexVisualSlideUp { 0% { display: none;
    margin-top: 600px;
    opacity: 0; }
  1% { display: block;
    margin-top: 600px;
    opacity: 0; }
  100% { display: block;
    margin-top: 0;
    opacity: 1; } }

@keyframes indexVisualSlideUp { 0% { display: none;
    margin-top: 600px;
    opacity: 0; }
  1% { display: block;
    margin-top: 600px;
    opacity: 0; }
  100% { display: block;
    margin-top: 0;
    opacity: 1; } }

.index-visual-section { position: relative; width: 100%; background: #fff; overflow: hidden; transition: margin 1s ease; }

@media (min-width: 769px) { .index-visual-section { min-width: 1200px; height: 1456px; padding: 60px 0 0; margin-top: 730px; /*mib200508 660->730  영상 사이즈 변경에 따른 여백 값 수정*/ }
  .index-visual-section:lang(en) { margin-top: 660px; /*mib200508 영문 추가*/ } }

@media (min-width: 769px) { .index-visual-section.is-active { position: relative; margin-top: 0; } }

@media (min-width: 769px) { .index-visual-section.is-active .index-visual-flip { opacity: 0; } }

@media (min-width: 769px) { .index-visual-section.is-active .index-visual-fold-btn { opacity: 0; } }

@media (min-width: 769px) { .index-visual-section.is-active .index-visual-info { opacity: 0; } }

@media (min-width: 769px) { .index-visual-section.is-active .index-visual-news { opacity: 0; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-flip.business { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 0.8s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 0.8s forwards ease; animation: indexVisualSlideUp 0.8s 0.8s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-fold-btn { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 1s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1s forwards ease; animation: indexVisualSlideUp 0.8s 1s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-flip.company { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 1.2s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.2s forwards ease; animation: indexVisualSlideUp 0.8s 1.2s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-flip.together { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 1.4s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.4s forwards ease; animation: indexVisualSlideUp 0.8s 1.4s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-flip.career { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 1.6s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.6s forwards ease; animation: indexVisualSlideUp 0.8s 1.6s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-flip.tum:lang(en) { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 1.6s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.6s forwards ease; animation: indexVisualSlideUp 0.8s 1.6s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-info { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 1.8s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.8s forwards ease; animation: indexVisualSlideUp 0.8s 1.8s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.pre-load .index-visual-news { opacity: 0; -webkit-animation: indexVisualSlideUp 0.8s 2s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 2s forwards ease; animation: indexVisualSlideUp 0.8s 2s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-flip.business { -webkit-animation: indexVisualSlideUp 0.8s 0.5s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 0.5s forwards ease; animation: indexVisualSlideUp 0.8s 0.5s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-fold-btn { -webkit-animation: indexVisualSlideUp 0.8s 0.7s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 0.7s forwards ease; animation: indexVisualSlideUp 0.8s 0.7s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-flip.company { -webkit-animation: indexVisualSlideUp 0.8s 0.9s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 0.9s forwards ease; animation: indexVisualSlideUp 0.8s 0.9s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-flip.together { -webkit-animation: indexVisualSlideUp 0.8s 1.1s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.1s forwards ease; animation: indexVisualSlideUp 0.8s 1.1s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-flip.career { -webkit-animation: indexVisualSlideUp 0.8s 1.3s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.3s forwards ease; animation: indexVisualSlideUp 0.8s 1.3s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-flip.tum:lang(en) { -webkit-animation: indexVisualSlideUp 0.8s 1.3s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.3s forwards ease; animation: indexVisualSlideUp 0.8s 1.3s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-info { -webkit-animation: indexVisualSlideUp 0.8s 1.5s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.5s forwards ease; animation: indexVisualSlideUp 0.8s 1.5s forwards ease; } }

@media (min-width: 769px) { .index-visual-section.on-ani .index-visual-news { -webkit-animation: indexVisualSlideUp 0.8s 1.7s forwards ease; -moz-animation: indexVisualSlideUp 0.8s 1.7s forwards ease; animation: indexVisualSlideUp 0.8s 1.7s forwards ease; } }

.index-visual-section .visual-inner { position: relative; max-width: 1160px; margin: 0 auto; }

.msie9 .index-visual-info a, .msie9 .index-visual-news .news-contents { opacity: 1; }

@media (min-width: 769px) { .msie9 .index-visual-section.is-active .index-visual-flip, .msie9 .index-visual-section.is-active .index-visual-fold-btn, .msie9 .index-visual-section.is-active .index-visual-news, .msie9 .index-visual-section.is-active .index-visual-info { opacity: 1; } }

@media (max-width: 768px) { .index-visual-title { opacity: 0; transition: opacity 0.8s ease; } }

@media (min-width: 769px) { .index-visual-title { position: absolute; top: -11px; left: 0; } }

.index-visual-title .text, .index-visual-title .textshuffles { font-weight: 700; color: #e0002a; animation: none; }

@media (max-width: 768px) { .index-visual-title .text, .index-visual-title .textshuffles { font-size: 35px; line-height: 45px; letter-spacing: -0.04em; } }

@media (min-width: 769px) { .index-visual-title .text, .index-visual-title .textshuffles { height: 70px; font-size: 50px; line-height: 70px; letter-spacing: -0.05em; }
  .index-visual-title .text:lang(en), .index-visual-title .textshuffles:lang(en) { height: 63px; line-height: 63px; letter-spacing: 0; } }

@media (min-width: 769px) { .index-visual-title .text.is-active, .index-visual-title .textshuffles.is-active { color: rgba(0, 0, 0, 0); transition: opacity 0.5s; -webkit-animation: indexVisualShow 1.5s 0s forwards ease; -moz-animation: indexVisualShow 1.5s 0s forwards ease; animation: indexVisualShow 1.5s 0s forwards ease; } }

@media (max-width: 768px) { .index-visual-title.is-active { opacity: 1; } }

.index-visual-fold-btn { position: absolute; top: 0; right: 0; width: 360px; height: 186px; border: 0; padding: 0; margin: 0 auto; background: url("/images/main/index-visual-fold-thumb_lg.jpg") center/cover no-repeat; }

@media (max-width: 768px) { .index-visual-fold-btn { display: none; } }

.index-visual-fold-btn .fold-title { display: inline-block; position: absolute; right: 30px; bottom: 22px; height: 18px; padding-right: 30px; font-size: 17px; font-weight: 500; line-height: 18px; letter-spacing: -0.05em; color: #fff; }

.index-visual-fold-btn .fold-title::after { content: ''; display: block; position: absolute; top: 50%; right: 2px; width: 12px; height: 16px; margin-top: -8px; background: url("/images/main/index-movie-fold-arrow_lg.png") center/contain no-repeat; }

.index-visual-movie { /*//mib200908 접근성추가*/ }

@media (max-width: 768px) { .index-visual-movie { position: relative; width: 100%; overflow: hidden; opacity: 0; transition: opacity 0.8s ease, -ms-transform 0.8s ease; transition: opacity 0.8s ease, -moz-transform 0.8s ease; transition: opacity 0.8s ease, -webkit-transform 0.8s ease; transition: opacity 0.8s ease, transform 0.8s ease; } }

@media (min-width: 769px) { .index-visual-movie { display: none; } }

.index-visual-movie .movie-video { width: 100%; }

.index-visual-movie .movie-play-btn { position: absolute; top: 0; left: 0; width: 100%; height: 0; /*mib200908 수정*/ padding: 0 0 56%; /*mib200908 수정*/ border: 0; margin: 0 auto; background: url("/images/main/index-visual-play_sm.png") center/45px 45px no-repeat; }

.index-visual-movie.is-active { opacity: 1; -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.index-visual-movie .video-track { /*mib200908 접근성추가*/ }

@media (max-width: 768px) { .index-visual-movie .video-track { height: 0; padding: 0 15px; border: 1px solid rgba(0, 0, 0, 0); margin: 0 15px; font-size: 145x; text-align: left; line-height: 1.533333; letter-spacing: -0.01em; color: #666; background: #fff; overflow-y: scroll; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } }

.index-visual-movie .video-track.is-active { /*mib200908 접근성추가*/ }

@media (max-width: 768px) { .index-visual-movie .video-track.is-active { height: 127px; padding: 20px 15px; border: 1px solid #dadada; margin-bottom: 20px; } }

.index-visual-movie .video-track-btn { /*mib200908 접근성추가//*/ }

@media (max-width: 768px) { .index-visual-movie .video-track-btn { display: block; position: relative; padding-right: 37px; font-size: 15px; font-weight: 500; text-align: right; line-height: 49px; letter-spacing: -0.01em; color: #222; } }

@media (max-width: 768px) { .index-visual-movie .video-track-btn::after { content: ""; display: block; position: absolute; right: 15px; top: 17px; width: 9px; height: 9px; border-bottom: 2px solid #e9002b; border-right: 2px solid #e9002b; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } }

@media (max-width: 768px) { .index-visual-movie .video-track-btn.is-active::after { top: 21px; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } }

@media (max-width: 768px) { .msie9 .index-visual-movie { background: url("/images/main/index-visual-fold-thumb_lg.jpg") cover no-repeat; } }

@media (max-width: 768px) { .index-visual-slider { position: relative; border-top: 10px solid #f2f2f2; opacity: 0; -ms-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); transition: opacity 0.8s ease, -ms-transform 0.8s ease; transition: opacity 0.8s ease, -moz-transform 0.8s ease; transition: opacity 0.8s ease, -webkit-transform 0.8s ease; transition: opacity 0.8s ease, transform 0.8s ease; } }

.index-visual-slider.is-active { opacity: 1; -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }

@media (max-width: 768px) { .index-visual-slider-controller { position: relative; overflow: visible; } }

@media (min-width: 769px) { .index-visual-slider-controller { display: none; } }

.index-visual-slider-controller .controller-pager { position: absolute; right: 0; bottom: 24px; left: 0; margin: 0 auto; }

.index-visual-slider-controller .controller-pager ul { padding: 0; font-size: 0; text-align: center; }

.index-visual-slider-controller .controller-pager ul li { display: inline-block; position: relative; width: 22px; height: 22px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 100%; margin-right: 3px; transition: all 0.3s ease; }

.index-visual-slider-controller .controller-pager ul li:last-child { margin-right: 0; }

.index-visual-slider-controller .controller-pager ul li.slick-active { border: 1px solid rgba(255, 255, 255, 0.5); }

.index-visual-slider-controller .controller-pager ul button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 100%; background: rgba(255, 255, 255, 0.5); font-size: 1px; color: rgba(0, 0, 0, 0); line-height: 10px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.3s ease; }

.index-visual-slider-controller .controller-pager ul li.slick-active button { background: white; }

.index-visual-slider-controller .controller-play { position: absolute; right: 17px; bottom: 20px; width: 30px; height: 30px; padding: 0; border: 0; margin: 0; background: url("/images/main/index-visual-icon-pause_sm.png") center/13px 13px no-repeat; }

.index-visual-slider-controller .controller-play.icon-play { background: url("/images/main/index-visual-icon-play_sm.png") center/13px 13px no-repeat; }

@media (max-width: 768px) { .index-visual-flip { position: relative; width: 100%; height: 660px; } }

@media (min-width: 769px) { .index-visual-flip { position: absolute; outline: white; /*mib200908 접근성 이슈로 인해 해제*/ perspective: 720px; transform-style: preserve-3d; } }

.index-visual-flip .flip-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 60px 0 44px; background: #ff7902; }

@media (max-width: 768px) { .index-visual-flip .flip-back { display: none; } }

@media (min-width: 769px) { .index-visual-flip .flip-back { width: 0; opacity: 0; overflow: hidden; -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -ms-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; } }

.index-visual-flip .flip-back .back-title { display: inline-block; padding: 44px 0 39px; border-top: 5px solid rgba(255, 255, 255, 0.9); font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: -0.04em; text-align: left; color: #fff; }

.index-visual-flip .flip-back .back-title:lang(en) { letter-spacing: 0; }

@media (min-width: 769px) { .index-visual-flip .flip-back .back-title { opacity: 0; transition: opacity 0.5s ease; } }

.index-visual-flip .flip-back .back-list { display: block; padding: 0; }

@media (min-width: 769px) { .index-visual-flip .flip-back .back-list { opacity: 0; transition: opacity 0.5s ease; } }

.index-visual-flip .flip-back .back-list li { display: block; }

.index-visual-flip .flip-back .back-list a { display: inline-block; position: relative; padding: 20px 0; font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: 0; text-align: left; text-decoration: none; color: #fff; }

.index-visual-flip .flip-back .back-list a::after { content: ''; display: block; position: absolute; bottom: 10px; left: 0; width: 0; height: 1px; background: #fff; opacity: 0; }

.index-visual-flip .flip-back .back-list a:hover::after, .index-visual-flip .flip-back .back-list a:focus::after { transition: width 0.3s ease, opacity 0.3s ease; width: 100%; opacity: 1; }

.index-visual-flip .flip-front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 768px) { .index-visual-flip .flip-front { padding: 55px 35px 0; } }

@media (min-width: 769px) { .index-visual-flip .flip-front { padding: 360px 0 0 40px; cursor: pointer; -ms-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; } }

.index-visual-flip .flip-front .front-sub { display: block; position: relative; }

.index-visual-flip .flip-front .front-sub span, .index-visual-flip .flip-front .front-sub p { display: block; letter-spacing: -0.04em; text-align: left; color: #fff; }

.index-visual-flip .flip-front .front-sub span:lang(en), .index-visual-flip .flip-front .front-sub p:lang(en) { letter-spacing: 0; }

@media (max-width: 768px) { .index-visual-flip .flip-front .front-sub span, .index-visual-flip .flip-front .front-sub p { font-size: 18px; font-weight: 300; line-height: 28px; } }

@media (min-width: 769px) { .index-visual-flip .flip-front .front-sub span, .index-visual-flip .flip-front .front-sub p { font-size: 24px; font-weight: 400; line-height: 36px; } }

.index-visual-flip .flip-front .front-title { display: inline-block; border-bottom: 5px solid #ff7902; font-weight: 700; letter-spacing: -0.04em; text-align: left; color: #ff7902; }

.index-visual-flip .flip-front .front-title:lang(en) { letter-spacing: 0; }

@media (max-width: 768px) { .index-visual-flip .flip-front .front-title { padding-bottom: 20px; margin-top: 15px; font-size: 35px; line-height: 45px; } }

@media (min-width: 769px) { .index-visual-flip .flip-front .front-title { padding-bottom: 12px; margin-top: 9px; font-size: 36px; line-height: 46px; } }

@media (max-width: 768px) { .index-visual-flip .flip-front .front-list { padding: 38px 0 0; } }

@media (min-width: 769px) { .index-visual-flip .flip-front .front-list { display: none; } }

.index-visual-flip .flip-front .front-list li { display: block; }

.index-visual-flip .flip-front .front-list a { display: block; padding: 10px 0; margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: 0; text-align: left; text-decoration: none; color: #ff7902; }

@media (max-width: 768px) { .index-visual-flip .flip-front .front-list a { position: relative; } }

@media (max-width: 768px) { .index-visual-flip .flip-front .front-list a::after { content: ''; display: inline-block; position: absolute; top: 50%; width: 8px; height: 13px; margin-left: 17px; -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: url("/images/main/index-visual-fold-arrow_lg.png") center/contain no-repeat; } }

.index-visual-flip.is-active .flip-back { z-index: 2; }

@media (min-width: 769px) { .index-visual-flip.is-active .flip-back { width: 100%; opacity: 1; -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } }

@media (min-width: 769px) { .index-visual-flip.is-active .flip-back .back-title { opacity: 1; } }

@media (min-width: 769px) { .index-visual-flip.is-active .flip-back .back-list { opacity: 1; } }

@media (min-width: 769px) { .index-visual-flip.is-active .flip-front { width: 0; opacity: 0; overflow: hidden; -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } }

@media (min-width: 769px) { .msie9 .index-visual-flip:focus, .msie10 .index-visual-flip:focus, .msie11 .index-visual-flip:focus { outline: 1px dotted #666; } }

@media (min-width: 769px) { .index-visual-flip.business { top: 0; left: 400px; width: 360px; height: 610px; } }

@media (max-width: 768px) { .index-visual-flip.business .flip-front { background: url("/images/main/index-visual-business_sm.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.business .flip-front { background: url("/images/main/index-visual-business_lg.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.company { top: 274px; left: 0; width: 360px; height: 522px; } }

@media (max-width: 768px) { .index-visual-flip.company .flip-front { background: url("/images/main/index-visual-company_sm.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.company .flip-front { padding-top: 272px; background: url("/images/main/index-visual-company_lg.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.together { top: 130px; right: 0; width: 360px; height: 610px; } }

@media (max-width: 768px) { .index-visual-flip.together .flip-front { background: url("/images/main/index-visual-together_sm.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.together .flip-front { background: url("/images/main/index-visual-together_lg.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.career { top: 653px; left: 400px; width: 360px; height: 610px; } }

@media (max-width: 768px) { .index-visual-flip.career .flip-front { background: url("/images/main/index-visual-career_sm.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.career .flip-front { background: url("/images/main/index-visual-career_lg.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.tum:lang(en) { top: 653px; left: 400px; width: 360px; height: 610px; } }

@media (max-width: 768px) { .index-visual-flip.tum:lang(en) .flip-front:lang(en) { background: url("/images/en/main/index-visual-tum_sm.jpg") center/cover no-repeat; } }

@media (min-width: 769px) { .index-visual-flip.tum:lang(en) .flip-front:lang(en) { background: url("/images/en/main/index-visual-tum_lg.jpg") center/cover no-repeat; } }

@-o-keyframes indexInfoSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@-ms-keyframes indexInfoSlideUp { 0% { transform: translate(0, 100%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }

@-moz-keyframes indexInfoSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes indexInfoSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes indexInfoSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@media (max-width: 768px) { .index-visual-info { padding: 20px 15px; } }

@media (min-width: 769px) { .index-visual-info { position: absolute; top: 780px; right: 0; width: 360px; height: 528px; } }

.index-visual-info a { display: block; font-weight: 500; letter-spacing: -0.04em; text-decoration: none; color: #fff; }

.index-visual-info a:lang(en) { letter-spacing: 0; }

@media (max-width: 768px) { .index-visual-info a { padding: 42px 23px; margin-top: 10px; height: 105px; font-size: 22px; line-height: 1; opacity: 0; } }

@media (min-width: 769px) { .index-visual-info a { padding: 34px 32px; height: 176px; font-size: 24px; line-height: 35px; } }

@media (max-width: 768px) { .index-visual-info a.info-stock { background: #ff7902 url("/images/main/index-visual-info-stock_lg.png") right 33px top 50%/45px 30px no-repeat; } }

@media (min-width: 769px) { .index-visual-info a.info-stock { background: #ff7902 url("/images/main/index-visual-info-stock_lg.png") 236px 78px/84px 56px no-repeat; } }

@media (max-width: 768px) { .index-visual-info a.info-announce { background: #e9002b url("/images/main/index-visual-info-announce_lg.png") right 33px top 50%/42px 42px no-repeat; } }

@media (min-width: 769px) { .index-visual-info a.info-announce { background: #e9002b url("/images/main/index-visual-info-announce_lg.png") 241px 57px/78px 78px no-repeat; } }

@media (max-width: 768px) { .index-visual-info a.info-moral { background: #ff7902 url("/images/main/index-visual-info-moral_lg.png") right 33px top 50%/31px 42px no-repeat; } }

@media (min-width: 769px) { .index-visual-info a.info-moral { background: #ff7902 url("/images/main/index-visual-info-moral_lg.png") 253px 57px/57px 78px no-repeat; } }

@media (max-width: 768px) { .index-visual-info.is-active { opacity: 1; } }

@media (max-width: 768px) { .index-visual-info.is-active a:nth-child(1) { -webkit-animation: indexInfoSlideUp 0.5s 0s forwards ease; -moz-animation: indexInfoSlideUp 0.5s 0s forwards ease; animation: indexInfoSlideUp 0.5s 0s forwards ease; } }

@media (max-width: 768px) { .index-visual-info.is-active a:nth-child(2) { -webkit-animation: indexInfoSlideUp 0.5s 0.2s forwards ease; -moz-animation: indexInfoSlideUp 0.5s 0.2s forwards ease; animation: indexInfoSlideUp 0.5s 0.2s forwards ease; } }

@media (max-width: 768px) { .index-visual-info.is-active a:nth-child(3) { -webkit-animation: indexInfoSlideUp 0.5s 0.4s forwards ease; -moz-animation: indexInfoSlideUp 0.5s 0.4s forwards ease; animation: indexInfoSlideUp 0.5s 0.4s forwards ease; } }

@-o-keyframes indexNewsSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@-ms-keyframes indexNewsSlideUp { 0% { transform: translate(0, 100%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }

@-moz-keyframes indexNewsSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes indexNewsSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes indexNewsSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@media (max-width: 768px) { .index-visual-news { position: relative; padding: 40px 15px 0; opacity: 0; transition: opacity 0.5s ease; } }

@media (min-width: 769px) { .index-visual-news { position: absolute; top: 835px; left: 0; width: 360px; height: 475px; border-bottom: 4px solid #000; } }

.index-visual-news .news-title { font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #222; }

@media (max-width: 768px) { .index-visual-news .news-title { font-size: 35px; } }

@media (min-width: 769px) { .index-visual-news .news-title { font-size: 36px; } }

.index-visual-news .news-more { position: absolute; width: 22px; height: 22px; -ms-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; }

@media (max-width: 768px) { .index-visual-news .news-more { top: 45px; right: 15px; } }

@media (min-width: 769px) { .index-visual-news .news-more { top: 4px; right: 0; } }

.index-visual-news .news-more:hover, .index-visual-news .news-more:focus { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.index-visual-news .news-more::before, .index-visual-news .news-more::after { content: ''; display: block; background: #111; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index-visual-news .news-more::before { width: 22px; height: 3px; }

.index-visual-news .news-more::after { width: 3px; height: 22px; }

@media (max-width: 768px) { .index-visual-news .news-contents { padding: 30px 0 0; opacity: 0; } }

@media (min-width: 769px) { .index-visual-news .news-contents { padding: 28px 0 0; } }

.index-visual-news .news-contents .news-list { display: block; border-bottom: 1px solid #d3d3d3; }

.index-visual-news .news-contents .news-list:last-child { border-bottom: none; }

.index-visual-news .news-contents .news-list a { display: block; text-decoration: none; }

.index-visual-news .news-contents .news-list .list-thumb { width: 100%; padding: 0; margin: 0 auto; }

@media (max-width: 768px) { .index-visual-news .news-contents .news-list .list-thumb { position: relative; width: 100%; height: 0; padding-bottom: 52.8%; overflow: hidden; } }

@media (min-width: 769px) { .index-visual-news .news-contents .news-list .list-thumb { height: 190px; overflow: hidden; } }

.index-visual-news .news-contents .news-list .list-thumb img { display: block; width: 100%; }

.index-visual-news .news-contents .news-list .list-title { margin-top: 18px; color: #222; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; }

@media (max-width: 768px) { .index-visual-news .news-contents .news-list .list-title { height: 48px; font-size: 17px; font-weight: 400; line-height: 24px; letter-spacing: -0.04em; }
  .index-visual-news .news-contents .news-list .list-title:lang(en) { letter-spacing: 0; } }

@media (min-width: 769px) { .index-visual-news .news-contents .news-list .list-title { height: 44px; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: -0.05em; }
  .index-visual-news .news-contents .news-list .list-title:lang(en) { letter-spacing: 0; } }

.index-visual-news .news-contents .news-list .list-date { line-height: 1; letter-spacing: 0.05em; color: #666; }

@media (max-width: 768px) { .index-visual-news .news-contents .news-list .list-date { padding: 12px 0 21px; font-size: 13px; font-weight: 400; } }

@media (min-width: 769px) { .index-visual-news .news-contents .news-list .list-date { padding: 9px 0 24px; font-size: 14px; font-weight: 500; } }

@media (max-width: 768px) { .index-visual-news.is-active { opacity: 1; } }

@media (max-width: 768px) { .index-visual-news.is-active .news-contents { -webkit-animation: indexNewsSlideUp 0.8s 0.3s forwards ease; -moz-animation: indexNewsSlideUp 0.8s 0.3s forwards ease; animation: indexNewsSlideUp 0.8s 0.3s forwards ease; } }

@-o-keyframes indexInsightSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@-ms-keyframes indexInsightSlideUp { 0% { transform: translate(0, 100%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }

@-moz-keyframes indexInsightSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@-webkit-keyframes indexInsightSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

@keyframes indexInsightSlideUp { 0% { transform: translate(0, 100%);
    opacity: 0; }
  100% { transform: translate(0, 0);
    opacity: 1; } }

.index-insight-section { position: relative; background: #f2f2f2; }

@media (max-width: 768px) { .index-insight-section { padding: 40px 15px 36px; } }

@media (min-width: 769px) { .index-insight-section { padding: 77px 0 60px; } }

@media (min-width: 769px) { .index-insight-section.visual-active { margin-top: 0; } }

.index-insight-section .insight-inner { position: relative; max-width: 1160px; margin: 0 auto; }

.index-insight-section .insight-title { font-weight: 700; line-height: 1; letter-spacing: 0; color: #222; }

@media (max-width: 768px) { .index-insight-section .insight-title { font-size: 35px; } }

@media (min-width: 769px) { .index-insight-section .insight-title { font-size: 36px; } }

.index-insight-section .insight-more { position: absolute; top: 4px; right: 0; width: 22px; height: 22px; -ms-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; }

.index-insight-section .insight-more:hover, .index-insight-section .insight-more:focus { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.index-insight-section .insight-more::before, .index-insight-section .insight-more::after { content: ''; display: block; background: #111; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index-insight-section .insight-more::before { width: 22px; height: 3px; }

.index-insight-section .insight-more::after { width: 3px; height: 22px; }

.index-insight-section .insight-contents { font-size: 0; }

@media (max-width: 768px) { .index-insight-section .insight-contents { padding: 30px 0 0; } }

@media (min-width: 769px) { .index-insight-section .insight-contents { padding: 49px 0 0; } }

@media (max-width: 768px) { .index-insight-section .insight-contents .insight-list { display: block; margin-bottom: 36px; } }

@media (min-width: 769px) { .index-insight-section .insight-contents .insight-list { display: inline-block; width: 360px; margin-right: 40px; vertical-align: top; opacity: 0; } }

@media (max-width: 768px) { .index-insight-section .insight-contents .insight-list:last-child { margin-bottom: 0; } }

@media (min-width: 769px) { .index-insight-section .insight-contents .insight-list:last-child { margin-right: 0; } }

.index-insight-section .insight-contents .insight-list a { display: block; text-decoration: none; }

.index-insight-section .insight-contents .insight-list .list-thumb { width: 100%; padding: 0; margin: 0 auto; }

@media (max-width: 768px) { .index-insight-section .insight-contents .insight-list .list-thumb { position: relative; width: 100%; height: 0; padding-bottom: 55.7%; overflow: hidden; } }

@media (min-width: 769px) { .index-insight-section .insight-contents .insight-list .list-thumb { height: 200px; overflow: hidden; } }

.index-insight-section .insight-contents .insight-list .list-thumb img { display: block; width: 100%; }

.index-insight-section .insight-contents .insight-list .list-title { font-weight: 500; letter-spacing: -0.04em; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; }

@media (max-width: 768px) { .index-insight-section .insight-contents .insight-list .list-title { height: 50px; margin-top: 16px; font-size: 17px; line-height: 25px; } }

@media (min-width: 769px) { .index-insight-section .insight-contents .insight-list .list-title { height: 48px; margin-top: 16px; font-size: 16px; line-height: 24px; } }

.index-insight-section .insight-contents .insight-list .list-desc { font-weight: 300; letter-spacing: -0.04em; color: #000; }

@media (max-width: 768px) { .index-insight-section .insight-contents .insight-list .list-desc { max-height: 46px; margin-top: 6px; font-size: 15px; line-height: 23px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; } }

@media (min-width: 769px) { .index-insight-section .insight-contents .insight-list .list-desc { max-height: 74px; padding-right: 20px; margin-top: 10px; font-size: 14px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; } }

@media (min-width: 769px) { .index-insight-section.is-active .insight-list:nth-child(1) { -webkit-animation: indexInsightSlideUp 0.8s 0.3s forwards ease; -moz-animation: indexInsightSlideUp 0.8s 0.3s forwards ease; animation: indexInsightSlideUp 0.8s 0.3s forwards ease; } }

@media (min-width: 769px) { .index-insight-section.is-active .insight-list:nth-child(2) { -webkit-animation: indexInsightSlideUp 0.8s 0.6s forwards ease; -moz-animation: indexInsightSlideUp 0.8s 0.6s forwards ease; animation: indexInsightSlideUp 0.8s 0.6s forwards ease; } }

@media (min-width: 769px) { .index-insight-section.is-active .insight-list:nth-child(3) { -webkit-animation: indexInsightSlideUp 0.8s 0.9s forwards ease; -moz-animation: indexInsightSlideUp 0.8s 0.9s forwards ease; animation: indexInsightSlideUp 0.8s 0.9s forwards ease; } }

.msie9 .index-insight-section .insight-contents .insight-list { opacity: 1; }

.social-section { position: relative; background: #f2f2f2; }

@media (max-width: 768px) { .social-section { padding: 0 15px; } }

.social-section .social-inner { position: relative; max-width: 1160px; border-top: 1px solid #dadadd; margin: 0 auto; }

@media (max-width: 768px) { .social-section .social-inner { text-align: center; } }

@media (min-width: 769px) { .social-section .social-inner { text-align: right; } }

.social-section .social-inner .social-title { display: inline-block; font-weight: 400; line-height: 1; letter-spacing: -0.05em; vertical-align: top; color: #333; }

@media (max-width: 768px) { .social-section .social-inner .social-title { padding-top: 40px; font-size: 18px; } }

@media (min-width: 769px) { .social-section .social-inner .social-title { padding-top: 50px; padding-right: 50px; font-size: 30px; } }

.social-section .social-inner .social-link { vertical-align: top; font-size: 0; }

@media (max-width: 768px) { .social-section .social-inner .social-link { display: block; max-width: 540px; padding: 30px 30px 20px; margin: 0 auto; } }

@media (min-width: 769px) { .social-section .social-inner .social-link { display: inline-block; padding: 40px 0 45px; } }

.social-section .social-inner .social-link li { display: inline-block; position: relative; vertical-align: top; }

@media (max-width: 768px) { .social-section .social-inner .social-link li { width: 33.3333%; margin-bottom: 20px; } }

@media (min-width: 769px) { .social-section .social-inner .social-link li { width: 90px; text-align: center; } }

.social-section .social-inner .social-link li a { display: block; }

@media (max-width: 768px) { .social-section .social-inner .social-link li img { max-width: 40px; } }

@media (min-width: 769px) { .social-section .social-inner .social-link li img { max-width: 50px; } }

.social-section .social-inner .social-link li span { display: block; margin-top: 9px; text-align: center; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0em; color: #333; }

.tworld-links { position: relative; background: #fff; }

@media (max-width: 768px) { .tworld-links { padding: 12px 15px; } }

@media (min-width: 769px) { .tworld-links { padding: 80px 0 100px; } }

.tworld-links .tworld-inner { position: relative; max-width: 1160px; margin: 0 auto; font-size: 0; }

.tworld-links .tworld-inner .link { text-align: center; vertical-align: top; }

@media (max-width: 768px) { .tworld-links .tworld-inner .link { display: block; padding: 30px 0; border-top: 1px solid #dcdbe1; } }

@media (min-width: 769px) { .tworld-links .tworld-inner .link { display: inline-block; width: 33.3333%; border-right: 1px solid #dcdbe1; } }

@media (max-width: 768px) { .tworld-links .tworld-inner .link:first-child { border-top: 0; } }

@media (min-width: 769px) { .tworld-links .tworld-inner .link:first-child { border-left: 1px solid #dcdbe1; } }

.tworld-links .tworld-inner .link .title { display: block; font-weight: 500; letter-spacing: -0.06em; color: #333; }

@media (max-width: 768px) { .tworld-links .tworld-inner .link .title { font-size: 15px; line-height: 15px; } }

@media (min-width: 769px) { .tworld-links .tworld-inner .link .title { height: 65px; font-size: 20px; line-height: 26px; } }

@media (max-width: 768px) { .tworld-links .tworld-inner .link img { height: 36px; margin-top: 17px; } }

@media (min-width: 769px) { .tworld-links .tworld-inner .link img.thumb01 { height: 45px; } }

@media (min-width: 769px) { .tworld-links .tworld-inner .link img.thumb02 { height: 42px; margin-top: 1px; } }

@media (min-width: 769px) { .tworld-links .tworld-inner .link img.thumb03 { height: 36px; margin-top: 2px; } }

/*CEO 인사말 시작//*/
.introduce-ceo-page .content-body * { box-sizing: border-box; }

@media (max-width: 768px) { .introduce-ceo-page .content-body.ceo-intro .section-inner { padding-bottom: 75px; } }

@media (min-width: 769px) { .introduce-ceo-page .content-body.ceo-intro .section-inner { padding: 60px 0 193px; font-size: 0; } }

@media (max-width: 768px) { .introduce-ceo-page .content-body.ceo-intro .sub-title { padding: 40px 0 24px; text-align: center; } }

@media (max-width: 768px) { .introduce-ceo-page .content-body.ceo-intro .sub-title img { height: 57px; } }

.introduce-ceo-page .content-body.ceo-intro .intro-figure { margin: 0; }

@media (max-width: 768px) { .introduce-ceo-page .content-body.ceo-intro .intro-figure { margin: 0; font-size: 0; } }

@media (min-width: 769px) { .introduce-ceo-page .content-body.ceo-intro .intro-figure { display: inline-block; width: 365px; vertical-align: top; } }

.introduce-ceo-page .content-body.ceo-intro .intro-figure img { width: 100%; }

@media (min-width: 769px) { .introduce-ceo-page .content-body.ceo-intro .intro-content { display: inline-block; width: 675px; width: calc(100% - 365px); padding: 50px 70px 0; vertical-align: top; } }

@media (min-width: 769px) { .introduce-ceo-page .content-body.ceo-intro .intro-content .sub-title { padding-bottom: 38px; } }

@media (min-width: 769px) { .introduce-ceo-page .content-body.ceo-intro .intro-content .sub-title img { height: 80px; } }

.introduce-ceo-page .content-body.ceo-intro .intro-content .desc { font-size: 13px; font-weight: 400; letter-spacing: -0.025em; color: #4c4c4c; }

@media (max-width: 768px) { .introduce-ceo-page .content-body.ceo-intro .intro-content .desc { padding-top: 25px; line-height: 19px; } }

@media (min-width: 769px) { .introduce-ceo-page .content-body.ceo-intro .intro-content .desc { line-height: 20px; } }

.introduce-ceo-page .content-body.ceo-intro .intro-content .desc .strong { font-weight: 700; color: #4c4c4c; }

/*//CEO 인사말 끝*/
/*회사소개 시작 //*/
.introduce-company-page .content-body * { box-sizing: border-box; }

@media (max-width: 768px) { .introduce-company-page .title-tripleline img { height: 73px !important; } }

@media (max-width: 768px) { .introduce-company-page .title-multiline img { height: 46px !important; } }

@media (min-width: 769px) { .introduce-company-page .title-multiline img { height: 64px !important; } }

@media (max-width: 768px) { .introduce-company-page .title-quadline img { height: 100px !important; } }

.introduce-company-page .content-body.company-intro .intro-content { font-size: 0; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-content { padding-top: 25px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-content { padding-top: 25px; } }

.introduce-company-page .content-body.company-intro .intro-content > .desc { font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.05em; text-align: left; color: #141414; }

.introduce-company-page .content-body.company-intro .intro-visual-wrap { display: block; position: relative; vertical-align: top; text-align: center; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap { margin: 35px -15px 0; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap { margin: 50px auto 235px; }
  .introduce-company-page .content-body.company-intro .intro-visual-wrap:lang(en) { margin: 50px auto 260px; } }

.introduce-company-page .content-body.company-intro .intro-visual-wrap .visual-img { display: block; max-width: 100%; margin: 0 auto; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .visual-img { position: absolute; top: 0; left: 0; width: 100%; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .visual-img { width: 1040px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content { position: relative; padding: 0 15px 10px; padding-top: 56.5%; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure { display: block; margin: 0 auto 30px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure { display: inline-block; position: absolute; width: 300px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure.f01 { top: 226px; left: 0; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure.f02 { top: 226px; position: absolute; left: 50%; -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure.f03 { top: 226px; right: 0; } }

.introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure img { display: block; max-width: 100%; margin: 0 auto; }

.introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure figcaption .title { font-size: 18px; font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure figcaption .title { margin-top: 15px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure figcaption .title { margin-top: 20px; } }

.introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure figcaption .desc { font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.05em; color: #4c4c4c; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure figcaption .desc { padding-top: 11px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-intro .intro-visual-wrap .vision-content .vision-figure figcaption .desc { padding-top: 12px; } }

.introduce-company-page .content-body.company-affiliated { background: #f7f7f7; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-content { padding-top: 14px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-content { padding-top: 25px; } }

.introduce-company-page .content-body.company-affiliated .affiliated-content > .desc { font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.05em; color: #141414; }

.introduce-company-page .content-body.company-affiliated .affiliated-figure { position: relative; margin: 0 auto; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure { max-width: 330px; padding: 40px 0; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure { padding: 35px 0 75px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure:lang(en) { padding-top: 53px; } }

.introduce-company-page .content-body.company-affiliated .affiliated-figure img { display: block; margin: 0 auto; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure img { width: 100%; max-width: 330px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure img { width: 625px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure img:lang(en) { width: 670px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap { position: absolute; top: 0; left: 0; width: 100%; margin-top: 46.8%; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link { display: block; width: 100%; height: 0; padding-bottom: 22.3%; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link { display: inline-block; position: absolute; top: 0; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.mobile-tripleline { padding-bottom: 27%; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link + .affiliated-link { margin-top: 2.1%; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link01 { left: 50%; margin-top: 7%; width: 130px; height: 150px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link01:lang(en) { left: 50%; z-index: 1; margin-top: 7%; width: 150px; height: 185px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link02 { left: 59%; margin-top: 16.7%; width: 170px; height: 110px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link02:lang(en) { left: 59%; margin-top: 19.7%; width: 220px; height: 135px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link03 { left: 59%; margin-top: 29%; width: 220px; height: 75px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link03:lang(en) { left: 57%; margin-top: 34%; width: 290px; height: 75px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link04 { left: 58.5%; margin-top: 37%; width: 170px; height: 135px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link04:lang(en) { left: 59.5%; margin-top: 43%; width: 220px; height: 145px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link05 { left: 50%; margin-top: 44.5%; width: 115px; height: 145px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link05:lang(en) { left: 50%; margin-top: 51.5%; width: 125px; height: 165px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link06 { left: 39.6%; margin-top: 44.5%; width: 111px; height: 145px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link06:lang(en) { left: 37.6%; margin-top: 51.5%; width: 131px; height: 155px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link07 { left: 26%; margin-top: 39%; width: 145px; height: 110px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link07:lang(en) { left: 20%; margin-top: 46%; width: 220px; height: 105px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link08 { left: 21%; margin-top: 29.5%; width: 230px; height: 60px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link08:lang(en) { left: 15%; margin-top: 33%; width: 290px; height: 100px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link09 { left: 25%; margin-top: 15%; width: 153px; height: 120px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link09:lang(en) { left: 20%; margin-top: 18%; width: 230px; height: 140px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link10 { left: 38.6%; margin-top: 5%; width: 121px; height: 165px; }
  .introduce-company-page .content-body.company-affiliated .affiliated-figure .affiliated-link-wrap .affiliated-link.link10:lang(en) { left: 36.6%; margin-top: 7%; width: 141px; height: 205px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-skms { padding-bottom: 41px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-skms { padding-bottom: 70px; } }

.introduce-company-page .content-body.company-skms .skms-content { padding-top: 25px; }

.introduce-company-page .content-body.company-skms .skms-content > .desc { font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.05em; color: #141414; }

.introduce-company-page .content-body.company-skms .skms-table { border-top: 1px solid #a5a5a5; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-skms .skms-table { margin-top: 25px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-skms .skms-table { margin-top: 57px; } }

.introduce-company-page .content-body.company-skms .skms-table .row { border-bottom: 1px solid #dbdbdb; font-size: 0; }

.introduce-company-page .content-body.company-skms .skms-table .row .title { font-size: 15px; font-weight: 700; line-height: 20px; letter-spacing: -0.05em; vertical-align: middle; color: #333; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-skms .skms-table .row .title { padding-top: 15px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-skms .skms-table .row .title { display: inline-block; width: 190px; } }

.introduce-company-page .content-body.company-skms .skms-table .row .desc { font-size: 13px; font-weight: 400; line-height: 21px; letter-spacing: -0.05em; vertical-align: middle; color: #666; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-skms .skms-table .row .desc { padding: 6px 0px 16px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-skms .skms-table .row .desc { display: inline-block; width: 850px; width: calc(100% - 190px); padding: 20px 35px 20px 0; } }

.introduce-company-page .content-body.company-csi { padding: 1px 0; background: #f7f7f7; }

.introduce-company-page .content-body.company-csi:lang(en) { background: none; }

.introduce-company-page .content-body.company-csi .csi-desc { margin-top: 26px; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.05em; color: #141414; }

.introduce-company-page .content-body.company-csi .csi-figures { font-size: 0; text-align: center; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-csi .csi-figures { max-width: 330px; padding: 35px 0 80px; margin: 0 auto; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-csi .csi-figures { margin: 35px 0 75px; } }

.introduce-company-page .content-body.company-csi .csi-figures figure { display: inline-block; border: 1px solid #e7e7e7; margin: 0; vertical-align: top; background: #fff; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-csi .csi-figures figure { width: 100%; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-csi .csi-figures figure { width: 310px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-csi .csi-figures figure + figure { margin-top: 10px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-csi .csi-figures figure + figure { margin-left: 55px; } }

.introduce-company-page .content-body.company-csi .csi-figures figure .img { position: relative; width: 100%; border-bottom: 1px solid #e7e7e7; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-csi .csi-figures figure .img { height: 133px; padding: 20px 92px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-csi .csi-figures figure .img { height: 180px; } }

.introduce-company-page .content-body.company-csi .csi-figures figure .img img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 768px) { .introduce-company-page .content-body.company-csi .csi-figures figure .img img { width: 43.9%; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-csi .csi-figures figure .img img { width: 158px; } }

.introduce-company-page .content-body.company-csi .csi-figures figure figcaption { font-size: 13px; font-weight: 400; line-height: 50px; letter-spacing: -0.05em; vertical-align: bottom; color: #4c4c4c; }

.introduce-company-page .content-body.company-csi .csi-figures figure figcaption .strong { display: inline-block; margin-left: 10px; font-size: 18px; font-weight: 700; color: #141414; }

.introduce-company-page .content-body.company-global { background: #f7f7f7; }

.introduce-company-page .content-body.company-global .global-figure { margin: 0; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-figure { padding: 18px 0 0; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-figure { padding: 65px 0 17px; } }

.introduce-company-page .content-body.company-global .global-figure img { display: block; margin: 0 auto; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-figure img { width: 100%; max-width: 330px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-figure img { width: 797px; } }

.introduce-company-page .content-body.company-global .global-table-countries { border-top: 1px solid #a5a5a5; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries { margin-top: 20px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-countries { margin-top: 30px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries .row { padding: 30px 0; border-bottom: 1px solid #dbdbdb; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-countries .row { height: 130px; border-bottom: 1px solid #dbdbdb; font-size: 0; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries .row .flag { text-align: center; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-countries .row .flag { display: inline-block; width: 112px; padding: 26px 18px; vertical-align: middle; } }

.introduce-company-page .content-body.company-global .global-table-countries .row .flag img { width: 75px; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries .row .country { padding-bottom: 12px; text-align: center; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-countries .row .country { display: inline-block; width: 606px; padding: 0 23px; vertical-align: middle; } }

.introduce-company-page .content-body.company-global .global-table-countries .row .country .location { font-size: 13px; font-weight: 700; line-height: 22px; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries .row .country .location { padding-top: 5px; } }

.introduce-company-page .content-body.company-global .global-table-countries .row .country .name { font-size: 13px; font-weight: 700; line-height: 22px; letter-spacing: -0.05em; color: #666; }

.introduce-company-page .content-body.company-global .global-table-countries .row .country .address { font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: -0.05em; color: #1a1a1a; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries .row .tel { text-align: center; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-countries .row .tel { display: inline-block; width: 177px; vertical-align: middle; } }

.introduce-company-page .content-body.company-global .global-table-countries .row .tel p { font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: -0.05em; color: #1a1a1a; }

.introduce-company-page .content-body.company-global .global-table-countries .row .tel a { font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: -0.05em; text-decoration: none; color: #1a1a1a; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-countries .row .fax { text-align: center; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-countries .row .fax { display: inline-block; width: 145px; vertical-align: middle; } }

.introduce-company-page .content-body.company-global .global-table-countries .row .fax p { font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: -0.05em; text-decoration: none; color: #1a1a1a; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting { padding: 49px 0 75px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting { padding: 44px 0 70px; } }

.introduce-company-page .content-body.company-global .global-table-consulting .title { font-weight: 400; letter-spacing: -0.025em; color: #e51937; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting .title { font-size: 18px; line-height: 24px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting .title { font-size: 21px; line-height: 26px; } }

.introduce-company-page .content-body.company-global .global-table-consulting table { width: 100%; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting table { margin-top: 22px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting table { margin-top: 18px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting table th:first-child, .introduce-company-page .content-body.company-global .global-table-consulting tabletd:first-child { width: 80px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting table th:first-child, .introduce-company-page .content-body.company-global .global-table-consulting tabletd:first-child { width: 160px; } }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting table th:nth-child(2), .introduce-company-page .content-body.company-global .global-table-consulting tabletd:nth-child(2) { width: 100px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting table th:nth-child(2), .introduce-company-page .content-body.company-global .global-table-consulting tabletd:nth-child(2) { width: 185px; } }

.introduce-company-page .content-body.company-global .global-table-consulting table th { border-top: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; font-size: 15px; font-weight: 700; line-height: 22px; letter-spacing: -0.025em; text-align: center; color: #1a1a1a; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting table th { padding: 10px 0 11px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting table th { padding: 10px 0 13px; } }

.introduce-company-page .content-body.company-global .global-table-consulting table th + th { border-left: 1px solid #dbdbdb; }

.introduce-company-page .content-body.company-global .global-table-consulting table td { border-bottom: 1px solid #dbdbdb; font-size: 13px; font-weight: 400; line-height: 22px; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #1a1a1a; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting table td { padding: 10px 0 11px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting table td { padding: 10px 0 13px; } }

.introduce-company-page .content-body.company-global .global-table-consulting table td + td { border-left: 1px solid #dbdbdb; }

.introduce-company-page .content-body.company-global .global-table-consulting table td:last-child { text-align: left; }

@media (max-width: 768px) { .introduce-company-page .content-body.company-global .global-table-consulting table td:last-child { padding-left: 10px; } }

@media (min-width: 769px) { .introduce-company-page .content-body.company-global .global-table-consulting table td:last-child { padding-left: 20px; } }

/*//회사소개 시작 */
/*사업소개 시작 //*/
.introduce-lnb { background: #f7f7f7; }

@media (max-width: 768px) { .introduce-lnb { padding: 35px 0 75px; } }

@media (min-width: 769px) { .introduce-lnb { padding: 57px 0 110px; } }

.introduce-lnb .title { font-size: 18px; font-weight: 700; line-height: 25px; letter-spacing: -0.05em; text-align: center; }

.introduce-lnb .lnb-wrap { font-size: 0; }

@media (max-width: 768px) { .introduce-lnb .lnb-wrap { padding-top: 26px; } }

@media (min-width: 769px) { .introduce-lnb .lnb-wrap { padding-top: 37px; } }

.introduce-lnb .lnb-wrap a { background: #4c4c4c; }

@media (max-width: 768px) { .introduce-lnb .lnb-wrap a { display: block; max-width: 300px; height: 75px; margin: 0 auto; } }

@media (min-width: 769px) { .introduce-lnb .lnb-wrap a { display: inline-block; width: 165px; height: 75px; vertical-align: top; } }

@media (max-width: 768px) { .introduce-lnb .lnb-wrap a + a { margin-top: 8px; } }

@media (min-width: 769px) { .introduce-lnb .lnb-wrap a + a { margin-left: 10px; } }

.introduce-lnb .lnb-wrap a img { max-width: 100%; }

@media (max-width: 768px) { .introduce-lnb .lnb-wrap a img { max-height: 100%; } }

.introduce-lnb .lnb-wrap a.is-active { background: #fb8922; }

.introduce-insight + .introduce-lnb { position: relative; }

.introduce-insight + .introduce-lnb::after { content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 1px; margin: 0 auto; background: #ccc; }

@media (max-width: 768px) { .introduce-insight + .introduce-lnb::after { width: 91.6666%; width: calc(100% - 30px); } }

@media (min-width: 769px) { .introduce-insight + .introduce-lnb::after { width: 1040px; } }

.introduce-insight[hidden] + .introduce-lnb::after { display: none; }

.introduce-intro .intro-content { position: relative; font-size: 0; }

@media (max-width: 768px) { .introduce-intro .intro-content { padding: 40px 0 40px; } }

@media (min-width: 769px) { .introduce-intro .intro-content { height: 359px; padding: 61px 511px 30px 0; box-sizing: border-box; } }

@media (min-width: 769px) { .introduce-intro .intro-content.ai:lang(en) { height: 417px; } }

.introduce-intro .intro-content .intro-textgroup .desc { font-size: 13px; font-weight: 400; line-height: 21px; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .introduce-intro .intro-content .intro-textgroup .desc { padding-top: 13px; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-textgroup .desc { padding: 16px 0 0 0; }
  .introduce-intro .intro-content .intro-textgroup .desc:lang(en) { padding: 11px 20px 0 0; } }

.introduce-intro .intro-content .intro-textgroup .sub-title { font-size: 28px; font-weight: 700; line-height: 35px; letter-spacing: -0.1em; color: #141414; -ms-transform: scale(1, 0.98); -webkit-transform: scale(1, 0.98); -o-transform: scale(1, 0.98); transform: scale(1, 0.98); }

.introduce-intro .intro-content .intro-textgroup .sub-title:lang(en) { letter-spacing: -0.05em; -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

@media (max-width: 768px) { .introduce-intro .intro-content .intro-textgroup .sub-title:lang(en) { letter-spacing: -0.075em; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-textgroup .sub-title { margin-top: -4px; }
  .introduce-intro .intro-content .intro-textgroup .sub-title:lang(en) { margin-top: -7px; } }

@media (max-width: 768px) { .introduce-intro .intro-content .intro-video { width: 100%; margin-top: 19px; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-video { display: inline-block; position: absolute; top: 61px; right: 41px; width: 470px; height: 268px; text-align: right; } }

@media (max-width: 768px) { .introduce-intro .intro-content .intro-video video { width: 100%; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-video video { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; } }

.introduce-intro .intro-content .intro-association { margin: 0 auto; }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-association { position: absolute; bottom: 30px; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-association.security { bottom: 10px; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-association.commerce-en { bottom: 0; } }

@media (max-width: 768px) { .introduce-intro .intro-content .intro-association img { width: 100%; padding-top: 20px; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-association img { height: 65px; } }

@media (min-width: 769px) { .introduce-intro .intro-content .intro-association img.nugu { height: 105px; } }

@media (max-width: 768px) { .introduce-advantage .tripleline img { height: 73px !important; } }

@media (max-width: 768px) { .introduce-advantage .quadline img { height: 105px !important; } }

.introduce-advantage .advantage-content { width: 100%; font-size: 0; }

@media (max-width: 768px) { .introduce-advantage .advantage-content { padding: 14px 0 25px; } }

@media (min-width: 769px) { .introduce-advantage .advantage-content { margin: 29px 0 13px; } }

.introduce-advantage .advantage-textgroup .desc { font-weight: 400; letter-spacing: -0.05em; text-align: left; color: #141414; }

@media (max-width: 768px) { .introduce-advantage .advantage-textgroup .desc { font-size: 15px; line-height: 23px; } }

@media (min-width: 769px) { .introduce-advantage .advantage-textgroup .desc { font-size: 18px; line-height: 26px; } }

.introduce-advantage .advantage-slider { margin-top: 15px; }

.introduce-advantage .advantage-slider .slick-track { margin-left: calc(-10% - 20px); }

.introduce-advantage .advantage-slider .slide { margin: 0 10px; }

.introduce-advantage .advantage-slider .slide img { display: block; width: 100%; }

.introduce-advantage .advantage-slider .slide .caption { display: block; margin-top: 15px; margin-bottom: 15px; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: -0.05em; text-align: center; color: #4c4c4c; }

.introduce-advantage .advantage-figure { margin: 0; font-size: 0; }

@media (min-width: 769px) { .introduce-advantage .advantage-figure { padding-top: 30px; } }

.introduce-advantage .advantage-figure img { width: 100%; }

@media (min-width: 769px) { .introduce-advantage .advantage-figure figcaption { display: inline-block; width: 330px; margin-top: 15px; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: -0.05em; text-align: center; color: #4c4c4c; } }

@media (min-width: 769px) { .introduce-advantage .advantage-figure figcaption + figcaption { margin-left: 25px; } }

.introduce-business .business-textgroup { margin: 28px 0 24px; }

.introduce-business .business-textgroup .desc { font-weight: 400; line-height: 26px; letter-spacing: -0.05em; text-align: left; color: #141414; }

@media (max-width: 768px) { .introduce-business .business-textgroup .desc { font-size: 15px; } }

@media (min-width: 769px) { .introduce-business .business-textgroup .desc { font-size: 18px; } }

.introduce-business .business-content { width: 100%; font-size: 0; }

@media (max-width: 768px) { .introduce-business .business-content { margin: 20px auto 0; text-align: left; } }

@media (min-width: 769px) { .introduce-business .business-content { padding: 0 15px; margin: 29px 0 75px; text-align: center; } }

.introduce-business .business-content .business-figure { display: inline-block; }

@media (max-width: 768px) { .introduce-business .business-content .business-figure { width: 48.5%; padding-bottom: 40px; vertical-align: top; text-align: center; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure { width: 276px; vertical-align: top; text-align: left; } }

@media (max-width: 768px) { .introduce-business .business-content .business-figure:nth-child(2n) { margin-left: 3%; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure:last-child { width: 180px; } }

.introduce-business .business-content .business-figure a { display: block; text-align: left; }

@media (max-width: 768px) { .introduce-business .business-content .business-figure a { text-align: center; max-width: 215px; margin: 0 auto; } }

@media (max-width: 768px) { .introduce-business .business-content .business-figure a img { width: 93.75%; max-width: 150px; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure a img { width: 180px; } }

.introduce-business .business-content .business-figure a .figcaption { display: block; text-align: left; }

@media (min-width: 769px) { .introduce-business .business-content .business-figure a .figcaption { width: 180px; } }

.introduce-business .business-content .business-figure a .figcaption .title { display: inline-block; font-weight: 700; line-height: 23px; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .introduce-business .business-content .business-figure a .figcaption .title { margin-top: 15px; font-size: 16px; }
  .introduce-business .business-content .business-figure a .figcaption .title:lang(en) { letter-spacing: 0; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure a .figcaption .title { font-size: 18px; margin-top: 27px; white-space: nowrap; }
  .introduce-business .business-content .business-figure a .figcaption .title:lang(en) { letter-spacing: -0.06em; } }

.introduce-business .business-content .business-figure a .figcaption .title::after { content: ''; display: inline-block; width: 16px; height: 16px; margin-top: 4px; margin-left: 10px; vertical-align: top; background: url("/images/introduce/icon-arrow-right-blackcircle_lg.png") 0 0/16px auto no-repeat; }

.introduce-business .business-content .business-figure a .figcaption .sub { display: block; font-size: 13px; font-weight: 700; line-height: 20px; color: #666; }

@media (max-width: 768px) { .introduce-business .business-content .business-figure a .figcaption .sub { padding-top: 13px; letter-spacing: -0.13em; }
  .introduce-business .business-content .business-figure a .figcaption .sub:lang(en) { letter-spacing: -0.05em; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure a .figcaption .sub { padding-top: 8px; letter-spacing: -0.05em; white-space: nowrap; } }

.introduce-business .business-content .business-figure a .figcaption .desc { display: block; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .introduce-business .business-content .business-figure a .figcaption .desc { padding-right: 10%; letter-spacing: -0.1em; }
  .introduce-business .business-content .business-figure a .figcaption .desc:lang(en) { letter-spacing: -0.05em; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure a .figcaption .desc { white-space: nowrap; } }

@media (max-width: 768px) { .introduce-business .business-content .business-figure a .figcaption .title + .desc { margin-top: 14px; } }

@media (min-width: 769px) { .introduce-business .business-content .business-figure a .figcaption .title + .desc { margin-top: 6px; } }

.introduce-insight { background: #f7f7f7; }

.introduce-insight .insight-content { font-size: 0; }

@media (max-width: 768px) { .introduce-insight .insight-content { padding: 35px 0 13px; } }

@media (min-width: 769px) { .introduce-insight .insight-content { padding: 35px 0 75px; } }

@media (max-width: 768px) { .introduce-insight .insight-content .insight-list { display: block; margin-bottom: 37px; } }

@media (min-width: 769px) { .introduce-insight .insight-content .insight-list { display: inline-block; width: 330px; margin-right: 25px; vertical-align: top; } }

@media (min-width: 769px) { .introduce-insight .insight-content .insight-list:last-child { margin-right: 0; } }

.introduce-insight .insight-content .insight-list a { display: block; text-decoration: none; }

.introduce-insight .insight-content .insight-list .list-thumb { display: block; width: 100%; padding: 0; margin: 0 auto; }

.introduce-insight .insight-content .insight-list .list-thumb img { display: block; width: 100%; }

.introduce-insight .insight-content .insight-list .list-title { font-weight: 700; letter-spacing: -0.05em; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; }

@media (max-width: 768px) { .introduce-insight .insight-content .insight-list .list-title { height: 50px; margin-top: 14px; font-size: 18px; line-height: 26px; } }

@media (min-width: 769px) { .introduce-insight .insight-content .insight-list .list-title { height: 52px; padding-right: 10px; margin-top: 13px; font-size: 18px; line-height: 26px; } }

.introduce-insight .insight-content .insight-list .list-desc { font-weight: 300; letter-spacing: -0.04em; color: #000; }

@media (max-width: 768px) { .introduce-insight .insight-content .insight-list .list-desc { max-height: 40px; margin-top: 13px; font-size: 13px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; } }

@media (min-width: 769px) { .introduce-insight .insight-content .insight-list .list-desc { max-height: 40px; padding-right: 20px; margin-top: 9px; font-size: 13px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: normal; overflow: hidden; } }

.introduce-subcompany .subcompany-content { width: 100%; margin: 35px 0 75px; font-size: 0; }

.introduce-subcompany .subcompany-figure { margin: 0; }

@media (max-width: 768px) { .introduce-subcompany .subcompany-figure { display: block; max-width: 330px; border: 1px solid #dbdbdb; padding: 36px 15px; border-bottom: none; margin: 0 auto; } }

@media (min-width: 769px) { .introduce-subcompany .subcompany-figure { display: inline-block; max-width: 346px; width: calc(100% / 3); height: 226px; padding: 36px 65px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: left; vertical-align: top; } }

@media (max-width: 768px) { .introduce-subcompany .subcompany-figure:last-child { border-bottom: 1px solid #dbdbdb; } }

@media (min-width: 769px) { .introduce-subcompany .subcompany-figure:last-child { border-right: 1px solid #dbdbdb; } }

.introduce-subcompany .subcompany-figure a { display: block; text-decoration: none; }

.introduce-subcompany .subcompany-figure img { height: 60px; }

@media (max-width: 768px) { .introduce-subcompany .subcompany-figure img { display: block; margin: 0 auto; } }

@media (max-width: 768px) { .introduce-subcompany .subcompany-figure figcaption { text-align: center; } }

.introduce-subcompany .subcompany-figure figcaption .title { display: inline-block; padding-right: 30px; font-size: 18px; font-weight: 700; line-height: 23px; letter-spacing: -0.05em; color: #141414; background: url("/images/introduce/icon-arrow-right-blackcircle_lg.png") right 2px center/16px 16px no-repeat; }

@media (max-width: 768px) { .introduce-subcompany .subcompany-figure figcaption .title { margin-top: 27px; } }

@media (min-width: 769px) { .introduce-subcompany .subcompany-figure figcaption .title { margin-top: 17px; } }

.introduce-subcompany .subcompany-figure figcaption .desc { padding-top: 14px; font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -0.05em; color: #666; }

.introduce-mobile-page .content-body * { box-sizing: border-box; }

.introduce-mobile-page .content-body.mobile-numone .numone-content { width: 100%; padding-top: 35px; font-size: 0; }

.introduce-mobile-page .content-body.mobile-numone .numone-content .row { border-bottom: 1px solid #dbdbdb; }

@media (min-width: 769px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .row { height: 106px; } }

.introduce-mobile-page .content-body.mobile-numone .numone-content .row:first-child { border-top: 1px solid #a5a5a5; }

.introduce-mobile-page .content-body.mobile-numone .numone-content .label { display: inline-block; }

@media (max-width: 768px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .label { width: 23.5%; text-align: center; } }

@media (min-width: 769px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .label { width: 346px; } }

.introduce-mobile-page .content-body.mobile-numone .numone-content .label img { vertical-align: middle; }

@media (max-width: 768px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .label img { width: 80px; } }

@media (min-width: 769px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .label img { width: 78px; } }

@media (min-width: 769px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .label .title { display: inline-block; padding-left: 13px; font-size: 18px; font-weight: 700; line-height: 28px; letter-spacing: -0.05em; text-align: left; vertical-align: middle; color: #141414; } }

.introduce-mobile-page .content-body.mobile-numone .numone-content .desc { display: inline-block; font-size: 13px; font-weight: 400; line-height: 21px; letter-spacing: -0.05em; text-align: left; vertical-align: middle; color: #4c4c4c; }

@media (max-width: 768px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .desc { width: 76.5%; padding: 10px 0 13px; } }

@media (min-width: 769px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .desc { width: 654px; } }

@media (max-width: 768px) { .introduce-mobile-page .content-body.mobile-numone .numone-content .desc .strong { padding-bottom: 3px; font-size: 15px; font-weight: 700; line-height: 27px; letter-spacing: -0.05em; text-align: left; vertical-align: middle; color: #141414; } }

.introduce-media-page .content-body * { box-sizing: border-box; }

.introduce-security-page .content-body * { box-sizing: border-box; }

.introduce-commerce-page .content-body * { box-sizing: border-box; }

.introduce-aimobility-page .content-body * { box-sizing: border-box; }

/*사업소개 끝//*/
/*연혁 페이지 시작//*/
.introduce-history-page .content-body * { box-sizing: border-box; }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .section-inner { padding-bottom: 90px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .section-inner:lang(en) { padding-bottom: 0; } }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content { padding-top: 28px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content { padding-top: 32px; } }

.introduce-history-page .content-body.history-generation .generation-content > .desc { font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap { padding-top: 32px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap { padding-top: 32px; font-size: 0; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont { background: #f7f7f7; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont { padding: 20px; margin-top: 7px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont { display: inline-block; width: 208px; width: calc(100% / 5); height: 467px; padding: 40px 29px; border-right: 2.5px solid #fff; vertical-align: top; } }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont img { height: 65px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont img { height: 137px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc { border-top: 1px solid #dbdbdb; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc { margin-top: 20px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .year { font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0; color: #4c4c4c; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .year { padding: 16px 0 3px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .year { padding-top: 16px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .list { position: relative; padding-left: 9px; font-size: 13px; font-weight: 400; letter-spacing: -0.05em; color: #4c4c4c; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .list { padding-top: 2px; line-height: 25px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .list { padding-top: 5px; line-height: 18px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .list::after { content: ''; display: block; position: absolute; left: 0; width: 2px; height: 2px; background: #141414; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .list::after { top: 14px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap .generation-cont .desc .list::after { top: 13px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en { margin-top: 38px; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont { font-size: 0; background: #f7f7f7; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont { padding: 22px 20px 20px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont + .generation-cont { margin-top: 10px; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure { width: 300px; margin: 0; vertical-align: top; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure { display: block; padding-bottom: 20px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure { display: inline-block; padding: 15px 25px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure::after { content: ''; display: table; clear: both; table-layout: fixed; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure .icon { float: left; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure .icon { height: 65px; padding-right: 15px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure .icon { height: 75px; padding-right: 25px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure .figcaption { float: left; padding: 8px 0 0; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure .figcaption .num { font-size: 34px; font-weight: 700; line-height: 34px; letter-spacing: -0.05em; color: #e51937; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .figure .figcaption .title { margin-top: 3px; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: -0.05em; color: #141414; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc { min-height: 67px; vertical-align: top; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc { padding-top: 17px; border-top: 1px solid #dbdbdb; margin: 0; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc { display: inline-block; width: calc(100% - 300px); border-left: 1px solid #dbdbdb; margin: 30px 0; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .box::after { content: ''; display: table; clear: both; table-layout: fixed; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .box + .box { margin-top: 10px; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .year { font-size: 13px; font-weight: 700; letter-spacing: 0; color: #4c4c4c; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .year { margin-bottom: 6px; line-height: 13px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .year { float: left; width: 85px; padding-left: 30px; line-height: 18px; } }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .ul { float: left; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .list { position: relative; padding-left: 10px; font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: 0; color: #4c4c4c; }

.introduce-history-page .content-body.history-generation .generation-content .generation-wrap-en .generation-cont .desc .list::before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; background: #000; }

@media (min-width: 769px) { .introduce-history-page .content-body.history-table .section-inner { padding-bottom: 110px; } }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .cwrap { padding-bottom: 35px; margin-top: 40px; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-table .cwrap { margin-top: 32px; } }

.introduce-history-page .content-body.history-table .tab-header .tab-item { width: 20%; }

.introduce-history-page .content-body.history-table .tab-body .content-item > ul > li { padding: 45px 0 45px 55px; overflow: hidden; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .content-item > ul > li { padding: 40px 0 40px; } }

.introduce-history-page .content-body.history-table .tab-body .content-item > ul > li + li { border-top: 1px solid #a5a5a5; }

.introduce-history-page .content-body.history-table .tab-body .content-item > ul > li > div { float: left; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .content-item > ul > li > div { float: none; } }

.introduce-history-page .content-body.history-table .tab-body .year-wrap span { display: block; font-size: 34px; font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: #e51937; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .year-wrap span { text-align: left; } }

@media (min-width: 769px) { .introduce-history-page .content-body.history-table .tab-body .year-wrap span { text-align: center; } }

.introduce-history-page .content-body.history-table .tab-body .history-wrap { width: 730px; margin-left: 95px; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .history-wrap { width: auto; margin-top: 30px; margin-left: 0; } }

.introduce-history-page .content-body.history-table .tab-body .history-wrap > p { margin-bottom: 5px; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .history-wrap > p { margin-bottom: 10px; } }

.introduce-history-page .content-body.history-table .tab-body .history-wrap li { position: relative; }

.introduce-history-page .content-body.history-table .tab-body .history-wrap li > * { vertical-align: top; }

.introduce-history-page .content-body.history-table .tab-body .history-wrap li span { position: absolute; display: inline-block; width: 35px; top: 0; left: 0; font-size: 13px; line-height: 24px; color: #e51937; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .history-wrap li span { width: 40px; line-height: 16px; } }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .history-wrap li + li { margin-top: 8px; } }

.introduce-history-page .content-body.history-table .tab-body .history-wrap li p { padding-left: 35px; line-height: 24px; }

@media (max-width: 768px) { .introduce-history-page .content-body.history-table .tab-body .history-wrap li p { padding-left: 40px; line-height: 16px; } }

/*//연혁 페이지 끝*/
/*스포츠 페이지*/
.introduce-sports-page .sports-banner-bottom { margin-top: 100px; }

/*사회적 가치 시작//*/
/*사회적 가치 추구 시작//*/
@media (max-width: 768px) { .manage-intro-page .content-body.intro-value .section-inner { padding-bottom: 48px; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-value .section-inner { padding-bottom: 90px; margin-bottom: -10px; } }

@media (max-width: 768px) { .manage-intro-page .content-body.intro-value .section-inner .textgroup { padding-top: 30px; margin-bottom: 22px; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-value .section-inner .textgroup { padding-top: 30px; margin-bottom: -4px; } }

.manage-intro-page .content-body.intro-value .section-inner .textgroup .desc { font-size: 18px; line-height: 26px; letter-spacing: -0.05em; color: #141414; }

.manage-intro-page .content-body.intro-value .section-inner .image { font-size: 0; text-align: center; }

@media (max-width: 768px) { .manage-intro-page .content-body.intro-value .section-inner .image { padding-top: 35px; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-value .section-inner .image { padding-top: 52px; } }

@media (max-width: 768px) { .manage-intro-page .content-body.intro-value .section-inner .image img { width: 100%; max-width: 330px; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-value .section-inner .image img { width: 789px; } }

.manage-intro-page .content-body.intro-history { background: #f9f9f9; }

@media (max-width: 768px) { .manage-intro-page .content-body.intro-history .section-inner { padding-top: 10px; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-history .section-inner { padding-bottom: 107px; } }

@media (max-width: 768px) { .manage-intro-page .content-body.intro-history .section-inner .textgroup { padding-top: 25px; margin-bottom: 5px; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-history .section-inner .textgroup { padding-top: 25px; margin-bottom: 46px; } }

.manage-intro-page .content-body.intro-history .section-inner .textgroup .desc { font-size: 18px; line-height: 26px; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .manage-intro-page .content-body.intro-history .section-inner .image ol li { padding: 30px 0 28px; border-bottom: 2px dotted #cdcdcd; text-align: center; }
  .manage-intro-page .content-body.intro-history .section-inner .image ol li img { width: 100%; max-width: 330px; }
  .manage-intro-page .content-body.intro-history .section-inner .image ol li:last-child { padding-bottom: 72px; border-bottom: none; } }

@media (min-width: 769px) { .manage-intro-page .content-body.intro-history .section-inner .image { text-align: center; }
  .manage-intro-page .content-body.intro-history .section-inner .image img { width: 100%; vertical-align: top; } }

.manage-intro-page .content-body.intro-history .section-inner .text-wrap { padding-left: 45px; font-size: 0; }

.manage-intro-page .content-body.intro-history .section-inner .text-wrap .group { display: inline-block; width: 25%; padding: 25px 0 0 0; text-align: left; vertical-align: top; }

.manage-intro-page .content-body.intro-history .section-inner .text-wrap .list-title { font-size: 13px; font-weight: 700; line-height: 18px; letter-spacing: -0.025em; color: #4c4c4c; }

.manage-intro-page .content-body.intro-history .section-inner .text-wrap .list { font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.025em; color: #666; }

/*//사회적 가치 추구 끝*/
/*사회적 가치 프로그램 시작//*/
.manage-program-page { letter-spacing: -0.05em; /*mib200422 redconnect 페이지 추가//*/ /*//mib200422 redconnect 페이지 추가*/ }

@media (max-width: 768px) { .manage-program-page:lang(en) { margin-bottom: 72px; } }

@media (max-width: 768px) { .manage-program-page.redconnect:lang(en) { margin-bottom: 0; } }

.manage-program-page .content-body.program-tab * { box-sizing: border-box; }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab { padding-top: 10px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab { width: 1040px; margin: 0 auto; padding-top: 60px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-header { margin-bottom: 29px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-header { margin-bottom: 58px; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-header .custom-select-wrap select option { letter-spacing: -0.025em; }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-header ul li a { letter-spacing: -0.05em; }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-header ul li a:lang(en) { height: 67px; line-height: 23px; padding: 20px 0; }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-header ul li a.doubleline:lang(en) { padding: 10px 0; }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap { margin-bottom: 40px; }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure { background: #f9f9f9; }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure { margin-bottom: 20px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure { height: 175px; margin-bottom: 20px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure.content-red2 { height: 215px; /*mib200605 기존 lang(ko)삭제, 추가*/ } }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure img { width: 100%; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure img { height: 100%; margin-right: 35px; vertical-align: middle; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption { padding: 12px 18px 23px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption { display: inline-block; width: 620px; vertical-align: middle; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption p { font-size: 13px; /*=mib200422 추가*/ letter-spacing: -0.05em; line-height: 21px; color: #4c4c4c; }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption p.title { font-weight: 700; color: #000; }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption p.title { margin-bottom: 12px; font-size: 18px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption p.title { margin-bottom: 16px; font-size: 18px; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .content-wrap figure figcaption .btn-link { /*mib200422 추가//*/ display: inline-block; padding: 0 10px; border: 1px solid #4c4c4c; margin: 11px 0 0; font-size: 12px; font-weight: 400; letter-spacing: -0.045em; line-height: 28px; /*//mib200422 추가*/ }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap { border-top: 1px solid #dbdbdb; margin-bottom: 25px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap { border-top: 1px solid #a5a5a5; margin-bottom: 48px; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li { border-bottom: 1px solid #dbdbdb; }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li { padding: 18px 0; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li { width: 100%; height: 146px; padding: 15px 0; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li p.title[only-mobile] { margin-bottom: 12px; font-size: 15px; font-weight: 700; color: #333; }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .image { width: 100%; margin-bottom: 10px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .image { display: inline-block; width: 205px; height: 115px; margin-right: 20px; vertical-align: middle; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .image img { width: 100%; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .image img { max-width: 100%; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li > .title { margin-bottom: 14px; font-size: 15px; font-weight: 700; line-height: 20px; letter-spacing: -0.05em; color: #333; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .text { display: inline-block; width: 755px; padding-right: 73px; vertical-align: middle; }
  .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .text:lang(en) { width: 810px; padding-right: 0; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .text .title { letter-spacing: -0.05em; }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .text .title { margin-bottom: 8px; font-size: 15px; font-weight: 700; color: #333; } }

.manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .text .desc { line-height: 21px; letter-spacing: -0.05em; }

@media (min-width: 769px) { .manage-program-page .content-body.program-tab .section-inner .tab-wrap .tab-body .content-item .programList-wrap .list-wrap ul li .text .desc { color: #666; } }

.manage-program-page .content-body.program-tab .program-btn { margin-bottom: 75px; text-align: center; }

.manage-program-page .content-body.program-tab .program-btn p { margin-bottom: 18px; letter-spacing: -0.05em; }

.manage-program-page .content-body.program-tab .program-btn a { letter-spacing: -0.05em; }

.manage-program-page .content-body.program-redconnect .redconnect-visual { text-align: center; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-visual { margin: 35px auto 37px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-visual { margin: 50px 0 90px; } }

.manage-program-page .content-body.program-redconnect .redconnect-visual .figure { margin: 0 auto; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-visual .img { width: 100%; max-width: 360px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-visual .img { max-width: 100%; } }

.manage-program-page .content-body.program-redconnect .redconnect-history { font-size: 0; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-title { height: 20px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-title { max-width: 100%; } }

.manage-program-page .content-body.program-redconnect .redconnect-history .history-content { box-sizing: border-box; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-content { padding: 15px 15px 3px; margin: 25px -15px 0; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-content { padding-top: 33px; padding-bottom: 53px; margin: 40px auto 76px; background: url("/images/manage/redconnect-history-line_lg.png?v200903") center top/23px auto no-repeat; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-content:lang(en) { padding-bottom: 66px; background: url("/images/en/csr/redconnect-history-line-en_lg.png") center top/23px auto no-repeat; } }

.manage-program-page .content-body.program-redconnect .redconnect-history .history-item { position: relative; box-sizing: border-box; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item { padding-left: 30px; padding-right: 15px; padding-bottom: 50px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item { height: 350px; padding-top: 210px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item:nth-child(2n-1) { margin-right: calc(50% + 25px); text-align: left; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item:nth-child(2n-1) .date { right: 0; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item:nth-child(2n-1) .img { left: 0; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item:nth-child(2n) { margin-left: calc(50% + 25px); text-align: right; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item:nth-child(2n) .date { left: 0; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item:nth-child(2n) .img { right: 0; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item::before { content: ''; display: block; width: 15px; height: 100%; position: absolute; top: 0; left: 0; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-07 { padding-top: 22px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-07 { margin-top: 0; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-07::before { background: url("/images/manage/redconnect-history-line_sm.png") left 0 top/105px auto no-repeat; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-06 { margin-top: -243px; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-06:lang(en) { margin-top: -241px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-06::before { background: url("/images/manage/redconnect-history-line_sm.png") left -15px top/105px auto no-repeat; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-05 { margin-top: -41px; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-05:lang(en) { margin-top: -21px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-05::before { background: url("/images/manage/redconnect-history-line_sm.png") left -30px top/105px auto no-repeat; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-04 { margin-top: -256px; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-04:lang(en) { margin-top: -283px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-04::before { background: url("/images/manage/redconnect-history-line_sm.png") left -45px top/105px auto no-repeat; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-04:lang(en)::before { background: url("/images/manage/redconnect-history-line_sm.png") left -45px top 1px/105px auto repeat-y; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-03 { margin-top: -51px; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-03:lang(en) { margin-top: 38px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-03::before { background: url("/images/manage/redconnect-history-line_sm.png") left -60px top/105px auto no-repeat; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-02 { margin-top: -272px; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-02:lang(en) { margin-top: -281px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-02::before { background: url("/images/manage/redconnect-history-line_sm.png") left -75px top/105px auto no-repeat; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-02:lang(en)::before { background: url("/images/manage/redconnect-history-line_sm.png") left -75px top 1px/105px auto repeat-y; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-01 { margin-top: -48px; }
  .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-01:lang(en) { margin-top: -21px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-01::before { background: url("/images/manage/redconnect-history-line_sm.png?v200903") left -90px top/105px auto no-repeat; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item.item-01:lang(en)::before { background: url("/images/en/csr/redconnect-history-line-en_sm.png") left -90px top/105px auto no-repeat; } }

.manage-program-page .content-body.program-redconnect .redconnect-history .history-item .date { font-size: 15px; font-weight: 700; line-height: 1.33333; letter-spacing: 0; word-break: keep-all; color: #e51937; }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .date { position: absolute; top: 0; } }

.manage-program-page .content-body.program-redconnect .redconnect-history .history-item .title { font-size: 18px; font-weight: 700; line-height: 1.4444; letter-spacing: -0.05em; word-break: keep-all; color: #141414; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .title { margin-top: 9px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .title:lang(en) { margin-bottom: 10px; } }

.manage-program-page .content-body.program-redconnect .redconnect-history .history-item .figure { margin: 0; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .figure .img { height: 122px; margin-top: 11px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .figure .img { position: absolute; top: 0; height: 178px; } }

.manage-program-page .content-body.program-redconnect .redconnect-history .history-item .figure .desc { font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: -0.05em; word-break: keep-all; color: #666; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .figure .desc { margin-top: 11px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-history .history-item .figure .desc { display: inline-block; width: 420px; } }

.manage-program-page .content-body.program-redconnect .redconnect-banner { background: #f9f9f9; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner { position: relative; padding: 169px 0 80px; text-align: center; }
  .manage-program-page .content-body.program-redconnect .redconnect-banner:lang(en) { padding-top: 186px; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner { padding: 80px 0; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner { position: fixed; left: 0; bottom: 0; z-index: 3; width: 100%; padding: 10px 0 15px; text-align: center; background: rgba(0, 0, 0, 0.8); } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .title { font-size: 13px; font-weight: 400; line-height: 1.3; letter-spacing: 0; color: #fff; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app { margin: 10px auto 0; font-size: 0; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app .link { display: inline-block; vertical-align: top; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app .link + .link { margin-left: 10px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app img { height: 36px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app.only-mac, .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app.is-macos { display: none; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .float-banner .link-app.only-mac.is-macos { display: block; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .inner { width: 1040px; margin: 0 auto; } }

.manage-program-page .content-body.program-redconnect .redconnect-banner .thumb-link { position: relative; }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .thumb-link { display: block; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .thumb-link { display: inline-block; margin-right: 40px; vertical-align: top; text-decoration: none; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .thumb-link .thumb-img { width: 480px; } }

@media (max-width: 768px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap { position: absolute; top: 40px; left: 0; right: 0; margin: 0 auto; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap { display: inline-block; max-width: calc(100% - 560px); vertical-align: top; } }

.manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap .sm-title { font-size: 15px; font-weight: 400; line-height: 1.3; letter-spacing: 0; color: #141414; }

.manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap .lg-title { font-size: 21px; font-weight: 700; line-height: 1.3; letter-spacing: 0; color: #141414; }

.manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap .link { display: inline-block; padding: 0 24px; border-radius: 18px; margin-top: 15px; font-size: 15px; font-weight: 400; line-height: 36px; letter-spacing: -0.05em; text-decoration: none; color: #fff; background: #e51937; }

.manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap .apps-wrap { display: none; }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap .apps-wrap { display: block; margin-top: 26px; margin-left: -10px; font-size: 0; } }

@media (min-width: 769px) { .manage-program-page .content-body.program-redconnect .redconnect-banner .text-wrap .apps-wrap .link-app { display: inline-block; width: 140px; text-decoration: none; vertical-align: top; } }

/*//사회적 가치 프로그램 끝*/
/*//사회적 가치 끝*/
/* 책임경영 mib200721 추가// */
@media (max-width: 768px) { .crm-page .content-body .tax .part > .desc-nor-b ~ .h5-nor { margin-top: 23px; margin-bottom: 21px; } }

@media (min-width: 769px) { .crm-page .content-body .tax .part > .desc-nor-b ~ .h5-nor { margin-top: 20px; margin-bottom: 15px; } }

@media (max-width: 768px) { .crm-page .content-body .tax .part > .desc-nor-b ~ .h5-nor:nth-of-type(2) { margin-top: 17px; margin-bottom: 21px; } }

@media (min-width: 769px) { .crm-page .content-body .tax .part > .desc-nor-b ~ .h5-nor:nth-of-type(2) { margin-top: 55px; margin-bottom: 18px; } }

.crm-page .content-body .tax .part ul .cell-wrap:last-child { border-bottom: 1px solid #dbdbdb; }

@media (min-width: 769px) { .crm-page .content-body .tax .part ul .cell-wrap .cell { padding: 26px 0; } }

.crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.check { background: url("/images/manage/csr-check-list.png") left center/9px no-repeat; }

@media (max-width: 768px) { .crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.check { padding-left: 16px; margin-top: 18px; line-height: 19px; background-position: left top 6px; } }

@media (min-width: 769px) { .crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.check { margin-left: 9px; padding-left: 14px; line-height: 25px; } }

@media (max-width: 768px) { .crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.check:lang(en) { background-position: left top 7px; } }

@media (min-width: 769px) { .crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.check:lang(en) { background-position: left top 10px; } }

@media (max-width: 768px) { .crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.bar + .check { margin-top: 13px; } }

@media (min-width: 769px) { .crm-page .content-body .tax .part ul .cell-wrap .cell .desc-nor.bar + .check { margin-top: 6px; } }

.crm-page .content-body .tax .part ul .cell-wrap > div:first-child:lang(ko) { width: 240px; }

.crm-page .content-body .principle .part-04 { margin-top: 88px; }

@media (max-width: 768px) { .crm-page .content-body .principle .part-04 .segment.sgm-01 h6 { margin-bottom: 0; } }

@media (min-width: 769px) { .crm-page .content-body .principle .part-04 .segment.sgm-01 h6 { margin: 62px 0 -5px; } }

@media (max-width: 768px) { .crm-page .content-body .principle .part-05 { margin-top: 46px; } }

@media (min-width: 769px) { .crm-page .content-body .principle .part-05 { margin-top: 39px; } }

.crm-page .content-body .principle .part-05 .h5-nor { font-weight: 400; letter-spacing: -0.05em; color: #e51937; }

@media (max-width: 768px) { .crm-page .content-body .principle .part-05 .h5-nor { margin-bottom: 15px; font-size: 15px; line-height: 1.2; } }

@media (min-width: 769px) { .crm-page .content-body .principle .part-05 .h5-nor { margin-bottom: 18px; font-size: 21px; line-height: 25px; } }

@media (max-width: 768px) { .crm-page .content-body .principle .part-05 .sgm-03 { margin-top: 41px; } }

@media (min-width: 769px) { .crm-page .content-body .principle .part-05 .sgm-03 { margin-top: 27px; } }

@media (max-width: 768px) { .crm-page .content-body .principle .part-05 .sgm-03 h6 { font-size: 15px; margin-bottom: 36px; } }

@media (min-width: 769px) { .crm-page .content-body .principle .part-05 .sgm-03 h6 { margin-bottom: 21px; } }

@media (max-width: 768px) { .crm-page .content-body .principle .part-05 .sgm-04 { margin-top: 45px; } }

@media (min-width: 769px) { .crm-page .content-body .principle .part-05 .sgm-04 { margin-top: 51px; } }

.crm-page .content-body .env .part-01 .graph-wrap { margin: 0 auto; }

@media (max-width: 768px) { .crm-page .content-body .env .part-01 .graph-wrap .graph { display: block; max-width: 330px; margin: 40px auto 74px; } }

@media (min-width: 769px) { .crm-page .content-body .env .part-01 .graph-wrap .graph { display: block; width: 1040px; margin: 72px auto 70px; } }

.crm-page .content-body .env .tab7-list { margin: 0; }

@media (max-width: 768px) { .crm-page .content-body .env .tab7-list { padding: 24px 15px; }
  .crm-page .content-body .env .tab7-list:lang(en) { padding: 30px 10px; } }

@media (min-width: 769px) { .crm-page .content-body .env .tab7-list { padding: 39px 24px; } }

.crm-page .content-body .env .tab7-list .item { font-size: 15px; font-weight: 700; line-height: 1.333333; letter-spacing: -0.05em; color: #4c4c4c; }

.crm-page .content-body .env .tab7-list .item:lang(en) { letter-spacing: 0; }

@media (max-width: 768px) { .crm-page .content-body .env .tab7-list .item { padding-left: 23px; text-indent: -23px; }
  .crm-page .content-body .env .tab7-list .item:lang(en) { padding-left: 27px; text-indent: -28px; } }

@media (min-width: 769px) { .crm-page .content-body .env .tab7-list .item { padding-left: 26px; text-indent: -28px; } }

@media (max-width: 768px) { .crm-page .content-body .env .tab7-list .item ~ .item { margin-top: 21px; } }

@media (min-width: 769px) { .crm-page .content-body .env .tab7-list .item ~ .item { margin-top: 18px; } }

.crm-page .content-body .env .part-04 * { box-sizing: border-box; }

.crm-page .content-body .env .part-04 .table-wrap .keep-all { word-break: keep-all !important; }

.crm-page .content-body .env .part-04 .table-wrap .left { text-align: left !important; }

.crm-page .content-body .env .part-04 .table-wrap .table { width: 100%; border-top: 1px solid #8c8c8c; border-bottom: 1px solid #bababa; }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table { display: block; } }

.crm-page .content-body .env .part-04 .table-wrap .table .tr { font-size: 0; }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .tr { display: block; position: relative; float: left; width: 100%; overflow: hidden; } }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .tr { display: block; } }

.crm-page .content-body .env .part-04 .table-wrap .table .th { font-weight: 700; line-height: 20px; letter-spacing: -0.05em; text-align: center; vertical-align: middle; color: #4c4c4c; }

.crm-page .content-body .env .part-04 .table-wrap .table .th:lang(en) { letter-spacing: 0; }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .th { display: block; position: relative; float: left; width: 100%; padding: 14px 10px 15px; margin-bottom: 20px; font-size: 13px; background: #f9f9f9; } }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .th { display: inline-block; width: 20%; padding: 14px 20px; font-size: 15px; } }

.crm-page .content-body .env .part-04 .table-wrap .table .td { font-size: 13px; letter-spacing: 0; text-align: center; vertical-align: middle; }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .td { display: block; position: relative; float: left; width: 100%; padding: 0; line-height: 20px; text-align: left; color: #666; } }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .td { display: inline-block; width: 20%; padding: 18px 20px; line-height: 22px; color: #1a1a1a; } }

.crm-page .content-body .env .part-04 .table-wrap .table .td:first-child { color: #4c4c4c; }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .td:last-child { margin-bottom: 20px; } }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .td .year { display: inline-block; width: calc(50% - 5px); padding-left: 10px; border-right: 1px solid #d1d1d1; margin-right: 18px; font-size: 13px; line-height: 20px; font-weight: 700; color: #333; } }

.crm-page .content-body .env .part-04 .table-wrap .table .thead .tr { border-bottom: 1px solid #8c8c8c; }

.crm-page .content-body .env .part-04 .table-wrap .table .thead .th { background: #f9f9f9; }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .thead .th:lang(en) { width: 18.5%; } }

.crm-page .content-body .env .part-04 .table-wrap .table .thead .th:first-child { text-align: left; }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .thead .th:first-child:lang(en) { width: 26%; } }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .tbody { display: block; width: 100%; overflow: hidden; } }

.crm-page .content-body .env .part-04 .table-wrap .table .tbody .tr + .tr { border-top: 1px solid #d1d1d1; }

@media (max-width: 768px) { .crm-page .content-body .env .part-04 .table-wrap .table .tbody .th { border-bottom: 1px solid #d6d6d6; } }

.crm-page .content-body .env .part-04 .table-wrap .table .tbody .th:first-child { text-align: left; letter-spacing: -0.05em; }

.crm-page .content-body .env .part-04 .table-wrap .table .tbody .th:first-child:lang(en) { font-size: 13px; letter-spacing: 0; }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .tbody .th:first-child:lang(en) { width: 26%; } }

@media (min-width: 769px) { .crm-page .content-body .env .part-04 .table-wrap .table .tbody .td:lang(en) { width: 18.5%; } }

/* 책임경영 //mib200721 추가 */
/*실적발표 mib200916 추가//*/
.result-page .board-search.add-submit > form { padding-right: 54px; }

.result-page .board-search.add-submit .btn-submit { width: 49px; text-indent: 0; background: #333; }

/*실적발표 //mib200916 추가*/
/*IR미팅//*/
.irmeeting-page .content-body * { box-sizing: border-box; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header { font-size: 0; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-desc { font-size: 13px; font-weight: 400; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-desc { line-height: 22px; margin-top: 15px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-desc { display: inline-block; width: calc(100% - 254px); line-height: 13px; vertical-align: bottom; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector { position: relative; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector { height: 75px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector { display: inline-block; width: 254px; height: 85px; vertical-align: bottom; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .date-month { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; padding: 0 40px; font-weight: 400; letter-spacing: -0.025em; text-align: center; color: #141414; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .date-month { font-size: 30px; line-height: 35px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .date-month { font-size: 36px; line-height: 40px; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn { position: absolute; bottom: 0; z-index: 1; border: 1px solid #e6e6e6; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn { width: 35px; height: 35px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn { width: 38px; height: 40px; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.prev { left: 0; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.prev::after { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #666; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.prev.is-disable { cursor: default; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.prev.is-disable::after { border-right: 8px solid #ccc; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.next { right: 0; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.next::after { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #666; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-header .calendar-selector .btn.next.disable::after { border-left: 8px solid #ccc; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body { margin: 15px 0 75px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body { margin: 20px 0 160px; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body table { width: 100%; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body thead th { width: 14.2857%; height: 41px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; vertical-align: middle; font-size: 13px; line-height: 22px; letter-spacing: -0.025em; color: #4c4c4c; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body tbody tr { height: 47px; /*mib200625 height 수정*/ } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body tbody tr { height: 110px; /*mib200625 height 수정*/ } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body tbody tr:first-child td { height: 53px; padding-top: 6px; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body tbody tr:last-child td { height: 53px; padding-bottom: 6px; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body tbody td { height: auto; /*mib200625 height 수정*/ vertical-align: middle; text-align: center; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body tbody td { height: auto; /*mib200625 height 수정*/ padding: 13px 0 10px; border-bottom: 1px solid #d1d1d1; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body tr th:first-child, .irmeeting-page .content-body.irmeeting-calendar .calendar-body tr td:first-child .m-date, .irmeeting-page .content-body.irmeeting-calendar .calendar-body tr td:first-child .pc-date { color: #e51937; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-date { display: none; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-date { display: block; cursor: default; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 100%; margin: 0 auto; font-size: 15px; font-weight: 400; text-align: center; line-height: 28px; letter-spacing: -0.025em; color: #4c4c4c; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-date.is-holiday { color: #e51937; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-date.is-disable { color: #999; background: #ddd; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-date.is-able { cursor: pointer; color: #fff; background: #ff7902; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-date.m-date.is-able + .m-popup.is-active { display: block; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-popup { display: none; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-popup { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-dimmed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: 0; margin: 0; background: rgba(0, 0, 0, 0.5); } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-link-wrap { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-link-wrap .m-link { display: block; width: 300px; height: 60px; padding: 0 25px; font-size: 15px; line-height: 60px; letter-spacing: -0.025em; text-align: left; color: #4c4c4c; background: #fff; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .m-link-wrap .m-link + .m-link { border-top: 1px solid #ebebeb; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-date { display: none; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-date { display: block; font-size: 15px; font-weight: 400; line-height: 15px; letter-spacing: -0.025em; color: #4c4c4c; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-date.is-holiday { color: #e51937; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .today { margin-left: 15px; font-size: 12px; font-weight: 400; line-height: 15px; letter-spacing: 0; color: #ff7900; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links { display: none; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links { display: block; margin-top: 10px; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link { display: block; font-size: 0; text-align: left; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link .cate { display: inline-block; width: 35px; height: 17px; border-radius: 8px; margin-right: 5px; font-size: 10px; font-weight: 700; line-height: 16px; letter-spacing: -0.05em; text-align: center; vertical-align: middle; color: #fff; background: #ff7902; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link .cate:lang(en) { width: 58px; letter-spacing: 0; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link .time { display: inline-block; max-width: calc(100% - 40px); font-size: 12px; font-weight: 400; line-height: 13px; letter-spacing: -0.05em; vertical-align: middle; color: #141414; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link .time:lang(en) { max-width: calc(100% - 63px); letter-spacing: 0; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link.is-disable { cursor: default; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link.is-disable .cate { color: #999; background: #ddd; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link.is-disable .time { color: #999; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .pc-links .link + .link { margin-top: 5px; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .calendar-legend { padding-top: 10px; border-top: 1px solid #d1d1d1; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .calendar-legend .stat { font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: -0.025em; vertical-align: middle; color: #4c4c4c; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-calendar .calendar-body .calendar-legend .stat::before { content: ''; display: inline-block; width: 15px; height: 15px; border-radius: 100%; margin-right: 5px; vertical-align: middle; background: #ff7902; } }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .calendar-legend .stat.disable { margin-left: 30px; }

.irmeeting-page .content-body.irmeeting-calendar .calendar-body .calendar-legend .stat.disable::before { background: #ddd; }

.irmeeting-page .content-body.irmeeting-reg .reg-desc { font-size: 13px; font-weight: 400; color: #141414; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-desc { margin: 14px 0 26px; line-height: 22px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-desc { margin: 35px 0 30px; line-height: 13px; } }

.irmeeting-page .content-body.irmeeting-reg .reg-process { font-size: 0; text-align: center; }

.irmeeting-page .content-body.irmeeting-reg .reg-process .process { display: inline-block; position: relative; border-radius: 100%; vertical-align: middle; background: #f7f7f7; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process { width: 100px; height: 100px; }
  .irmeeting-page .content-body.irmeeting-reg .reg-process .process:lang(en) { height: 125px; border-radius: 50px; } }

@media (max-width: 768px) and (max-width: 359px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process { width: 80px; height: 80px; }
  .irmeeting-page .content-body.irmeeting-reg .reg-process .process:lang(en) { height: 125px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process { width: 128px; height: 128px; } }

.irmeeting-page .content-body.irmeeting-reg .reg-process .process.point { background: #e51937; }

.irmeeting-page .content-body.irmeeting-reg .reg-process .process.point .txt span, .irmeeting-page .content-body.irmeeting-reg .reg-process .process.point .txt p, .irmeeting-page .content-body.irmeeting-reg .reg-process .process.point .txt .strong { color: #fff; }

.irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt { width: 100%; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; left: 0; margin: 0 auto; }

.irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .strong { display: block; font-weight: 700; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .strong { font-size: 12px; line-height: 15px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .strong { font-size: 13px; line-height: 20px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .strong.txt-sm:lang(en) { font-size: 12px; } }

.irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .normal { display: block; font-weight: 400; line-height: 15px; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .normal { font-size: 10px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .process .txt .normal { font-size: 11px; } }

.irmeeting-page .content-body.irmeeting-reg .reg-process .dash { display: inline-block; position: relative; vertical-align: middle; overflow: visible; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .dash { width: 15px; height: 2px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .dash { width: 2px; height: 2px; margin: 0 19px; border-radius: 100%; background: #666; } }

.irmeeting-page .content-body.irmeeting-reg .reg-process .dash::before, .irmeeting-page .content-body.irmeeting-reg .reg-process .dash::after { content: ''; display: block; position: absolute; top: 0; width: 2px; height: 2px; border-radius: 100%; background: #666; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .dash::before { left: 3px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .dash::before { left: -5px; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .dash::after { right: 3px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .reg-process .dash::after { right: -5px; } }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title { position: relative; font-size: 0; }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title img { height: 21px; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title img.multiline { height: 46px; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title .chk-box { display: block; padding-top: 20px; border-top: 1px solid #ccc; margin-top: 20px; text-align: right; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title .chk-box { position: absolute; display: inline-block; right: 0; bottom: 2px; } }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title .chk-box .chk-input { -webkit-appearance: checkbox; appearance: checkbox; vertical-align: middle; }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-title .chk-box .chk-label { margin-left: 4px; font-size: 13px; font-weight: 400; line-height: 16px; vertical-align: middle; color: #141414; }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label { display: inline-block; line-height: 30px; font-weight: 700; color: #141414; letter-spacing: -0.05em; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label { font-size: 13px; /*mib200420 fontsize 미디어쿼리 추가*/ } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label { font-size: 12px; /*mib200420 fontsize 미디어쿼리 추가*/ } }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label label { line-height: 1.3; /*mib200422 lineheight 추가*/ color: #e51937; /*mib200422 color 추가*/ }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label label:lang(en) { letter-spacing: 0; /*mib200422 영문 letterspacing 추가*/ }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label::after { content: ''; display: table; clear: both; table-layout: fixed; /*mib200518 clearfix 추가*/ }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label .point-must { font-size: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; color: #e51937; }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-label .unit { float: right; font-size: 13px; font-weight: 400; line-height: inherit; vertical-align: middle; color: #141414; /*mib200518 unit 선택자 추가*/ }

.irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-wrap { border-top: 1px solid #ccc; margin-top: 20px; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-wrap { padding: 10px 0 0; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-wrap { padding: 26px 0 0; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .irmeeting-reg-wrap.m-custom { padding: 5px 0 0; border-top: 0; margin-top: 0; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info { margin-top: 40px; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info.investor { margin-top: 60px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info.investor { margin-top: 80px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .irmeeting-reg-label { display: block; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .custom-select-wrap { height: auto; /*mib200422 추가*/ border: none; /*mib200422 수정*/ line-height: 30px; /*mib200422 추가*/ font-weight: 700; /*mib200422 추가*/ }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .custom-select-wrap { font-size: 13px; /*mib200422 추가*/ } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .custom-select-wrap { font-size: 12px; /*mib200422 추가*/ } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .custom-select-wrap label { line-height: 1.3; /*mib200422 lineheight 추가*/ color: #e51937; /*mib200422 color 추가*/ }

.irmeeting-page .content-body.irmeeting-reg .regist-info .custom-select-wrap label:lang(en) { letter-spacing: 0; /*mib200422 추가*/ }

.irmeeting-page .content-body.irmeeting-reg .regist-info .custom-select-wrap select { position: relative; height: 40px; /*mib200422 추가*/ border: 1px solid #e7e7e7; /*mib200422 추가*/ z-index: 1; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group { font-size: 0; text-align: left; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item { vertical-align: top; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item { display: inline-block; width: 328px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"] { display: block; width: 100%; height: 40px; padding: 0 15px; border: 1px solid #e7e7e7; border-radius: 2px; font-size: 14px; line-height: 38px; letter-spacing: 0; color: #333; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"]::-webkit-input-placeholder { font-size: 14px; line-height: 38px; color: #666; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"]:-moz-input-placeholder { font-size: 14px; line-height: 38px; color: #666; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"]::-moz-input-placeholder { font-size: 14px; line-height: 38px; color: #666; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"]:-ms-input-placeholder { font-size: 14px; line-height: 38px; color: #666; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"]::placeholder { font-size: 14px; line-height: 38px; color: #666; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"].reg-date { display: inline-block; width: 99px; padding: 0; margin-right: 5px; vertical-align: top; text-align: center; color: #999; background: #f9f9f9; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"].reg-date + .custom-select-wrap { display: inline-block; width: calc(100% - 104px); vertical-align: top; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item.long { width: 684px; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item + .item { margin-top: 11px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item + .item { margin-left: 28px; } }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group + .item-group { margin-top: 11px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group + .item-group { margin-top: 27px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-group .item-group + .item-group { border-top: 1px dashed #e7e7e7; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-group .item-group + .item-group { padding-top: 12px; margin-top: 35px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-group .item-group + .item-group { padding-top: 28px; margin-top: 33px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append { padding-top: 10px; border-top: 1px solid #e7e7e7; margin-top: 35px; text-align: right; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append::after { content: ''; display: table; clear: both; table-layout: fixed; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn { position: relative; padding: 0 0 0 32px; border: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: -0.025em; text-decoration: none; vertical-align: top; color: #4c4c4c; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn.remove { float: left; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn.remove .icon { background: #dbdbdb; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn.remove .icon::before { display: none; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn.append { float: right; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn.append { margin-left: 50px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn.append .icon { background: #1a1a1a; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn .icon { position: absolute; left: 0; display: block; width: 24px; height: 24px; border-radius: 100%; color: rgba(0, 0, 0, 0); position: absolute; top: 50%; -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); overflow: hidden; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn .icon::before, .irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn .icon::after { content: ''; display: block; background: #fff; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn .icon::before { width: 2px; height: 11px; }

.irmeeting-page .content-body.irmeeting-reg .regist-info .reg-append .reg-btn .icon::after { width: 11px; height: 2px; }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy { margin-top: 27px; }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea { margin-top: 10px; padding: 14px 19px; border: 1px solid #e6e6e6; border-radius: 2px; background-color: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea { height: 220px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea { height: 165px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea p { font-size: 13px; line-height: 20px; color: #141414; }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea ul { border-bottom: 1px solid #e6e6e6; margin-top: 11px; overflow: hidden; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea ul { border-top: 1px solid #ccc; } }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea ul + p { margin-top: 10px; }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li { float: left; width: 38%; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li:first-child { width: 24%; } }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li > div { padding: 11px 20px 11px; }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li .th { border-bottom: 1px solid #e6e6e6; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li .th { border-top: 1px solid #ccc; } }

.irmeeting-page .content-body.irmeeting-reg .regist-privacy .privacy-textarea li .th p { font-weight: 700; }

.irmeeting-page .content-body.irmeeting-reg .regist-agree { margin-top: 12px; }

.irmeeting-page .content-body.irmeeting-reg .regist-agree::after { content: ''; display: table; clear: both; table-layout: fixed; }

.irmeeting-page .content-body.irmeeting-reg .regist-agree .notice { display: inline-block; font-size: 12px; line-height: 21px; color: #e51937; letter-spacing: -0.05em; }

.irmeeting-page .content-body.irmeeting-reg .regist-agree .radio-group { font-size: 0; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-agree .radio-group { display: block; margin-top: 26px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-agree .radio-group { float: right; } }

.irmeeting-page .content-body.irmeeting-reg .regist-agree .radio-group .component-wrap { display: inline-block; }

.irmeeting-page .content-body.irmeeting-reg .regist-agree .radio-group .component-wrap + .component-wrap { margin-left: 40px; }

.irmeeting-page .content-body.irmeeting-reg .regist-submit { padding-top: 20px; border-top: 1px solid #8c8c8c; font-size: 0; text-align: center; }

@media (max-width: 768px) { .irmeeting-page .content-body.irmeeting-reg .regist-submit { margin: 50px auto 75px; } }

@media (min-width: 769px) { .irmeeting-page .content-body.irmeeting-reg .regist-submit { margin: 70px auto 88px; } }

.irmeeting-page .content-body.irmeeting-reg .regist-submit .btn { display: inline-block; width: 150px; height: 36px; font-size: 15px; letter-spacing: -0.05em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }

.irmeeting-page .content-body.irmeeting-reg .regist-submit a { border: 1px solid #4c4c4c; margin-left: 10px; line-height: 34px; }

.irmeeting-page .content-body.irmeeting-reg .regist-submit button { border: none; color: #fff; background-color: #e51937; }

/*//IR미팅*/
/*주주총회 mib20200312 추가 //*/
.meeting-banner { display: block; }

@media (max-width: 768px) { .meeting-banner { margin: 8px 0 3px; } }

@media (min-width: 769px) { .meeting-banner { width: 425px; margin: 6px 0 2px; } }

.meeting-banner .img { width: 100%; }

.meeting-notice { padding: 0; }

@media (max-width: 768px) { .meeting-notice { margin: 23px 0 21px; } }

@media (min-width: 769px) { .meeting-notice { margin: 22px 0 26px; } }

.meeting-notice:lang(ko) { letter-spacing: -0.025em; }

.meeting-dl .tlt { margin-bottom: 2px; font-size: 13px; font-weight: 700; line-height: 20px; color: #000; }

.meeting-dl .list { position: relative; padding-left: 7px; font-size: 13px; line-height: 20px; color: #4c4c4c; }

.meeting-dl .list::before { content: ''; display: block; position: absolute; top: 7px; left: 0; width: 2px; height: 2px; background: #666; }

.meeting-dl .list::before:lang(en) { top: 10px; }

.meeting-dl .list + .list { margin-top: 2px; }

.meeting-link { font-size: 0; }

@media (max-width: 768px) { .meeting-link { margin: 12px 0 26px; } }

@media (min-width: 769px) { .meeting-link { margin: 11px 0 24px; } }

.meeting-link .link { display: inline-block; height: 28px; border: 1px solid #4c4c4c; font-size: 12px; line-height: 26px; padding: 0 10px; margin-right: 10px; color: #141414; }

.meeting-link .link:lang(ko) { letter-spacing: -0.045em; }

@media (max-width: 768px) { .meeting-notice2 { margin: 0 0 -9px; } }

@media (min-width: 769px) { .meeting-notice2 { margin: 0 0 -30px; } }

@media (max-width: 768px) { .desc-nor.strong + .meeting-dl { margin-top: 7px; } }

@media (min-width: 769px) { .desc-nor.strong + .meeting-dl { margin-top: 6px; } }

/*//주주총회 mib20200312 추가 */
/*주주환원 mib200723 추가//*/
.return-page .table-type-nor .unit { position: absolute; top: -30px; right: 0; font-size: 13px; line-height: 1; color: #666; letter-spacing: -0.02em; }

/*//주주환원 mib200723 추가*/
/*지배구조 mib200730 추가//*/
.structure-page .cbody-01 .part-link { border-bottom: 1px solid #b8b8b8; }

.structure-page .cbody-01 .part-link::after { content: ''; display: table; clear: both; table-layout: fixed; }

@media (max-width: 768px) { .structure-page .cbody-01 .part-link { padding: 16px 10px 20px; margin-bottom: 50px; } }

@media (min-width: 769px) { .structure-page .cbody-01 .part-link { padding: 35px 20px; margin-bottom: 60px; } }

.structure-page .cbody-01 .part-link .title { display: inline-block; float: left; width: auto; color: #4c4c4c; }

@media (max-width: 768px) { .structure-page .cbody-01 .part-link .title { font-size: 14px; line-height: 1.6; } }

@media (min-width: 769px) { .structure-page .cbody-01 .part-link .title { font-size: 16px; font-weight: 700; line-height: 36px; } }

.structure-page .cbody-01 .part-link .btn-wrap { display: inline-block; float: right; width: auto; }

@media (max-width: 768px) { .structure-page .cbody-01 .part-link .btn-wrap { margin-top: 6px; } }

/*//지배구조 mib200730 추가*/
/* Tum 컨텐츠 추가 //*/
@media (max-width: 768px) { .tum-page .content-body.cbody-06 .part-wrap { padding-bottom: 30px; border-bottom: 1px solid #c9c9c9; } }

@media (max-width: 359px) { .tum-page .content-body.cbody-06 .part-02 .tab-header-2 ul li + li { margin-left: 4px; } }

.tum-page .content-body.cbody-06 .part-02 .tab-body-2 .box .date { font-weight: 400; }

@media (max-width: 768px) { .tum-page .content-body.cbody-06 .part-02 .tab-body-2 .box .date { font-size: 24px; } }

.tum-page .content-body.cbody-07 ul { font-size: 0; }

.tum-page .content-body.cbody-07 ul li { float: none; display: inline-block; vertical-align: top; }

@media (max-width: 768px) { .tum-page .content-body.cbody-07 ul li .title { font-size: 16px; } }

.tum-page .content-body.cbody-08 * { box-sizing: border-box; }

.tum-page .content-body.cbody-08 .section-inner { position: relative; }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .img-wrap { position: relative; top: auto; width: 100%; height: 0; margin-top: 25px; padding-bottom: 53%; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .img-wrap { position: absolute; top: 110px; right: 0; width: 475px; height: 266px; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .img-wrap img { position: absolute; margin: 0; top: 0; left: 0; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .txt-wrap { width: 100%; margin-top: 30px; padding-bottom: 50px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .txt-wrap { width: 465px; margin-top: 30px; padding-bottom: 100px; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .txt-wrap .desc-nor { margin-top: 15px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .txt-wrap .desc-nor { margin-top: 10px; } }

.tum-page .content-body.cbody-08 .desc-wrap { position: relative; font-size: 0; }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap { max-width: 330px; margin: 20px auto 10px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .desc-wrap { height: 167px; margin-top: 25px; } }

.tum-page .content-body.cbody-08 .desc-wrap .circle-wrap { display: inline-table; border-radius: 57.5px; vertical-align: middle; background: #f4f4f4; }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap { position: relative; width: 100%; height: 105px; padding: 0 0 0 106px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap { width: 475px; height: 115px; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap ~ .circle-wrap { margin-top: 5px; } }

.tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .circle { display: inline-table; border-radius: 100%; background: #ff7902; }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .circle { position: absolute; top: 15px; left: 15px; width: 75px; height: 75px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .circle { width: 115px; height: 115px; } }

.tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .circle.red { background: #e51937; }

.tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .circle.red .txt { letter-spacing: 0; }

.tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .circle .txt { display: table-cell; font-size: 15px; font-weight: 700; letter-spacing: -0.025em; vertical-align: middle; text-align: center; color: #fff; }

.tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .desc { display: table-cell; font-size: 13px; font-weight: 400; line-height: 1.615384; letter-spacing: -0.025em; vertical-align: middle; color: #666; }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .desc { text-align: left; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .desc-wrap .circle-wrap .desc { width: 360px; padding-right: 25px; text-align: center; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap .arrow { display: block; position: absolute; top: 96px; left: 44px; z-index: 1; height: 25px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .desc-wrap .arrow { display: inline-block; width: 56px; margin: 0 13px 0 17px; vertical-align: middle; } }

.tum-page .content-body.cbody-08 .desc-wrap .tip { font-size: 13px; font-weight: 400; letter-spacing: -0.025em; color: #666; }

@media (max-width: 768px) { .tum-page .content-body.cbody-08 .desc-wrap .tip { display: block; padding-left: 25px; margin-top: 20px; line-height: 1.333333; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-08 .desc-wrap .tip { position: absolute; right: 0; top: 150px; line-height: 1.846153; } }

.tum-page .content-body.cbody-09 * { box-sizing: border-box; }

.tum-page .content-body.cbody-09 .desc { margin-top: 25px; font-weight: 400; letter-spacing: -0.025em; color: #001414; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .desc { font-size: 15px; line-height: 1.533333; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .desc { font-size: 18px; line-height: 1.333333; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part-wrap { margin-top: 28px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part-wrap { margin-top: 36px; } }

.tum-page .content-body.cbody-09 .part { border-top: 1px solid #a5a5a5; font-size: 0; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part { padding: 26px 0 20px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part { padding: 26px 0; } }

.tum-page .content-body.cbody-09 .part1 .cont-wrap { font-size: 0; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap { width: 100%; max-width: 330px; height: 441px; padding: 0 0 0 117px; margin: 30px auto 0; background: url("/images/pr/tum/tum_dl-cont-09-part01_sm.jpg") left 0 top 0/contain no-repeat; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap { height: 157px; padding: 65px 0 0; margin-bottom: 8px; background: url("/images/pr/tum/tum_dl-cont-09-part01_lg.png") left 0 top 0/1040px auto no-repeat; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .cont-vr { height: 132px; padding: 45px 0 0 0; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .cont-vr { display: inline-block; width: 423px; padding: 0 0 0 145px; vertical-align: top; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .cont-ar { height: 132px; padding: 55px 0 0 0; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .cont-ar { display: inline-block; width: 423px; padding: 13px 0 0 160px; vertical-align: top; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .icon { display: inline-block; height: 64px; vertical-align: top; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .job-list { font-size: 0; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .job-list { display: inline-block; margin: 0; vertical-align: top; } }

.tum-page .content-body.cbody-09 .part1 .cont-wrap .job-list .job-item { position: relative; padding-left: 11px; margin-bottom: 5px; font-size: 15px; font-weight: 400; line-height: 1.666666; letter-spacing: -0.05em; white-space: nowrap; color: #4c4c4c; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .job-list .job-item { display: inline-block; width: 50%; vertical-align: top; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part1 .cont-wrap .job-list .job-item { display: inline-block; width: 128px; } }

.tum-page .content-body.cbody-09 .part1 .cont-wrap .job-list .job-item:before { content: ''; display: block; position: absolute; top: calc(50% - 2px); left: 0; width: 3px; height: 3px; background: #666; }

.tum-page .content-body.cbody-09 .part2 .cont-wrap { font-size: 0; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap { max-width: 350px; height: 688px; padding-left: 171px; margin: 30px auto 0; background: url("/images/pr/tum/tum_dl-cont-09-part02_sm.jpg") 0 0/161px auto no-repeat; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap { height: 433px; padding: 304px 0 0 32px; margin-top: 30px; background: url("/images/pr/tum/tum_dl-cont-09-part02_lg.jpg") 0 0/contain no-repeat; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont { height: 172px; padding-top: 40px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont { display: inline-block; vertical-align: top; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont:nth-child(1) { width: 262px; margin-top: -60px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont:nth-child(2) { width: 267px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont:nth-child(3) { width: 256px; margin-top: -60px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont:nth-child(4) { width: 223px; } }

.tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .tit { font-size: 15px; font-weight: 700; letter-spacing: -0.025em; color: #141414; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .tit { line-height: 1.333333; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .tit { margin: 22px 0 10px; line-height: 1; white-space: nowrap; } }

.tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .desc { font-size: 13px; font-weight: 400; line-height: 1.538461; letter-spacing: -0.05em; color: #666; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .desc { margin-top: 9px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .desc { margin: 0; white-space: nowrap; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part2 .cont-wrap .cont .desc br { display: none; } }

.tum-page .content-body.cbody-09 .part3 .cont-wrap { font-size: 0; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap { margin: 0 -15px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap { margin: 26px 0 64px; background: url("/images/pr/tum/tum_dl-cont-09-part03_lg.png") right 0 bottom 0/217px auto no-repeat; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont { position: relative; margin-top: 30px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont { display: inline-block; position: relative; width: 385px; vertical-align: top; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont + .cont { margin-left: 45px; } }

.tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .flag { display: block; position: absolute; top: 0; width: 60px; height: 75px; padding: 30px 0 0 14px; font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: -0.025em; color: #fff; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .flag { left: 15px; background: url("/images/pr/tum/tum_dl-icon-flag_sm.png") left top/60px auto no-repeat; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .flag { left: 0; background: url("/images/pr/tum/tum_dl-icon-flag_lg.png") left top/60px auto no-repeat; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap { position: absolute; top: 0; left: 90px; } }

.tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .tit { font-weight: 700; line-height: 1; letter-spacing: -0.025em; color: #141414; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .tit { display: block; font-size: 15px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .tit { position: absolute; top: 5px; left: 79px; font-size: 18px; } }

.tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .tit .strong { font-weight: 700; }

.tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .date { font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: -0.025em; color: #666; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .date { display: block; margin-top: 8px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .date { position: absolute; top: 9px; right: 0; } }

.tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .tit-wrap .date .strong { font-weight: 700; }

.tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .img { display: block; }

@media (max-width: 768px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .img { padding-top: 44px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-09 .part3 .cont-wrap .cont .img { padding: 39px 0 0 24px; } }

.tum-page .content-body.cbody-10 { text-align: center; background: #f7f7f7; }

.tum-page .content-body.cbody-10 * { box-sizing: border-box; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .section-inner { padding-bottom: 75px; margin-top: 30px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .section-inner { padding-bottom: 87px; } }

.tum-page .content-body.cbody-10 h4 { text-align: left; }

.tum-page .content-body.cbody-10 .progress-wrap { font-size: 0; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .progress-wrap { margin: 30px auto; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .progress-wrap { margin: 35px 0 45px; } }

.tum-page .content-body.cbody-10 .progress-wrap .circle { display: inline-table; border-radius: 100%; vertical-align: middle; background: #4c4c4c; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .progress-wrap .circle { width: 90px; height: 90px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .progress-wrap .circle { width: 140px; height: 140px; } }

.tum-page .content-body.cbody-10 .progress-wrap .circle .txt { display: table-cell; font-weight: 600; letter-spacing: -0.025em; text-align: center; vertical-align: middle; color: #fff; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .progress-wrap .circle .txt { padding-top: 4px; font-size: 15px; line-height: 1.2; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .progress-wrap .circle .txt { font-size: 16px; line-height: 1; } }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .progress-wrap hr { height: 10px; } }

.tum-page .content-body.cbody-10 .progress-wrap .arrow { display: inline-block; vertical-align: middle; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .progress-wrap .arrow { width: 21px; height: 7px; margin: 0 4px; background: url("/images/pr/tum/tum_dl-icon-arrow_sm.png") center center/contain no-repeat; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .progress-wrap .arrow { width: 57px; height: 7px; margin: 0 13px 0 15px; background: url("/images/pr/tum/tum_dl-icon-arrow_lg.png") center center/contain no-repeat; } }

.tum-page .content-body.cbody-10 .link { display: inline-block; position: relative; font-weight: 400; letter-spacing: 0; color: #fff; background: #e51937; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .link { height: 36px; padding: 0 25px 0 53px; border-radius: 18px; font-size: 15px; line-height: 34px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .link { height: 55px; padding: 0 31px 0 68px; border-radius: 28px; font-size: 18px; line-height: 53px; } }

.tum-page .content-body.cbody-10 .link::before { content: ''; display: block; position: absolute; background: url("/images/pr/tum/tum_dl-icon-mail_lg.png") 0 0/contain no-repeat; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .link::before { top: 10px; left: 25px; width: 23px; height: 15px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .link::before { top: 19px; left: 31px; width: 25px; height: 17px; } }

.tum-page .content-body.cbody-10 .desc { font-size: 15px; font-weight: 400; line-height: 1.3; letter-spacing: -0.05em; text-align: center; color: #666; }

@media (max-width: 768px) { .tum-page .content-body.cbody-10 .desc { margin-top: 18px; } }

@media (min-width: 769px) { .tum-page .content-body.cbody-10 .desc { margin-top: 30px; } }

/* //Tum 컨텐츠 추가 */
/*기타 페이지*/
.system-page { position: relative; box-sizing: border-box; text-align: center; }

@media (min-width: 769px) { .system-page { min-height: calc(100vh - 346px); } }

.system-page * { box-sizing: border-box; }

.system-page .wrap { width: 100%; }

@media (max-width: 768px) { .system-page .wrap { padding: 110px 15px 150px; } }

@media (min-width: 769px) { .system-page .wrap { padding: 220px 0; } }

.system-page .check-figure { margin: 0 auto; }

.system-page .check-figure .img { display: block; width: 154px; margin: 0 auto; }

.system-page .check-figure .caption .tit { margin-top: 30px; font-weight: 400; line-height: 1.3; letter-spacing: -0.05em; vertical-align: top; color: #1a1a1a; }

@media (max-width: 768px) { .system-page .check-figure .caption .tit { max-width: 330px; margin: 30px auto 0; font-size: 28px; letter-spacing: -0.1em; }
  .system-page .check-figure .caption .tit:lang(en) { max-width: 400px; } }

@media (min-width: 769px) { .system-page .check-figure .caption .tit { font-size: 36px; } }

.system-page .check-figure .caption .tit:lang(en) { letter-spacing: -0.01em; }

.system-page .check-figure .caption .date { margin-top: 30px; font-weight: 400; line-height: 1.3; letter-spacing: -0.025em; vertical-align: top; color: #666; }

@media (max-width: 359px) { .system-page .check-figure .caption .date { letter-spacing: -0.05em; } }

@media (max-width: 768px) { .system-page .check-figure .caption .date { font-size: 20px; } }

@media (min-width: 769px) { .system-page .check-figure .caption .date { font-size: 21px; } }

.system-page .btns { margin-top: 50px; font-size: 0; }

.system-page .btns .btn { display: inline-block; width: 150px; border: 1px solid #4c4c4c; border-radius: 18px; font-size: 15px; font-weight: 400; line-height: 36px; letter-spacing: -0.05em; vertical-align: top; color: #1a1a1a; background: #fff; }

@media (max-width: 359px) { .system-page .btns .btn { width: 130px; } }

.system-page .btns .btn.home { border: 1px solid #e51937; color: #fff; background: #e51937; }

.system-page .btns .btn + .btn { margin-left: 15px; }

/*아이폰 버그 픽스*/
@media (max-width: 768px) { .device-model-iphone .custom-select-wrap select { font-size: 16px; }
  .device-model-iphone .board-detail-type .board-detail-body a { word-break: break-word; white-space: pre-line; }
  .device-model-iphone .board-search input { font-size: 16px; }
  .device-model-iphone .board-search .custom-select-wrap select { font-size: 16px; }
  .device-model-iphone .csr-participate-contact-page input, .device-model-iphone .csr-participate-contact-page textarea { font-size: 16px !important; }
  .device-model-iphone .irmeeting-page .content-body.irmeeting-reg .regist-info .item-group .item input[type="text"] { font-size: 16px; } }

/*SK텔레콤 사옥 방문객 개인정보 처리방침 mib201207 추가*/
.visitor-page * { box-sizing: border-box; }

.visitor-page .content-body { padding: 49px 0 87px; }

.visitor-page .point { color: #f51937; }

.visitor-page .visitor-h4 { margin-bottom: 11px; font-size: 21px; font-weight: 400; line-height: 1.5; letter-spacing: -0.05em; color: #141414; }

@media (max-width: 768px) { .visitor-page .visitor-h4 { font-size: 15px; font-weight: 700; } }

.visitor-page .visitor-h4 ~ .visitor-h4 { margin-top: 51px; }

@media (max-width: 768px) { .visitor-page .visitor-h4 ~ .visitor-h4 { margin-top: 31px; } }

.visitor-page .visitor-ul { padding: 0; }

.visitor-page .visitor-ul .visitor-li { font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-ul .visitor-li.bullet { position: relative; padding: 0 0 0 29px; margin-top: 11px; }

@media (max-width: 768px) { .visitor-page .visitor-ul .visitor-li.bullet { padding-left: 23px; } }

.visitor-page .visitor-ul .visitor-li.bullet::before { content: ''; display: block; position: absolute; top: 9px; left: 21px; width: 3px; height: 3px; background: #4c4c4c; }

@media (max-width: 768px) { .visitor-page .visitor-ul .visitor-li.bullet::before { left: 15px; } }

.visitor-page .visitor-ul .visitor-li ~ .visitor-li { margin-top: 10px; }

.visitor-page .visitor-ul .inner-ul { padding: 0 0 0 21px; }

@media (max-width: 768px) { .visitor-page .visitor-ul .inner-ul { padding-left: 23px; } }

.visitor-page .visitor-ul .inner-ul .inner-li { margin-top: 13px; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-ul .inner-ul .inner-li .tit { display: block; margin-bottom: 3px; font-size: 13px; font-weight: 700; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-ul .inner-ul .inner-li .txt { display: block; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-ul .inner-ul .inner-li .txt ~ .txt { margin-top: 10px; }

.visitor-page .visitor-ul .inner-ul .inner-li .txt .dash { display: block; margin-top: 10px; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-ul .inner-ul .inner-li .txt .dash ~ .dash { margin-top: 0; }

.visitor-page .visitor-ul .inner-ul .inner-li .bullet { position: relative; padding: 0 0 0 29px; margin-top: 11px; }

@media (max-width: 768px) { .visitor-page .visitor-ul .inner-ul .inner-li .bullet { padding-left: 8px; } }

.visitor-page .visitor-ul .inner-ul .inner-li .bullet::before { content: ''; display: block; position: absolute; top: 9px; left: 21px; width: 3px; height: 3px; background: #4c4c4c; }

@media (max-width: 768px) { .visitor-page .visitor-ul .inner-ul .inner-li .bullet::before { left: 0px; } }

.visitor-page .visitor-table { width: 100%; padding: 0 0 0 21px; }

@media (max-width: 768px) { .visitor-page .visitor-table { padding-left: 23px; } }

.visitor-page .visitor-table + .visitor-table .table-row.thead { border-top: 0; }

.visitor-page .visitor-table:first-child { margin-top: 13px; }

.visitor-page .visitor-table:last-child { margin-bottom: 17px; }

.visitor-page .visitor-table .table-title { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-table .table-title.bullet { position: relative; padding: 0 0 0 9px; margin-top: 11px; }

.visitor-page .visitor-table .table-title.bullet::before { content: ''; display: block; position: absolute; top: 9px; left: 0px; width: 3px; height: 3px; background: #4c4c4c; }

.visitor-page .visitor-table .table-p { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.05em; color: #4c4c4c; }

.visitor-page .visitor-table .table-row { display: table; width: 100%; border-bottom: 1px solid #dbdbdb; font-size: 0; }

.visitor-page .visitor-table .table-row.thead { border-top: 1px solid #a5a5a5; }

.visitor-page .visitor-table .table-row .div10-10 { width: 100%; }

.visitor-page .visitor-table .table-row .div10-9 { width: 90%; }

.visitor-page .visitor-table .table-row .div10-8 { width: 80%; }

.visitor-page .visitor-table .table-row .div10-7 { width: 70%; }

.visitor-page .visitor-table .table-row .div10-6 { width: 60%; }

.visitor-page .visitor-table .table-row .div10-5 { width: 50%; }

.visitor-page .visitor-table .table-row .div10-4 { width: 40%; }

.visitor-page .visitor-table .table-row .div10-3 { width: 30%; }

.visitor-page .visitor-table .table-row .div10-2 { width: 20%; }

.visitor-page .visitor-table .table-row .div10-1 { width: 10%; }

.visitor-page .visitor-table .table-th { display: table-cell; padding: 9px 0; font-size: 13px; font-weight: 700; line-height: 21px; text-align: center; vertical-align: middle; color: #333; }

.visitor-page .visitor-table .table-th ~ .table-th { border-left: 1px solid #dbdbdb; }

@media (max-width: 768px) { .visitor-page .visitor-table .table-th ~ .table-th { border-left: 0; } }

.visitor-page .visitor-table .table-td { display: table-cell; padding: 8px 0 12px; font-size: 13px; line-height: 21px; text-align: center; vertical-align: middle; color: #666; }

.visitor-page .visitor-table .table-td .txt { padding-left: 37px; font-size: 13px; line-height: 21px; text-align: left; vertical-align: middle; color: #666; }

.visitor-page .visitor-table .table-td .txt.bullet { position: relative; }

.visitor-page .visitor-table .table-td .txt.bullet::before { content: ''; display: block; position: absolute; top: 9px; left: 30px; width: 3px; height: 3px; background: #4c4c4c; }

.visitor-page .visitor-table .table-td .txt.indent { padding-left: 47px; text-indent: -10px; }

.visitor-page .visitor-table .table-td ~ .table-td { border-left: 1px solid #dbdbdb; }

@media (max-width: 768px) { .visitor-page .visitor-table .table-td ~ .table-td { border-left: 0; } }

.visitor-page .visitor-table .align-left { text-align: left; }