@charset "UTF-8";
@font-face { font-family: 'SpoqaHanSansNeo'; font-weight: 700; src: local("Spoqa Han Sans Neo Bold"), url("../fonts/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }

@font-face { font-family: 'SpoqaHanSansNeo'; font-weight: 500; src: local("Spoqa Han Sans Neo Medium"), url("../fonts/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Medium.ttf") format("truetype"); }

@font-face { font-family: 'SpoqaHanSansNeo'; font-weight: 400; src: local("Spoqa Han Sans Neo Regular"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype"); }

@font-face { font-family: 'SpoqaHanSansNeo'; font-weight: 300; src: local("Spoqa Han Sans Neo Light"), url("../fonts/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Light.woff") format("woff"), url("../fonts/SpoqaHanSansNeo-Light.ttf") format("truetype"); }

/* reset */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { -webkit-text-size-adjust: none; font-weight: 400; line-height: 1.5; font-size: 17px; letter-spacing: -0.1px; font-family: 'SpoqaHanSansNeo', 'Malgun Gothic', '맑은 고딕', sans-serif; color: #000; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, figure, figcaption { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; }

fieldset, img { border: 0 none; vertical-align: middle; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, select, textarea, button { font-size: 100%; vertical-align: middle; color: inherit; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='number'], input[type='tel'], input[type='email'] { -webkit-appearance: none; border-radius: 0; }

/*input:checked[type='checkbox'] {background-color:#3053bc;  -webkit-appearance:checkbox}*/
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { -webkit-appearance: button; border-radius: 0; }

/* input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none} */
input, select, textarea, button, pre { font-family: 'SpoqaHanSansNeo', 'Malgun Gothic', '맑은 고딕', sans-serif; }

a { color: inherit; text-decoration: none; }

address, caption, cite, code, dfn, em, var { font-style: normal; }

caption { overflow: hidden; display: block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; margin: -1px; clip: rect(1px, 1px, 1px, 1px); }

select { -webkit-appearance: none; border: 1px solid #8e8e8e; font-family: inherit; }

select::-ms-expand { display: none; }

b, strong { font-weight: 700; }

i { font-style: normal; }

textarea { font-size: 100%; background: #fff; -webkit-appearance: none; border-radius: 0; }

textarea::-webkit-input-placeholder { font-size: 100%; }

textarea:-ms-input-placeholder { font-size: 100%; }

textarea::-ms-input-placeholder { font-size: 100%; }

textarea::placeholder { font-size: 100%; }

legend { overflow: hidden; display: inline-block; position: absolute; z-index: -1; border: 0; width: 0; height: 0; font-size: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

main { display: block; }

::-webkit-input-placeholder { vertical-align: middle; color: #949494 !important; font-weight: 400; }

:-webkit-input-placeholder { vertical-align: middle; color: #949494 !important; font-weight: 400; }

::-moz-placeholder { vertical-align: middle; color: #949494 !important; font-weight: 400; }

:-moz-placeholder { vertical-align: middle; color: #949494 !important; font-weight: 400; }

:-ms-input-placeholder { vertical-align: middle; color: #949494 !important; font-weight: 400; }

input[type='search']::-ms-clear, input[type='search']::-ms-reveal { display: none; width: 0; height: 0; }

input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* 250513 add */

#accessibility { position: absolute; top: 0; width: 100%; margin: 0 auto; z-index: 9999; }

#accessibility a { text-indent: 0; background: #000; position: absolute; z-index: 1; top: -500px; width: 100%; padding: 5px 0px; text-align: center; }

#accessibility a:active { top: 0; font-size: 14px; font-weight: 700; color: #fff; }

#accessibility a:focus { top: 0; font-size: 14px; font-weight: 700; color: #fff; }

.loader-box { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.loader { position: relative; margin: 0px auto; width: 40px; }

.loader:before { content: ''; display: block; padding-top: 100%; }

.loader-circular { -webkit-animation: load-rotate 2s linear infinite; animation: load-rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.loader-path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: load-dash 1.5s ease-in-out infinite, load-color 6s ease-in-out infinite; animation: load-dash 1.5s ease-in-out infinite, load-color 6s ease-in-out infinite; stroke-linecap: round; }

@-webkit-keyframes load-rotate { 100% { -webkit-transform: rotate(360deg);
  transform: rotate(360deg); } }

@keyframes load-rotate { 100% { -webkit-transform: rotate(360deg);
  transform: rotate(360deg); } }

@-webkit-keyframes load-dash { 0% { stroke-dasharray: 1, 200;
  stroke-dashoffset: 0; }
  50% { stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% { stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

@keyframes load-dash { 0% { stroke-dasharray: 1, 200;
  stroke-dashoffset: 0; }
  50% { stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% { stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

@-webkit-keyframes load-color { 100%, 0% { stroke: #e15c39; }
  40% { stroke: #3a5bc5; }
  66% { stroke: #118762; }
  80%, 90% { stroke: #c98000; } }

body { word-break: keep-all; }

.ir { overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

.blind { overflow: hidden; position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; }

.show-pc { display: block !important; }

.show-mobile { display: none !important; }

.al-center { text-align: center !important; }

.al-left { text-align: left !important; }

.al-right { text-align: right !important; }

.sp-mt { margin-top: 0 !important; }

.sp-ml { margin-left: 0 !important; }

.sp-mr0 { margin-right: 0 !important; }

.sp-mb0 { margin-bottom: 0 !important; }

.sp-pt { padding-top: 0 !important; }

.sp-pl { padding-left: 0 !important; }

.sp-pr0 { padding-right: 0 !important; }

.sp-pb0 { padding-bottom: 0 !important; }

button span { position: relative; }

.wrap { overflow-x: hidden; }

.wrap.brochure { overflow-y: hidden; height: 100vh; } /* 241204 add */

.container { position: relative; display: block; width: 100%; padding-bottom: 1px; }

.container:after { clear: both; content: ''; display: block; }

.container.has-overlay .full-ly-wrap { max-height: 100%; top: -100px; }

.container__inner { position: relative; padding: 0 0 120px; }

.contents { position: relative; padding: 0 80px; max-width: 1400px; margin: 0 auto; }

.contents:after { clear: both; content: ''; display: block; }

.tab-contents { padding-top: 30px; }

colgroup.col-mo { display: none; }

/* title*/
.head-title { font-size: 40px; font-weight: 500; line-height: 1.45; letter-spacing: -0.43px; }/* 220304 modify */

.title-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 30px 0 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.title-block.event-join-box { margin: 50px 0 0 0; } /* 220916 Add */

.title-block .page-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.title-block .cont-right { margin-left: auto; }

.title-block .btn { margin-left: 24px; }

.page-title { font-size: 36px; font-weight: 500; line-height: 1.56; letter-spacing: -1.08px; }

.sect-title {display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center; font-size: 30px; font-weight: 500; line-height: 1.67; letter-spacing: -0.2px; } /* 240205 modify */

.sect-title-logo img {display: -webkit-box;display: flex;max-width: 20px;margin:3px 10px 0 0} /* 240205 add */

.page-title-desc { font-size: 20px; color: rgba(0, 0, 0, 0.6); }

.section-head { padding: 80px 0 40px; text-align: center; }

.section-head.event-head { padding-top: 0px; margin-top:-11px; } /* 220916 Add */

.section-head .page-title-desc { display: block; margin-top: 4px; font-weight: 300; }

/* s : 241007 Add */
.section-head.eventType { padding: 50px 0 40px; }

.setion-head-tab { position: relative; display: flex; align-items: center; width: fit-content; justify-content: space-around; max-width: 1024px; margin: 0 auto 50px; gap: 280px}

.setion-head-tab--one { margin: 0 auto 20px; justify-self: flex-start;} /* 241125 modify */

.setion-head-tab li {position: relative; width: calc(50% - 20px); min-width: 150px; display: flex;}

.setion-head-tab:after { content: ''; position: absolute; width: 2px; height: 91px; background-color: #dddddd; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.setion-head-tab--one:after { display: none; } /* 241017 Add */

/* .setion-head-tab li:first-child { padding: 0 25px; margin-left: 40px; } */

.setion-head-tab--one .setion-head-tab__button { pointer-events: none; } /* 241017 Add */

.setion-head-tab--eng li:first-child { padding: 0; margin: 0; }

.setion-head-tab .setion-head-tab__button { position: relative; display: flex; margin: 0 auto; height: 100%; text-align: center; flex-direction: column; gap: 0; width: fit-content;} /* 241125 modify */

.setion-head-tab .setion-head-tab__button:focus-visible { border: 1px solid #000 } /* 250108 modify */

.setion-head-tab .setion-head-tab__button { outline: 0 } /* 241220 add */

.setion-head-tab__button.noData {align-items: center;} /* 250108 add */

.setion-head-tab.twoLine .setion-head-tab__item .setion-head-tab__button.noData .page-title {height: 125px;} /* 250108 add */

.setion-head-tab .setion-head-tab__button:after { display: none; content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; pointer-events: none; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.setion-head-tab__item .page-title { position: relative; width: fit-content; font-size: 30px; line-height: 1.25; font-weight: 500; letter-spacing: -.2px; color: rgba(0, 0, 0, 0.6); width: max-content; max-width: 280px; display: flex; margin: 0 auto; align-items: center; height: 60px;} /* 241125 modify */

.setion-head-tab.twoLine .setion-head-tab__item .page-title {height: 85px;} /* 241125 add */

.setion-head-tab--one .setion-head-tab__item .page-title { font-size: 36px; letter-spacing: -1.08px; line-height: 1.56; color: #000; } /* 241125 modify */

.setion-head-tab__item .page-title-desc {position: relative; font-size: 17px; line-height: 1.45; padding: 0 0 20px; margin-top: 0; min-height: 40px; letter-spacing: -.21px; font-weight: 300; color: rgba(0, 0, 0, 0.6); } /* 250108 modify */

.setion-head-tab--one .setion-head-tab__item .page-title-desc { font-size: 20px; margin-top: 4px; } /* 241017 Add */

.setion-head-tab__button:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; pointer-events: none; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* 241107 add */

.setion-head-tab__button.is-active:after { background-color: #000000; width: calc(100% + 40px); } /* 241107 add */

.setion-head-tab .setion-head-tab__button.is-active .page-title { color: #000000; font-weight: 500;}

.setion-head-tab .setion-head-tab__button .page-title .page-title-item {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;} /* 241125 add */

.setion-head-tab .setion-head-tab__button.is-active:after { background-color: #000000; width: calc(100% + 40px); } /* 241107 modify */

/* s : 241125 add */
.setion-head-tab .toolTipWrap {position: absolute; width: 20px; height: 20px; right: -30px; top: 50%; transform: translateY(-50%); z-index: 55;} /* 241217 modify */

.setion-head-tab .toolTipBox {position: relative; display: flex; align-items: center; width: 100%; height: 100%;} /* 241217 modify */

.setion-head-tab .toolTipWrap .toolTip-openBtn {width: 20px; height: 20px; background: url(../../assets/images/common/ico_tooltip.svg) no-repeat 0 0 / 100% auto;} /* 241217 modify */

.setion-head-tab .toolTipWrap .toolTip-cont {position: absolute; opacity: 0; visibility: hidden; display: none; transition: all .3s; top: 55px; left: -40px; z-index: 9; font-size: 17px; line-height: 1.53; color: #111; font-weight: 400; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); width: 359px; padding: 30px 50px 20px 20px; text-align: left;} /* 241217 modify */

.setion-head-tab.setion-head-tab--eng .toolTipWrap .toolTip-cont {left: -140px;} /* 241217 modify */

.setion-head-tab .toolTipWrap .toolTip-cont.active {opacity: 1; visibility: visible; display: block;} /* 241209 modify */

.setion-head-tab .toolTipWrap .toolTip-cont::before {position: absolute; top: -20px; left: 40px; content: ''; width: 0; height: 0; border: 15px solid #fff; border-left: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent; filter: drop-shadow(0px -6px 6px rgba(0, 0, 0, 0.15));}

.setion-head-tab.setion-head-tab--eng .toolTip-cont::before {left: 140px}

.setion-head-tab .toolTipWrap .toolTip-closeBtn {position: absolute; top: 14px; right: 14px; width: 18px; height: 18px; background: url(../../assets/images/common/ico_close_black.svg) no-repeat 0 0 / 100% auto; vertical-align: top;}
/* e:  241125 add */


/* e : 241007 Add */

.section-head .filter-wrap { margin-top: 20px; }

.section-subtitle { padding: 80px 0 40px; text-align: center; } /* 220811 add */

.page-subtitle { font-size: 36px; font-weight: 500; line-height: 56px; letter-spacing: -1.08px; } /* 220811 add */

.search-box-wrap { position: relative; display: inline-block; }

.search-box { position: relative; display: inline-block; overflow: hidden; min-width: 398px; height: 50px; border-radius: 30px; }

.search-box:before, .search-box__button { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; left: 24px; width: 24px; height: 24px; background: url("../../assets/images/common/ico_search_black.svg") no-repeat 0 0/100% auto; z-index: 1; opacity: .45; }

.search-box__input { background-color: #fff; position: relative; overflow: hidden; width: 100%; height: 100%; padding: 10px 42px 10px 58px; font-size: 16px; border: 0; border-radius: 30px !important; border: 1px solid rgba(0, 0, 0, 0.2); } /* 250108 add */

.search-box__input:focus { border-color: #000; }

.search-box__delete { position: absolute; top: 50%; right: 15px; display: none; width: 24px; height: 24px; margin-top: -12px; background: #eaeaea; border-radius: 50%; }

.search-box__delete:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; display: block; width: 12px; height: 12px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; }

.search-box__delete.on { display: inline-block; } /* 250108 add */

.search-box.is-active { border-color: #000; }

.search-box.is-active:before { opacity: 1; }

.search-box.is-active .search-box__delete { display: block !important; } /* 250108 modify */

.search-box-recent { display: none; position: absolute; top: 100%; z-index: 5; width: 100%; padding: 15px 0; color: #111; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); background-color: #fff; border-radius: 10px; }

.search-box-recent.is--open { display: block; }

.search-box-recent__list { overflow-y: auto; max-height: 468px; padding: 0 30px; }

.search-box-recent__list::-webkit-scrollbar { width: 15px; background-color: #fff; }

.search-box-recent__list::-webkit-scrollbar-thumb { background-color: #eaeaea; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.search-box-recent__list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #fff; box-shadow: inset 0px 0px 5px #fff; border-radius: 10px; }

.search-box-recent__list li { margin: 3px; text-align: left; }

.search-box-recent__list a { position: relative; width: 100%; padding: 3px 0 3px 55px; line-height: 1.5; letter-spacing: -0.25px; font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.45); display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

.search-box-recent__list a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 10px; display: block; width: 25px; height: 25px; content: ""; background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg transform='translate(2 2)'%3E%3Crect fill='%23EAEAEA' width='20' height='20' rx='10'/%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M6.288 6.538a4 4 0 1 1 5.657 5.657 4 4 0 0 1-5.657-5.657zm.707.707a3 3 0 1 0 4.242 4.242 3 3 0 0 0-4.242-4.242z'/%3E%3Cpath d='m10.885 11.873.674-.738 3.647 3.333-.674.738z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto; }

.search-box-recent__list a:hover { color: #000; border-radius: 10px; background-color: #f5f5f5; }

.search-box-recent__list .ico-recent a:before { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' class='svg-ico-key-search'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg transform='translate(2 2)' fill='%23000'%3E%3Crect width='20' height='20' rx='10' fill='%23eaeaea' /%3E%3Cpath d='M9.996 4a6 6 0 1 1 .009 12 6 6 0 0 1-.01-12zm0 1a5 5 0 1 0 .265.007L9.996 5z' fill-rule='nonzero'/%3E%3Cpath fill-rule='nonzero' d='M10.5 6.6v3.346l2.159 1.69-.616.787-2.543-1.99V6.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto; }

.c-scrollbar { overflow-y: auto; display: block; }

.c-scrollbar::-webkit-scrollbar { width: 15px; background-color: #fff; }

.c-scrollbar::-webkit-scrollbar-thumb { background-color: #eaeaea; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.c-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #fff; box-shadow: inset 0px 0px 5px #fff; border-radius: 10px; }

.a-underline { position: relative; display: inline-block; color: #000; }

.a-underline::after { content: ''; position: absolute; left: 0; right: 0; bottom: .1em; display: block; height: 1px; background-color: #111; }

.lypopup-wrap { display: none; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; }

.lypopup-wrap:before { display: block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: rgba(0, 0, 0, 0.75); z-index: 99; }

.lypopup { overflow: hidden; position: fixed; top: 50%; left: 50%; width: 590px; margin: 0 auto; border-radius: 10px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; z-index: 999; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.lypopup .btns-wrap { margin: 30px 0 0; }

.lypopup-head { width: 100%; padding: 52px 25px 16px 30px; background-color: #000; }

.lypopup-head__title { display: block; font-size: 30px; font-weight: bold; line-height: 1.4; letter-spacing: -0.23px; color: #fff; }

.lypopup-cont { padding: 30px 30px 0; }

.lypopup-cont__title { display: block; margin-bottom: 20px; font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -0.2px; color: #000; }

.lypopup-close { position: absolute; top: 53px; right: 25px; width: 40px; height: 40px; }

.lypopup-close::before { content: ''; display: block; width: 100%; height: 100%; background: url("../../assets/images/common/ico_close.svg") no-repeat 50% 50%/32px auto; }

.lypopup-body { overflow: auto; padding: 0 0 56px; max-height: calc(100vh - 110px); }

.agreebox { overflow-y: auto; display: none; height: 240px; margin: 8px 0 12px 27px; padding: 24px 9px 24px 24px; font-size: 14px; letter-spacing: -0.1px; background-color: #f1f1f1; color: #111; }

.agreebox-wrap.is-open .agreebox { display: block; }

.w-space { white-space: pre-line; }

.agreebox::-webkit-scrollbar { width: 15px; background-color: #f1f1f1; }

.agreebox::-webkit-scrollbar-thumb { background-color: #eaeaea; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.agreebox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #f1f1f1; box-shadow: inset 0px 0px 5px #f1f1f1; border-radius: 10px; }

.agreebox__noti { margin-top: 7px; padding-left: 27px; font-size: 13px; font-weight: 300; line-height: 1.77; letter-spacing: -0.2px; color: #111; }

.com-done { margin-top: 46px; text-align: center; }

.com-done__i { position: relative; display: block; width: 120px; height: 120px; margin: 0 auto 50px; }

.com-done__i::before { content: ''; position: absolute; top: 50px; left: 24px; width: 12px; height: 50px; background: #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.com-done__i::after { content: ''; position: absolute; top: 10px; left: 69px; width: 12px; height: 98px; background: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.btn { display: inline-block; height: 60px; padding: 0 30px; border-radius: 30px; line-height: 60px; font-weight: 500; font-size: 20px; background-color: #fff; color: #111; text-align: center; vertical-align: baseline; -webkit-transition: background-color 0.5s ease, opacity 0.5s ease; transition: background-color 0.5s ease, opacity 0.5s ease; }

.btn--wfix { min-width: 260px; }

.btn:hover, .btn:focus, .btn:active { background-color: #f0f0f0f0; }

.btn:disabled, .btn-disabled { background-color: rgba(0, 0, 0, 0.1) !important; border-color: rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.25); }

.btn:disabled .btn-icon::before, .btn-disabled .btn-icon::before { opacity: 0.25; }

.btn-play { position: relative; display: inline-block; width: 90px; height: 90px; border-radius: 50%; background: url("../../assets/images/common/ico_play.svg") no-repeat 50% 50%; background-size: 48px auto; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; z-index: 1; } /* 220518 modify */

.btn-play:hover, .btn-play:focus, .btn-play:active { /* background-color: rgba(255, 255, 255, 0.2); */ }/* 220518 modify */

.btn-play--mid { width: 72px; height: 72px; background-size: 38px auto; }

.btn-play--sml { width: 50px; height: 50px; background-size: 27px auto; }

.btns-wrap { font-size: 0; }

.btns-wrap .btn + .btn { margin-left: 10px; }

.btn-wrap--center { text-align: center; }

.btn-wrap--more { margin-top: 40px; text-align: center; }

.btn-wrap--mid { margin-bottom: 100px; }

.btn-icon { position: relative; }

.btn-icon::before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }

.btn-icon__link::before { background-image: url("../../assets/images/common/ico_link_white.svg"); }

.btn-icon__calendar::before { width: 20px; height: 20px; vertical-align: -3px; background-image: url("../../assets/images/common/ico_calendar.svg"); }

.btn-icon__calendar--chk::before { width: 20px; height: 20px; vertical-align: -3px; background-image: url("../../assets/images/common/ico_calendar_check.svg"); }

.btn-icon__check::before { width: 20px; height: 20px; vertical-align: -3px; background-image: url("../../assets/images/common/ico_check_black.svg"); }

.btn-icon__search::before { background-image: url("../../assets/images/common/ico_search_white.svg"); }

.btn-icon__schblack::before { background-image: url("../../assets/images/common/ico_search_black.svg"); }

.btn-icon__linkblack::before { background-image: url("../../assets/images/common/ico_link_black.png"); }

.btn-icon__time::before { width: 30px; height: 30px; margin-right: 5px; vertical-align: -8px; background-image: url("../../assets/images/common/ico_time.svg"); }

.btn-icon__pin::before { width: 30px; height: 30px; margin-right: 5px; vertical-align: -8px; background-image: url("../../assets/images/common/ico_pin.svg"); } /* 250408 add */

.btn-icon__timeblack::before { width: 20px; height: 20px; background-image: url("../../assets/images/common/ico_time_black.svg"); }

.btn-icon__downall::before { background-image: url("../../assets/images/common/ico_download_black.svg"); }

.btn-icon__downorg::before { background-image: url("../../assets/images/common/ico_download-article.svg"); }

.btn-icon__copylink::before { background-image: url("../../assets/images/common/ico_copy_link.svg"); }

.btn-icon__twitter::before { background-image: url("../../assets/images/common/ico_share_twitter.svg"); }

.btn-icon__facebook::before { background-image: url("../../assets/images/common/ico_share_facebook.svg"); }

.btn-icon__kakao::before { background-image: url("../../assets/images/common/ico_share_kakao.svg"); }

.btn-icon__line::before { background-image: url("../../assets/images/common/ico_share_line.svg"); }

/* s:240702 add */
.btn-icon__home::before{ background-image: url("../../assets/images/common/ico_link_home.svg"); }

.btn-icon__recruit::before{ background-image: url("../../assets/images/common/ico_link_recruit.svg"); }
/* e:240702 add */

.btn-mod { min-width: auto; height: 50px; padding: 0 20px; border-radius: 25px; line-height: 48px; background-color: rgba(255, 255, 255, 0.2); color: #fff; }

.btn-mod:hover, .btn-mod:focus, .btn-mod:active { background-color: rgba(255, 255, 255, 0.3); }

.btn-mod__typ2 { min-width: 168px; }

.btn-black { background-color: #333; color: #fff; }

.btn-black:hover, .btn-black:focus, .btn-black:active { background-color: #000; }

.btn-line { min-width: auto; height: 40px; padding: 0 20px; border-radius: 21px; line-height: 38px; font-size: 17px; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.2); }

.btn-line:hover, .btn-line:focus, .btn-line:active { background-color: transparent; border-color: rgba(0, 0, 0, 0.8); }

.btn-line__white { border-color: rgba(255, 255, 255, 0.2); color: #fff; }

.btn-line__white:hover, .btn-line__white:focus, .btn-line__white:active { border-color: rgba(255, 255, 255, 0.8); }

.btn-tag { max-width: 100%; height: auto; min-height: 50px; padding: 10px 16px; border-radius: 10px; font-size: 17px; line-height: 1.76; background-color: rgba(0, 0, 0, 0.06); text-align: left; word-break: break-all; }

.btn-tag:hover, .btn-tag:focus, .btn-tag:active { background-color: rgba(0, 0, 0, 0.2); }

.btn-tag__white { background-color: rgba(255, 255, 255, 0.2); color: #fff; }

.btn-tag__white:hover, .btn-tag__white:focus, .btn-tag__white:active { background-color: rgba(255, 255, 255, 0.3); }

.btn__pill, .btn__pill__related { min-width: 260px; background-color: #f0f0f0; }

.btn__pill:hover, .btn__pill:focus, .btn__pill:active, .btn__pill__related:hover, .btn__pill__related:focus, .btn__pill__related:active { background-color: #e0e0e0; }

.btn__pill--typ2 { min-width: auto; height: 50px; border-radius: 25px; line-height: 48px; font-size: 17px; }

.btn__square { min-width: 260px; border-radius: 10px; }

.btn__square--line { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.2); }

.btn__square--line:hover, .btn__square--line:focus, .btn__square--line:active { background-color: transparent; border-color: rgba(0, 0, 0, 0.8); }

.btn-unit { position: relative; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50% auto; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.btn-unit:hover, .btn-unit:focus, .btn-unit:active { background-color: rgba(255, 255, 255, 0.3); }

.btn-unit__plus i { position: absolute; top: 50%; left: 50%; display: block; width: 18px; height: 2px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.btn-unit__plus i::after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 2px; height: 18px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.btn-unit__plus--big { width: 60px; height: 60px; }

.btn-unit__plus--big i { width: 21px; height: 3px; }

.btn-unit__plus--big i::after { width: 3px; height: 21px; }

.btn-unit__search { background-image: url("../../assets/images/common/ico_search_white.svg"); background-size: 30px auto; }

.btn-unit__download { background-image: url("../../assets/images/common/ico_download_white.svg"); }

.btn-unit__fullscreen { background-image: url("../../assets/images/common/ico_fullscreen.svg"); background-size: 21px auto; }

.btn-unit__link { background-image: url("../../assets/images/common/ico_link_white.svg"); }

.btn-unit__arrow-r { background-image: url("../../assets/images/common/ico_arrow_right.svg"); background-size: 27px auto; }

.btn-unit__black { background-color: rgba(0, 0, 0, 0.06); }

.btn-unit__black:hover, .btn-unit__black:focus, .btn-unit__black:active { background-color: rgba(0, 0, 0, 0.12); }

.btn-unit__black i, .btn-unit__black i::after { background-color: rgba(0, 0, 0, 0.45); }

.share-group { font-size: 0; }

.btn-oper { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px auto; vertical-align: top; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.btn-oper:hover, .btn-oper:focus, .btn-oper:active { border-color: rgba(0, 0, 0, 0.8); }

.btn-oper + .btn-oper { margin-left: 8px; }

.btn-oper.icon__share { background-image: url("../../assets/images/common/ico_share_black.svg"); }

.btn-oper.icon__down { background-image: url("../../assets/images/common/ico_download_black.svg"); }

.btn-oper.icon__print { background-image: url("../../assets/images/common/ico_print_black.svg"); }

.btn-oper.icon__share--wh { background-image: url("../../assets/images/common/ico_share_white.svg"); }

.btn-oper.icon__down--wh { background-image: url("../../assets/images//common/ico_download_white.svg"); }

.btn-oper.icon__print--wh { background-image: url("../../assets/images//common/ico_print_white.svg"); }

.btn-oper__white { border: solid 1px rgba(255, 255, 255, 0.2); }

.btn-oper__white:hover, .btn-oper__white:focus, .btn-oper__white:active { border-color: rgba(255, 255, 255, 0.8); }

.btn-ico-play { position: relative; display: inline-block; padding-right: 22px; font-size: 17px; }

.btn-ico-play:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; content: ""; width: 0px; height: 0px; border-top: 5px solid transparent; border-left: 9px solid #000; border-bottom: 5px solid transparent; }

.icon-time { display: inline-block; }

.icon-time:before { display: inline-block; content: ""; width: 20px; height: 20px; background: url("../../assets/images/common/ico_time_black.svg") no-repeat center/100% auto; vertical-align: -4px; }

.chk__switch { position: relative; }

.chk__switch input[type=checkbox] { overflow: hidden; position: absolute; top: 6px; left: 0; width: 38px; height: 20px; margin: -1px; z-index: -1; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: auto 100%; border-width: 0px !important; border: none !important; border-radius: 10px !important; }

.chk__switch input[type=checkbox]:checked + label:before { background-color: #000; }

.chk__switch input[type=checkbox]:checked + label:after { left: 21px; }

.chk__switch input[type=checkbox]:focus { outline-offset: 4px; }

.chk__switch label { position: relative; padding-left: 48px; letter-spacing: -0.21px; line-height: 1.76; z-index: 5; }

.chk__switch label:before { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 38px; height: 20px; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0, 0, 0, 0.2); z-index: 6; }

.chk__switch label:after { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; left: 3px; background: #fff; border-radius: 50%; -webkit-transition: left 0.3s; transition: left 0.3s; z-index: 7; }

.search-box--wide { width: 1040px; height: 60px; font-size: 0; }

.search-box--wide::before { opacity: 1; left: 40px; width: 30px; height: 30px; }

.search-box--wide .search-box__button { opacity: 1; left: 40px; width: 30px; height: 30px; }

.search-box--wide .search-box__input { padding: 13px 15px 17px 85px; font-size: 20px; vertical-align: top; }

.search-box--wide .search-box__delete { right: 85px; }

.search-box__filter { position: absolute; top: 0; right: 20px; display: inline-block; width: 60px; height: 60px; background: url("../../assets/images/common/ico_search_filter.svg") no-repeat 50% 50%/30px auto; }

.filter-wrap { position: relative; max-width: 1040px; margin-left: auto; margin-right: auto; z-index: 55; } /* 250108 modify */

.filter-wrap .search-box__input { padding-right: 114px; } /* 250108 modify */

/* filter */
.filter-section { overflow: hidden; display: none; position: absolute; top: 65px; right: 0; width: 704px; height: 752px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }

.filter-head { padding: 16px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.filter-head__title { display: block; text-align: center; font-size: 24px; font-weight: 500; }

.filter-body { overflow: hidden; height: 600px; text-align: left; }

.filter-content { overflow-y: auto; height: 100%; padding: 32px 25px 32px 40px; }

.filter-content::-webkit-scrollbar { width: 15px; background-color: #fff; }

.filter-content::-webkit-scrollbar-thumb { background-color: #eaeaea; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.filter-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #fff; box-shadow: inset 0px 0px 5px #fff; border-radius: 10px; }

.filter-group__title { position: relative; margin-bottom: 12px; font-size: 24px; font-weight: 500; line-height: 1.5; }

.filter-group { margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(0, 0, 0, 0.4); }

.filter-group:first-child { padding-top: 0; margin-top: 0; border: 0; }

.filter-group .datepick-wrap { margin-bottom: 15px; }

.filter-group .filter__title { font-weight: 500; }

.filter-group__item { margin-top: 12px; }

.filter-group__list--col2:after { clear: both; content: ''; display: block; }

.filter-group__list--col2 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.filter-group__list--col2 li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; min-width: 50%; }

.filter-group__list--col2 li:nth-child(1), .filter-group__list--col2 li:nth-child(2) { margin-top: 0; }

.filter-sort__item { display: inline-block; margin-right: 40px; }

.filter-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 17px 26px 16px; border-top: 1px solid rgba(0, 0, 0, 0.4); background-color: #fff; }

.filter-footer .btn-reset { font-size: 17px; font-weight: 500; line-height: 1.76; letter-spacing: -0.21px; color: #111; text-decoration: underline; }

.filter-close { position: absolute; top: 8px; right: 8px; width: 50px; height: 50px; }

.filter-close::before { content: ''; display: block; width: 100%; height: 100%; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 50% 50%/24px auto; }

.section-head-filter { padding: 80px 0 30px; }

.filter-data-text { margin: 0 0 24px; font-size: 30px; text-align: center; line-height: 1.67; letter-spacing: -0.2px; font-weight: 500; }

.filter-data-text strong { font-weight: 700; }

.c-listopen .filter-group__list { display: none; }

.c-listopen__btn { position: absolute; bottom: 0; right: 0; display: block; width: 36px; height: 36px; }

.c-listopen__i { position: absolute; top: 50%; left: 50%; display: block; margin-top: -6px; margin-left: -4px; width: 8px; height: 8px; border-left: 1px solid #222; border-bottom: 1px solid #222; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.c-listopen.is-open .c-listopen__btn { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.c-listopen.is-open .filter-group__list { display: block; }

.datepick { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.datepick__item { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right:-1px; } /* 221209 modify */

.datepick__input { display: block; appearance: none; width:100%; height: 50px; margin-right: -1px; line-height: 50px; font-size: 17px; font-weight: normal; border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.45); text-align: center; } /* 221209 modify */

.datepick__label { display: block; position:absolute; top:0px; left:0px; width: 100%; height: 50px; margin-right: -1px; line-height: 50px; font-size: 17px; color: rgba(0, 0, 0, 0.45); font-weight: normal; text-align: center; } /* 221209 modify */

.datepick__label:hover, .datepick__input:focus + .datepick__label, .datepick__input:active + .datepick__label, .datepick__input:checked + .datepick__label, .datepick__input:hover, .datepick__input:focus, .datepick__input:active, .datepick__input:checked { font-weight: 500; border-color: black; color: #111; opacity: 1; } /* 221209 modify */

.datepick__item:first-child .datepick__label, .datepick__item:first-child .datepick__input { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } /* 221209 modify */

.datepick__item:last-child .datepick__label, .datepick__item:last-child .datepick__input { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /* 221209 modify */

.calendar { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; }

.calendar__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; width: 50%; padding-left: 55px; }

.calendar__item--st::after { content: '~'; opacity: 0.45; position: absolute; top: 0; right: -5px; line-height: 50px; }

.calendar__input { width: 100%; height: 50px; font-size: 17px; border: none; color: #111; }

.calendar__button, .calendar .ui-datepicker-trigger { content: ''; opacity: 0.45; position: absolute; top: 10px; left: 20px; width: 30px; height: 30px; padding-top: 30px; overflow: hidden; display: inline-block; background: url("../../assets/images/common/ico_calendar.svg") no-repeat 50% 50%/20px auto; font-size: 1px; line-height: 30px; }

.com-input { position: relative; display: block; height: 54px; margin-bottom: 10px; padding: 0; line-height: 54px; border-radius: 10px; background: #fff; }

.com-textarea { overflow: hidden; display: block; margin-bottom: 10px; line-height: 1.76; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; }

.com-textarea textarea { width: 100%; height: 100%; padding: 16px 20px; font-size: 17px; vertical-align: top; border: 0; background: transparent; }

.com-textarea textarea::-webkit-scrollbar { width: 15px; background-color: #fff; }

.com-textarea textarea::-webkit-scrollbar-thumb { background-color: #cecece; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.com-textarea textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #fff; box-shadow: inset 0px 0px 5px #fff; border-radius: 10px; }

.com-input .ir, .com-textarea .ir, .com-select .ir { position: absolute; }

.com-input__text { overflow: hidden; width: 100%; height: 100%; padding: 0 20px; font-size: 17px; vertical-align: top; border: 0; background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px !important; }

.com-input__text:hover, .com-input__text:focus { border: 1px solid black; }

.com-input__text[disabled] { border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.1); }

.com-input__text[disabled]:hover { border-color: rgba(0, 0, 0, 0.2); }

.com-input__delete { position: absolute; top: 50%; right: 15px; display: none; width: 24px; height: 24px; margin-top: -12px; background: #eaeaea; border-radius: 50%; }

.com-input__delete::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 12px; height: 12px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; }

.com-input.is-disable .com-input__text { border-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.1); }

.com-input.is-arror .com-input__text { border-color: #f00; }

.com-required { display: none; margin: 4px 0 10px; font-size: 13px; font-weight: 300; line-height: 1.77; letter-spacing: -0.2px; color: #f00; }

.com-input.is-arror + .com-required { display: block; }

.com-select { position: relative; display: block; height: 54px; margin-bottom: 10px; padding: 0; line-height: 54px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; }

.com-select::after { content: ''; position: absolute; top: 50%; right: 22px; display: block; margin-top: -6px; width: 8px; height: 8px; border-left: 1px solid #222; border-bottom: 1px solid #222; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.com-select__sel { width: 100%; height: 100%; padding: 0 20px; font-size: 17px; vertical-align: top; border: 0; background: transparent; color: #949494; }

.com-check, .com-radio { position: relative; display: inline-block; }

.com-check__input, .com-radio__input { vertical-align: top; margin-right: 3px; position: absolute; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 18px; border-width: 0px !important; border: none !important; border-radius: 0 !important; top: 2px; cursor: pointer; }

.com-check__input { background: #fff url("../../assets/images/common/split_check.png") no-repeat 0 0; background-size: auto 100%; cursor: pointer; }

.com-check__input:hover, .com-check__input:focus { background-position: -26px 0; }

.com-check__input:checked { background-position: -52px 0; }

.com-check__input:checked:hover, .com-check__input:checked:focus { background-position: -52px 0; }

.com-check__input:disabled { background-position: -79px 0; }

.com-check__input:disabled:hover, .com-check__input:disabled:focus { background-position: -79px 0; }

.com-check__input:checked:disabled { background-position: -106px 0; }

.com-check__input:checked:disabled:hover, .com-check__input:checked:disabled:focus { background-position: -106px 0; }

.com-radio__input { background: #fff url("../../assets/images/common/split_radio.png") no-repeat 1px 0; background-size: auto 100%; cursor: pointer; }

.com-radio__input:hover, .com-radio__input:focus { background-position: -26px 0; }

.com-radio__input:checked { background-position: -52px 0; }

.com-radio__input:checked:hover, .com-radio__input:checked:focus { background-position: -52px 0; }

.com-radio__input:disabled { background-position: -79px 0; }

.com-radio__input:disabled:hover, .com-radio__input:disabled:focus { background-position: -79px 0; }

.com-radio__input:checked:disabled { background-position: -106px 0; }

.com-radio__input:checked:disabled:hover, .com-radio__input:checked:disabled:focus { background-position: -106px 0; }

.com-check__label, .com-radio__label { display: inline-block; padding-left: 26px; font-weight: normal; color: #111; cursor: pointer; vertical-align: top; }

.com-check__i, .com-radio__i { position: relative; display: none; width: 18px; height: 18px; margin-left: -26px; margin-top: -2px; margin-right: 8px; border-radius: 2px; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.2); }

.com-radio__i { border-radius: 50%; }

.com-check__input:checked + .com-check__label .com-check__i { border-color: rgba(0, 0, 0, 0.8); background-color: black; }

.com-check__input:checked + .com-check__label .com-check__i::before { content: ''; position: absolute; top: 7px; left: 4px; width: 2px; height: 6px; background: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.com-check__input:checked + .com-check__label .com-check__i::after { content: ''; position: absolute; top: 3px; left: 9px; width: 2px; height: 10px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.com-radio__i { border-radius: 50%; }

.com-radio__input:checked + .com-radio__label .com-radio__i { border-color: rgba(0, 0, 0, 0.8); }

.com-radio__input:checked + .com-radio__label .com-radio__i::before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: #000; }

.com-check__input:disabled + .com-check__label .com-check__i, .com-radio__input:disabled + .com-radio__label .com-radio__i { background: rgba(0, 0, 0, 0.1) !important; border-color: rgba(0, 0, 0, 0.1); }

.com-radio__input:disabled:checked + .com-radio__label .com-radio__i::before { background: rgba(0, 0, 0, 0.3); }

.c-platbox { position: relative; display: inline-block; text-align: left; vertical-align: middle; }

.c-platbox.is-open .btn-oper { display: block; }

.c-platbox.is-open .c-platbox-wrap { display: block; }

.c-platbox-wrap { position: absolute; top: calc(100% + 5px); left: 0; min-width: 260px; display: none; z-index: 10; }

.c-platbox-wrap ul { overflow: hidden; position: relative; display: inline-block; padding: 10px 8px; border-radius: 9px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); background-color: #fff; z-index: 10; }

.c-platbox-wrap.plat--right { left: auto; right: 0; text-align: right; }

.c-platbox-wrap.plat--right ul { text-align: left; }

.c-platbox__item { margin-bottom: 5px; }

.c-platbox__link { position: relative; display: block; min-width: 164px; padding: 10px 0; font-size: 14px; color: rgba(17, 17, 17, 0.7); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: -0.1px; }

.c-platbox__link:hover, .c-platbox__link:focus, .c-platbox__link:active { border-radius: 10px; background-color: #f5f5f5; color: #111; }

.c-platbox__link .btn-icon { display: block; min-height: 25px; padding: 0 12px 0 48px; line-height: 1.71; letter-spacing: -0.1px; }

.c-platbox__link .btn-icon::before { position: absolute; top: 0; left: 10px; }

.c-platbox + .c-platbox, .c-platbox + .btn-oper { margin-left: 8px; }

.tooltip-platbox { display: inline; position: relative; }

.tooltip-wrap { position: absolute; top: calc(100% + 10px); left: 0; display: none; }

.tooltip-platbox.is-open .tooltip-wrap { display: inline-block; }

.tooltip { overflow: hidden; display: inline-block; width: 400px; height: 164px; padding: 16px; border-radius: 9px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); background-color: #fff; z-index: 10; }

.tooltip__title { display: block; padding: 0 0 6px; font-size: 14px; font-weight: 500; color: #111; }

.tooltip__cont { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tooltip__img { overflow: hidden; position: relative; width: 133px; height: 100px; margin-right: 12px; border-radius: 10px; border: solid 1px #ddd; }

.tooltip__img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; }

.tooltip__img-ws { display: block; }

.tooltip__img-ms { display: none; }

.tooltip__img + .tooltip__text { width: calc(100% - 150px); }

.tooltip__text { width: 100%; font-size: 12px; }

.tooltip__text .inner { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px; margin-bottom: 15px; line-height: 1.67; letter-spacing: -0.18px; }

.tooltip__more { position: relative; font-weight: 500; }

.tooltip__more .btn-icon::before { width: 16px; height: 16px; margin-right: 4px; }

.tooltip__more .btn-icon::after { content: ''; position: absolute; right: 0; bottom: 1px; display: block; width: calc(100% - 20px); height: 1px; background-color: #111; }

.tooltip__more .btn-icon__linkblack::before { vertical-align: -4px; }

.search-wrap { position: relative; padding: 40px 0; background-color: #f1f1f1; z-index: 99; }

.search-wrap .filter-wrap { max-width: 1400px; margin: 0 auto; padding: 0 80px; text-align: center; }

.search-wrap .search-box { text-align: left; background-color: #fff; }

.search-related-wrap { margin-top: 16px; text-align: center; font-size: 17px; line-height: 1.76; }

.search-related-wrap .keyword__block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }

.search-related-wrap .keyword__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; margin-left: 16px; color: rgba(17, 17, 17, 0.7); }

.search-related-wrap .keyword__item:last-child { margin-right: 40px; }

.search-related__inner { display: inline-block; }

.search-related-title { color: #111; vertical-align: middle; }

.search-keyword-result { font-size: 17px; background: #f1f1f1; line-height: 1.76; letter-spacing: -0.21px; }

.search-keyword-result__inner { max-width: 1400px; margin: 0 auto; padding: 15px 80px; }

.search-keyword-result__text { display: inline-block; margin-left: 5px; color: #000; vertical-align: middle; }

.search-keyword-result__button { display: inline-block; margin-left: 10px; color: #01428b; vertical-align: middle; }

.search-reverse { padding-left: 40px; padding-right: 40px; background-color: #33383d; }

.search-reverse .search-box { color: #fff; background-color: #33383d; }

.search-reverse .search-box:before, .search-reverse .search-box__button { background-image: url("../../assets/images/common/ico_search_white.svg"); }

.search-reverse .search-box:before { display: none; }

.search-reverse .search-box__input { background-color: #33383d; border-color: rgba(255, 255, 255, 0.2); }

.search-reverse .search-box__delete { background-color: rgba(255, 255, 255, 0.3); }

.search-reverse .search-box__delete:before { background-image: url("../../assets/images/common/ico_close.svg"); }

.search-reverse .search-box__filter { background-image: url("../../assets/images/common/ico_search_filter_white.svg"); }

.search-reverse .search-related-title { color: #fff; background-color: #33383d; }

.search-reverse .search-related-wrap .keyword__item { color: rgba(255, 255, 255, 0.7); }

.search-result-notice { position: relative; height: auto; padding: 80px 80px 20px; max-width: 1400px; margin: 0 auto; font-size: 30px; letter-spacing: -0.2px; } /* 240924 add */

.search-result-notice__unit { display: flex; gap: 1.5px; flex-wrap: wrap; align-items: center;} /* 241107 modify */

.search-result-notice__unit--keyword { font-weight: 700; word-break: break-all;} /* 241107 modify */

.search-result-notice__unit--text { font-weight: 500; } /* 240924 add */

.menu-tab-wrap.type-search { height: 72px; padding: 13px 0 12px; font-size: 17px; line-height: 1.76; background: #fff; z-index: 98; }

.menu-tab-wrap.type-search.is-fixed { height: 60px; }

.menu-tab-wrap.type-search.is-fixed .menu-tab { margin-left: 95px; -webkit-transition: margin-left 0.1s linear; transition: margin-left 0.1s linear; }

.menu-tab-wrap.type-search.is-fixed .menu-tab__inner { left: 0; right: 0; }

.menu-tab-wrap.type-search.is-fixed .menu-tab__inner:before { position: fixed; }

.menu-tab-wrap.type-search.is-fixed .menu-tab__item:first-child { margin-left: 0; }

.menu-tab-wrap.type-search .menu-tab { margin-left: 45px; padding-left: 0; }

.menu-tab-wrap.type-search .menu-tab__block { max-width: 100%; }

.menu-tab-wrap.type-search .menu-tab__block::before, .menu-tab-wrap.type-search .menu-tab__block::after { display: none; }

.menu-tab-wrap.type-search .menu-tab__inner { max-width: 1400px; margin: 0 auto; padding: 0 35px; text-align: left; background: #fff; }

.menu-tab-wrap.type-search .menu-tab__inner:before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; display: block; height: 1px; background-color: #e6e6e6; }

.menu-tab-wrap.type-search .menu-tab__item { margin-right: 0; margin-left: 40px; }

.menu-tab-wrap.type-search .menu-tab__item:first-child { margin-left: 5px; }

.menu-tab-wrap.type-search .menu-tab__item a { padding: 17px 0; color: #111111; }

.menu-tab-wrap.type-search .menu-tab__item a:after { height: 2px; }

.menu-tab-wrap.type-search .menu-tab__item.totHashTagBtn a { height: 50px; line-height: 50px; padding: 0 16px; font-weight: 500; background-color: rgba(0, 0, 0, 0.06); border-radius: 10px; margin-top: 4px; } /* 240924 add */

.search-result-wrap { padding-top: 46px; }

.search-result__summary { font-size: 24px; }

.search-result .filter-data-text { font-size: 20px; }

/* calendar */
.ui-datepicker { z-index: 110 !important; width: 320px; padding: 0 5px 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); background-color: #fff; font-family: 'SpoqaHanSansNeo'; border-radius: 10px; }

.ui-datepicker.ui-widget { font-family: 'SpoqaHanSansNeo'; }

.ui-datepicker .ui-datepicker-header { padding: 20px 0; background: none; border: none; }

.ui-datepicker .ui-datepicker-title { font-size: 16px; color: #111; letter-spacing: -0.2px; font-weight: 500; line-height: 1.88; }

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 70px; height: 30px; margin: 0 5px 0 0; padding: 0 0 0 4px; font-size: 16px; text-align: left; font-family: 'SpoqaHanSansNeo', 'Malgun Gothic', '맑은 고딕', sans-serif; vertical-align: top; background: #fff url("../../assets/images/common/icn-arrow-sel.jpg") no-repeat 100% 50%/16px auto; border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.45); }

.ui-datepicker .ui-datepicker-calendar { font-size: 14px; }

.ui-datepicker .ui-datepicker-calendar th { padding: 0; line-height: 1.71; letter-spacing: -0.1px; color: #000; font-weight: 400; }

.ui-datepicker .ui-datepicker-calendar td { padding: 5px 0; font-size: 14px; color: rgba(0, 0, 0, 0.7); letter-spacing: -0.1px; background: none; text-align: center; }

.ui-datepicker .ui-datepicker-calendar td .ui-state-default { display: inline-block; text-align: center; width: 32px; height: 32px; line-height: 32px; padding: 0; font-weight: 300; color: rgba(0, 0, 0, 0.7); background-color: transparent; border: 0; }

.ui-datepicker .ui-datepicker-calendar td .ui-state-default:hover, .ui-datepicker .ui-datepicker-calendar td .ui-state-default:focus { color: black; }

.ui-datepicker .ui-datepicker-calendar td .ui-state-disabled .ui-state-default { font-weight: 300; color: rgba(0, 0, 0, 0.7); }

.ui-datepicker .ui-datepicker-calendar td a.ui-state-default { border: 0; color: black; font-weight: 400; background: none; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a.ui-state-default { color: black; font-weight: 400; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-active { font-weight: 500; background: #000; color: #fff; border-radius: 50%; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-active:hover { background-color: #ececec; color: #000; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default { color: rgba(0, 0, 0, 0.25); }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 24px; height: 24px; top: 50%; margin-top: -12px; background: none; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background: none; }

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { border: 0; }

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { position: absolute; top: 50%; left: 50%; content: ''; display: block; width: 8px; height: 8px; margin: -4px 0 0 -2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid #222; border-right: 0; border-top: 0; }

.ui-datepicker .ui-datepicker-prev:before:hover, .ui-datepicker .ui-datepicker-next:before:hover { margin: 0; }

.ui-datepicker .ui-datepicker-next:before { margin: -4px 0 0 -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.swiper .swiper-notification { opacity: 0; }

@media all and (min-width: 900px) and (max-width: 1399px) { html, body { width: 100vw; overflow-x: hidden; }
  body { font-size: 1.21429vw; }
  .container__inner { padding: 0 0 8.57143vw; }
  .contents { padding: 0 5.71429vw; max-width: 100vw; }
  .tab-contents { padding-top: 2.14286vw; }
  /* title*/
  .head-title { font-size: 2.85714vw; } /* 220304 modify */
  .title-block { margin: 2.14286vw 0 1.42857vw; }
  .title-block .btn { margin-left: 1.71429vw; }
  .title-block.event-join-box { margin: 3.4722vw 0 0 0; } /* 220916 Add */
  .page-title { font-size: 2.57143vw; }
  .sect-title { font-size: 2.14286vw; letter-spacing: -0.01429vw; }
  .sect-title-logo img {width: 1.43vw;margin:0.1vw 0.715vw 0 0;} /* 240205 add */
  .page-title-desc { font-size: 1.42857vw; }
  /* s: 241007 add */
  .section-head.eventType { padding: 3.57143vw 0 2.85714vw; }
  .setion-head-tab { margin: 0 auto 3.57143vw; gap: 18.57143vw; }
  .setion-head-tab--one { margin: 0 auto 1.42857vw; gap: 0; } /* 241017 Add */
  .setion-head-tab--one li:first-child { padding: 0; margin-left: 0; } /* 241017 Add */
  .setion-head-tab__item .page-title { font-size: 2.14286vw; height: 45px;} /* 241125 modify */
  .setion-head-tab.twoLine .setion-head-tab__item .page-title {height: 75px;} /* 241125 add */
  .setion-head-tab--one .setion-head-tab__item .page-title { font-size: 2.57143vw; } /* 241017 Add */
  .setion-head-tab__item .page-title-desc { font-size: 1.21429vw; padding: 0.2778vw 0 1.3889vw; }
  .setion-head-tab--one .setion-head-tab__item .page-title-desc { margin-top: 0.28571vw; font-size: 1.42857vw; } /* 241017 Add */
  .setion-head-tab:after { height: 6.3194vw; }
  /* e: 241007 add */
  .section-head { padding: 5.71429vw 0 2.85714vw; }
  .section-head.event-head { padding-top: 0vw; margin-top: 0vw;} /* 220916 Add */
  .section-head .page-title-desc { margin-top: 0.28571vw; }
  .section-head .filter-wrap { margin-top: 1.42857vw; }
  .search-box { min-width: 28.42857vw; height: 3.57143vw; border-radius: 2.14286vw; }
  .search-box:before { left: 1.71429vw; width: 1.71429vw; height: 1.71429vw; }
  .search-box__input { padding: 0.71429vw 1.07143vw 0.71429vw 4.14286vw; font-size: 1.14286vw; border-radius: 2.14286vw; }
  .search-box .search-box__delete { right: 1.07143vw; width: 1.71429vw; height: 1.71429vw; margin-top: -0.85714vw; }
  .search-box-recent { padding: 1.07143vw 0; border-radius: 0.71429vw; }
  .search-box-recent__list { max-height: 33.42857vw; padding: 0 2.14286vw; }
  .search-box-recent__list::-webkit-scrollbar { width: 1.07143vw; }
  .search-box-recent__list::-webkit-scrollbar-thumb { border-radius: 0.71429vw; border: 0.35714vw solid transparent; }
  .search-box-recent__list::-webkit-scrollbar-track { border-radius: 0.71429vw; }
  .search-box-recent__list li { margin: 0.21429vw; }
  .search-box-recent__list a { padding: 0.21429vw 0 0.21429vw 3.92857vw; letter-spacing: -0.01786vw; font-size: 1.42857vw; }
  .search-box-recent__list a:before { left: 0.71429vw; width: 1.78571vw; height: 1.78571vw; }
  .search-box-recent__list a:hover { border-radius: 0.71429vw; }
  .c-scrollbar::-webkit-scrollbar { width: 1.07143vw; }
  .c-scrollbar::-webkit-scrollbar-thumb { border-radius: 0.71429vw; border: 0.35714vw solid transparent; }
  .c-scrollbar::-webkit-scrollbar-track { border-radius: 0.71429vw; }
  .lypopup { width: 42.14286vw; border-radius: 0.71429vw; }
  .lypopup .btns-wrap { margin: 2.14286vw 0 0; }
  .lypopup-head { padding: 3.71429vw 1.78571vw 1.14286vw 2.14286vw; }
  .lypopup-head__title { font-size: 2.14286vw; letter-spacing: -0.01643vw; }
  .lypopup-cont { padding: 2.14286vw 2.14286vw 0; }
  .lypopup-cont__title { margin-bottom: 1.42857vw; font-size: 1.71429vw; letter-spacing: -0.01429vw; }
  .lypopup-close { top: 3.78571vw; right: 1.78571vw; width: 2.85714vw; height: 2.85714vw; }
  .lypopup-body { overflow: auto; padding: 0 0 4vw; max-height: calc(100vh - vw(110px)); }
  .agreebox { height: 17.14286vw; margin: 0.57143vw 0 0.85714vw 1.92857vw; padding: 1.71429vw 0.64286vw 1.71429vw 1.71429vw; font-size: 1vw; letter-spacing: -0.00714vw; }
  .agreebox::-webkit-scrollbar { width: 1.07143vw; }
  .agreebox::-webkit-scrollbar-thumb { border-radius: 0.71429vw; border: 0.35714vw solid transparent; }
  .agreebox::-webkit-scrollbar-track { border-radius: 0.71429vw; }
  .agreebox__noti { margin-top: 0.5vw; padding-left: 1.92857vw; font-size: 0.92857vw; letter-spacing: -0.01429vw; }
  .com-done { margin-top: 3.28571vw; }
  .com-done__i { width: 8.57143vw; height: 8.57143vw; margin: 0 auto 3.57143vw; }
  .com-done__i::before { top: 3.57143vw; left: 1.71429vw; width: 0.85714vw; height: 3.57143vw; }
  .com-done__i::after { top: 0.71429vw; left: 4.92857vw; width: 0.85714vw; height: 7vw; }
  .btn { height: 4.28571vw; padding: 0 2.14286vw; border-radius: 2.14286vw; line-height: 4.28571vw; font-size: 1.42857vw; }
  .btn--wfix { min-width: 18.57143vw; }
  .btn-play { width: 6.42857vw; height: 6.42857vw; -webkit-backdrop-filter: blur(2.14286vw); backdrop-filter: blur(2.14286vw); background-size: 3.42857vw auto; }
  .btn-play--mid { width: 5.14286vw; height: 5.14286vw; background-size: 2.71429vw auto; }
  .btn-play--sml { width: 3.57143vw; height: 3.57143vw; background-size: 1.92857vw auto; }
  .btns-wrap .btn + .btn { margin-left: 0.71429vw; }
  .btn-wrap--more { margin-top: 2.85714vw; }
  .btn-wrap--mid { margin-bottom: 7.14286vw; }
  .btn-icon::before { width: 1.71429vw; height: 1.71429vw; margin-right: 0.71429vw; vertical-align: -0.35714vw; }
  .btn-icon__calendar::before { width: 1.42857vw; height: 1.42857vw; vertical-align: -0.21429vw; }
  .btn-icon__calendar--chk::before { width: 1.42857vw; height: 1.42857vw; vertical-align: -0.21429vw; }
  .btn-icon__check::before { width: 1.42857vw; height: 1.42857vw; vertical-align: -0.21429vw; }
  .btn-icon__time::before { width: 2.14286vw; height: 2.14286vw; margin-right: 0.35714vw; vertical-align: -0.57143vw; }
  .btn-icon__pin::before { width: 2.14286vw; height: 2.14286vw; margin-right: 0.35714vw; vertical-align: -0.57143vw; } /* 250408 add */
  .btn-icon__timeblack::before { width: 1.42857vw; height: 1.42857vw; }
  .btn-mod { height: 3.57143vw; padding: 0 1.42857vw; border-radius: 1.78571vw; line-height: 3.42857vw; }
  .btn-mod__typ2 { min-width: 12vw; }
  .btn-line { height: 2.85714vw; padding: 0 1.42857vw; border-radius: 1.5vw; line-height: 2.71429vw; }
  .btn-tag { height: auto; min-height: 3.57143vw; padding: 0.71429vw 1.14286vw; border-radius: 0.71429vw; font-size: 1.21429vw; line-height: 1.76; }
  .btn__pill { min-width: 18.57143vw; }
  .btn__pill--typ2 { height: 3.57143vw; border-radius: 1.78571vw; line-height: 3.57143vw; font-size: 1.21429vw; }
  .btn__square { min-width: 18.57143vw; border-radius: 0.71429vw; }
  .btn-unit { width: 3.57143vw; height: 3.57143vw; }
  .btn-unit__plus i { width: 1.28571vw; height: 0.14286vw; }
  .btn-unit__plus i::after { width: 0.14286vw; height: 1.28571vw; }
  .btn-unit__plus--big { width: 4.28571vw; height: 4.28571vw; }
  .btn-unit__plus--big i { width: 1.5vw; height: 0.21429vw; }
  .btn-unit__plus--big i::after { width: 0.21429vw; height: 1.5vw; }
  .btn-unit__search { background-size: 2.14286vw auto; }
  .btn-unit__fullscreen { background-size: 1.5vw auto; }
  .btn-unit__arrow-r { background-size: 1.92857vw auto; }
  .btn-oper { width: 2.85714vw; height: 2.85714vw; background-size: 1.71429vw auto; }
  .btn-oper + .btn-oper { margin-left: 0.57143vw; }
  .btn-ico-play { padding-right: 1.57143vw; font-size: 1.21429vw; }
  .btn-ico-play:after { border-top: 0.35714vw solid transparent; border-left: 0.64286vw solid #000; border-bottom: 0.35714vw solid transparent; }
  .icon-time:before { width: 1.42857vw; height: 1.42857vw; }
  .chk__switch label { padding-left: 3.42857vw; }
  .chk__switch label:before { width: 2.71429vw; height: 1.42857vw; border-radius: 0.71429vw; }
  .chk__switch label:after { width: 1vw; height: 1vw; left: 0.21429vw; }
  .chk__switch input[type=checkbox] { top: 0.42857vw; width: 2.71429vw; height: 1.42857vw; border-radius: 0.71429vw; }
  .chk__switch input[type=checkbox]:checked + label:after { left: 1.5vw; }
  .search-box--wide { width: 74.28571vw; height: 4.28571vw; }
  .search-box--wide .search-box__button, .search-box--wide:before { left: 2.85714vw; width: 2.14286vw; height: 2.14286vw; }
  .search-box--wide .search-box__input { padding: 0.92857vw 1.07143vw 1.21429vw 6.07143vw; font-size: 1.42857vw; }
  .search-box--wide .search-box__delete { right: 6.07143vw; }
  .search-box__filter { right: 1.42857vw; width: 4.28571vw; height: 4.28571vw; background-size: 2.14286vw auto; }
  .filter-wrap { max-width: 74.28571vw; }
  .filter-wrap .search-box__input { padding-right: 8.14286vw; } /* 250108 modify */
  .filter-section { top: 4.64286vw; width: 50.28571vw; height: 53.71429vw; border-radius: 0.71429vw; }
  .filter-head { padding: 1.14286vw 0; }
  .filter-head__title { font-size: 1.71429vw; }
  .filter-body { height: 42.85714vw; }
  .filter-content { padding: 2.28571vw 1.78571vw 2.28571vw 2.85714vw; }
  .filter-content::-webkit-scrollbar { width: 1.07143vw; }
  .filter-content::-webkit-scrollbar-thumb { border-radius: 0.71429vw; border: 0.35714vw solid transparent; }
  .filter-content::-webkit-scrollbar-track { border-radius: 0.71429vw; }
  .filter-group__title { margin-bottom: 1.07143vw; font-size: 1.71429vw; }
  .filter-group { margin-top: 1.71429vw; padding-top: 1.71429vw; }
  .filter-group .datepick-wrap { margin-bottom: 1.07143vw; }
  .filter-group__list > ul { margin-top: -0.57143vw; }
  .filter-group__item { margin-top: 0.57143vw; }
  .filter-sort__item { margin-right: 2.85714vw; }
  .filter-footer { padding: 1.21429vw 1.85714vw 1.14286vw; }
  .filter-footer .btn-reset { font-size: 1.21429vw; letter-spacing: -0.015vw; }
  .filter-close { top: 0.57143vw; right: 0.57143vw; width: 3.57143vw; height: 3.57143vw; }
  .filter-close::before { background-size: 1.71429vw auto; }
  .section-head-filter { padding: 5.71429vw 0 2.14286vw; }
  .filter-data-text { margin: 0 0 1.71429vw; font-size: 2.14286vw; letter-spacing: -0.01429vw; }
  .c-listopen__btn { width: 2.57143vw; height: 2.57143vw; }
  .c-listopen__i { margin-top: -0.42857vw; margin-left: -0.28571vw; width: 0.57143vw; height: 0.57143vw; }
  .datepick__label,.datepick__input { height: 3.57143vw; margin-right: -0.07143vw; line-height: 3.57143vw; font-size: 1.21429vw; } /* 221209 modify */
  .datepick__item:first-child .datepick__label,.datepick__item:first-child .datepick__input { border-top-left-radius: 0.71429vw; border-bottom-left-radius: 0.71429vw; } /* 221209 modify */
  .datepick__item:last-child .datepick__label,.datepick__item:last-child .datepick__input { border-top-right-radius: 0.71429vw; border-bottom-right-radius: 0.71429vw; } /* 221209 modify */
  .calendar { margin-top: 0.57143vw; border-radius: 0.71429vw; }
  .calendar__item { padding-left: 3.92857vw; }
  .calendar__item--st::after { right: -0.35714vw; line-height: 3.57143vw; }
  .calendar__input { height: 3.57143vw; font-size: 1.21429vw; }
  .calendar__button, .calendar .ui-datepicker-trigger { top: 0.71429vw; left: 1.42857vw; width: 2.14286vw; height: 2.14286vw; padding-top: 2.14286vw; background-size: 1.42857vw auto; font-size: 0.07143vw; line-height: 2.14286vw; }
  .com-input { height: 3.85714vw; margin-bottom: 0.71429vw; padding: 0; line-height: 3.85714vw; border-radius: 0.71429vw; }
  .com-textarea { margin-bottom: 0.71429vw; border-radius: 0.71429vw; }
  .com-textarea textarea { padding: 1.14286vw 1.42857vw; font-size: 1.21429vw; }
  .com-input__text { font-size: 1.21429vw; padding: 0 1.42857vw; }
  .com-input__delete { right: 1.07143vw; width: 1.71429vw; height: 1.71429vw; margin-top: -0.85714vw; }
  .com-input__delete::before { width: 0.85714vw; height: 0.85714vw; }
  .com-required { margin: 0.28571vw 0 0.71429vw; font-size: 0.92857vw; letter-spacing: -0.01429vw; }
  .com-select { height: 3.85714vw; margin-bottom: 0.71429vw; padding: 0; line-height: 3.85714vw; border-radius: 0.71429vw; }
  .com-select::after { right: 1.57143vw; margin-top: -0.42857vw; width: 0.57143vw; height: 0.57143vw; }
  .com-select__sel { padding: 0 1.42857vw; font-size: 1.21429vw; }
  .com-check__input, .com-radio__input { margin-right: 0.21429vw; width: 1.42857vw; height: 1.28571vw; top: 0.14286vw; }
  .com-check__input:hover, .com-check__input:focus { background-position: -1.85714vw 0; }
  .com-check__input:checked { background-position: -3.71429vw 0; }
  .com-check__input:checked:hover, .com-check__input:checked:focus { background-position: -3.71429vw 0; }
  .com-check__input:disabled { background-position: -5.64286vw 0; }
  .com-check__input:disabled:hover, .com-check__input:disabled:focus { background-position: -5.64286vw 0; }
  .com-check__input:checked:disabled { background-position: -7.57143vw 0; }
  .com-check__input:checked:disabled:hover, .com-check__input:checked:disabled:focus { background-position: -7.57143vw 0; }
  .com-radio__input { background-position: 0.07143vw 0; }
  .com-radio__input:hover, .com-radio__input:focus { background-position: -1.85714vw 0; }
  .com-radio__input:checked { background-position: -3.71429vw 0; }
  .com-radio__input:checked:hover, .com-radio__input:checked:focus { background-position: -3.71429vw 0; }
  .com-radio__input:disabled { background-position: -5.64286vw 0; }
  .com-radio__input:disabled:hover, .com-radio__input:disabled:focus { background-position: -5.64286vw 0; }
  .com-radio__input:checked:disabled { background-position: -7.57143vw 0; }
  .com-radio__input:checked:disabled:hover, .com-radio__input:checked:disabled:focus { background-position: -7.57143vw 0; }
  .com-check__label, .com-radio__label { padding-left: 1.85714vw; }
  .com-check__i, .com-radio__i { width: 1.28571vw; height: 1.28571vw; margin-left: -1.85714vw; margin-top: -0.14286vw; margin-right: 0.57143vw; border-radius: 0.14286vw; }
  .com-check__input:checked + .com-check__label .com-check__i::before { top: 0.5vw; left: 0.28571vw; width: 0.14286vw; height: 0.42857vw; }
  .com-check__input:checked + .com-check__label .com-check__i::after { top: 0.21429vw; left: 0.64286vw; width: 0.14286vw; height: 0.71429vw; }
  .com-radio__input:checked + .com-radio__label .com-radio__i::before { width: 0.85714vw; height: 0.85714vw; margin: -0.42857vw 0 0 -0.42857vw; }
  .chk__switch input { width: 2.71429vw; height: 1.42857vw; }
  .c-platbox-wrap { top: calc(100% + 0.35714vw); width: 18.57143vw; }
  .c-platbox-wrap ul { padding: 0.71429vw 0.57143vw; border-radius: 0.64286vw; }
  .c-platbox__item { margin-bottom: 0.35714vw; }
  .c-platbox__link { min-width: 11.71429vw; padding: 0.71429vw 0; font-size: 1vw; }
  .c-platbox__link:hover, .c-platbox__link:focus, .c-platbox__link:active { border-radius: 0.71429vw; }
  .c-platbox__link .btn-icon { min-height: 1.78571vw; padding: 0 0.85714vw 0 3.42857vw; }
  .c-platbox__link .btn-icon::before { left: 0.71429vw; }
  .tooltip-wrap { top: calc(100% + 0.71429vw); }
  .tooltip { width: 28.57143vw; height: 11.71429vw; padding: 1.14286vw; border-radius: 0.64286vw; }
  .tooltip__title { padding: 0 0 0.42857vw; font-size: 1vw; }
  .tooltip__img { width: 9.5vw; height: 7.14286vw; margin-right: 0.85714vw; border-radius: 0.71429vw; }
  .tooltip__img + .tooltip__text { width: calc(100% - 10.71429vw); }
  .tooltip__text { font-size: 0.85714vw; }
  .tooltip__text .inner { height: 4.28571vw; margin-bottom: 1.07143vw; letter-spacing: -0.01286vw; }
  .tooltip__more .btn-icon::before { width: 1.14286vw; height: 1.14286vw; margin-right: 0.28571vw; }
  .tooltip__more .btn-icon::after { width: calc(100% - 1.42857vw); }
  .tooltip__more .btn-icon__linkblack::before { vertical-align: -0.28571vw; }
  .search-wrap .filter-wrap { padding: 0 5.71429vw; }
  .search-related-wrap { margin-top: 1.14286vw; font-size: 1.21429vw; }
  .search-related-wrap .keyword__item { margin-left: 1.14286vw; }
  .search-keyword-result { font-size: 1.21429vw; }
  .search-keyword-result__inner { padding: 1.07143vw 5.71429vw; }
  .search-keyword-result__button { margin-left: 0.71429vw; }
  .search-result-notice { padding: 5.71429vw 5.71429vw 1.42857px; font-size: 2.14286vw; height: auto; }  /* 240924 add */
  .menu-tab-wrap.type-search { height: 5.14286vw; padding: 0.92857vw 0 0.85714vw; font-size: 1.21429vw; }
  .menu-tab-wrap.type-search.is-fixed { height: 4.28571vw; }
  .menu-tab-wrap.type-search.is-fixed .menu-tab { margin-left: 6.78571vw; }
  .menu-tab-wrap.type-search .menu-tab { margin-left: 3.21429vw; }
  .menu-tab-wrap.type-search .menu-tab__inner { padding: 0 2.5vw; }
  .menu-tab-wrap.type-search .menu-tab__item { margin-left: 2.85714vw; }
  .menu-tab-wrap.type-search .menu-tab__item a { padding: 1.21429vw 0; }
  .menu-tab-wrap.type-search .menu-tab__item a:after { height: 0.14286vw; }
  .menu-tab-wrap.type-search .menu-tab__item.totHashTagBtn a { padding: .7vw 1.4vw; margin-top: .51429vw; height: 100%; line-height: 1.5;} /* 240924 add */
  .menu-tab__item.is-active.totHashTagBtn a:after { width: calc(100% - 2.4vw) !important; bottom: 8px; } /* 240924 add */
  .menu-nav.is-fixed.search-nav { height: 4.28571vw; }
  .search-result-wrap { padding-top: 3.28571vw; }
  .search-result__summary { font-size: 1.71429vw; }
  .search-result .filter-data-text { font-size: 1.42857vw; } }

@media all and (max-width: 899px) { body { font-size: 14px; }
  .container__inner { padding-bottom: 80px; }
  .contents { max-width: 796px; padding-left: 0; padding-right: 0; }
  .search-wrap .filter-wrap { max-width: 100%; }
  .tab-contents { padding-top: 20px; }
  /* title*/
  .head-title { font-size: 25px; letter-spacing: -.23px; } /* 220304 modify */
  .page-title { font-size: 23px; letter-spacing: -.29px; }
  .sect-title { font-size: 23px; letter-spacing: -.03px; }
  .sect-title-logo img {width: 13px;margin:1px 10px 0 0;} /* 240205 add */
  .page-title-desc { font-size: 14px; }
  .search-result-notice { max-width: none; padding-left: 32px; padding-right: 32px; height: auto;} /* 241107 modify */
  .menu-tab-wrap.type-search { max-width: 796px; height: 50px; margin: 0 auto; padding: 0; font-size: 14px; }
  .menu-tab-wrap.type-search.is-fixed .menu-tab { margin-left: 15px; }
  .menu-tab-wrap.type-search.is-fixed .menu-nav.search-nav { top: 2.14286vw; }
  .menu-tab-wrap.type-search .menu-tab { margin-left: 0; }
  .menu-tab-wrap.type-search .menu-tab__inner { padding-left: 0; padding-right: 0; }
  .menu-tab-wrap.type-search .menu-tab__item { margin-left: 21px; }
  .menu-tab-wrap.type-search .menu-tab__item a { height: 50px; padding: 16px 0 12px; }
  .menu-tab-wrap.type-search .menu-tab__item.totHashTagBtn a { height: 40px; padding: 10px 12px; margin-top: 6px; line-height: 1.5; font-weight: 500; } /* 240924 add */
  .menu-tab__item.is-active.totHashTagBtn a:after { width: calc(100% - 22px) !important; bottom: 9px; } /* 240924 add */
  .btn-wrap--more { margin-top: 20px; }
  .btn { height: 36px; padding: 0 20px; line-height: 36px; font-size: 14px; letter-spacing: -0.1px; }
  .btn-ico-play { padding-right: 12px; font-size: 14px; }
  .btn-ico-play:after { border-top-width: 4px; border-left-width: 6px; border-bottom-width: 4px; }
  .btn.btn--wfix { height: 50px; min-width: 200px; line-height: 50px; }
  .btn-icon::before { width: 20px; height: 20px; margin-right: 3px; vertical-align: -5px; }
  .btn-icon .xm { overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }
  .btn-icon__time { font-size: 16px; }
  .btn-icon__time::before { width: 24px; height: 24px; margin-right: 4px; vertical-align: -6px; }
  .btn-icon__pin::before { width: 24px; height: 24px; margin-right: 4px; vertical-align: -7px; } /* 250408 add */
  .btn__square { min-width: 220px; height: 50px; padding: 10px; line-height: 30px; }
  .btn-unit, .btn-unit__plus--big { width: 36px; height: 36px; }
  .btn-unit__plus i, .btn-unit__plus--big i { width: 15px; height: 2px; }
  .btn-unit__plus i::after, .btn-unit__plus--big i::after { width: 2px; height: 15px; }
  .btn-unit__search { background-size: 22px auto; }
  .btn-unit__download { background-size: 18px auto; }
  .btn-unit__fullscreen { background-size: 16px auto; }
  .btn-unit__arrow-r { background-size: 20px auto; }
  .btn-unit__link { background-size: 18px auto; }
  .btn-unit__search { background-size: 22px auto; }
  .btn-icon__link:before { width: 22px; height: 22px; }
  .btn.btn-mod { min-width: auto; }
  .btn.btn__pill { min-width: 220px; height: 50px; line-height: 50px; }
  .btn__pill--typ2 { padding: 0 30px; }
  .btn-mod__typ2 { height: 40px; line-height: 40px; }
  .btn-tag { min-height: 40px; height: auto; padding: 10px 12px; line-height: 1.6; }
  .section-head-filter { padding: 4.28571vw 0 calc(1.78571vw + 10px); text-align: center; } /* 241007 modify */
  .section-head-filter .setion-head-tab { margin-top: 5.3333vw; } /* 241007 add */
  .icon-time:before { width: 18px; height: 18px; }
  .chk__switch label { font-size: 16px; letter-spacing: -0.02px; }
  .search-box--wide .search-box__button, .search-box--wide::before { width: 24px; height: 24px; left: 20px; }
  .filter-data-text { margin-bottom: 23px; }
  .filter-wrap { max-width: 100%; }
  .filter-wrap .search-box--wide { max-width: 100%; height: 44px; }
  .filter-wrap .search-box--wide .search-box__delete { right: 60px; }
  .filter-wrap .search-box__input { height: 100%; padding: 0 90px 0 50px; font-size: 16px; } /* 250108 modify */
  .filter-wrap .search-box--wide::before { width: 24px; height: 24px; left: 20px; }
  .filter-wrap .search-box__filter { top: 10px; width: 24px; height: 24px; background-size: 100% auto; }
  .filter-wrap .filter-group { font-size: 16px; }
  .filter-wrap .filter-group .datepick-wrap { margin-bottom: 0; }
  .filter-wrap .filter-head__title { font-size: 20px; }
  .filter-wrap .filter-group__title { font-size: 20px; }
  .filter-footer .btn { height: 40px; line-height: 40px; }
  .search-related-wrap { font-size: 14px; }
  .search-keyword-result { font-size: 14px; line-height: 1.71; letter-spacing: -0.1px; }
  .search-keyword-result__inner { max-width: 796px; padding: 15px 0; }
  .keyword__item { margin-left: 14px; } }

@media all and (max-width: 859px) { .contents { max-width: none; padding-left: 32px; padding-right: 32px; }
  .search-wrap .filter-wrap { padding: 0 32px; }
  .search-keyword-result__inner { max-width: none; padding-left: 32px; padding-right: 32px; }
  .menu-tab-wrap.type-search { max-width: none; }
  .menu-tab-wrap.type-search .menu-tab { padding: 0 32px; }
  .menu-tab-wrap.type-search.is-fixed .menu-tab { padding: 0; }
  .filter-section { left: 50%; right: auto; margin-left: -352px; } }

@media all and (max-width: 719px) { .header { display: none; }
  .show-pc { display: none !important; }
  .show-mobile { display: block !important; }
  colgroup.col-pc { display: none; }
  colgroup.col-mo { display: table-row-group; }
  .hidden-mobile { display: none; }
  .contents { max-width: 488px; padding: 0 20px; }
  .lypopup-wrap { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; }
  .lypopup { overflow: hidden; position: fixed; top: 10px; right: 10px; bottom: 10px; left: 10px; width: auto; margin: 0; padding: 0 0 21px; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .lypopup .btns-wrap { position: absolute; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 20px 20px 21px; background-color: #fff; }
  .lypopup .btns-wrap .btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: auto; }
  .lypopup .com-check__label { font-size: 14px; }
  .lypopup-head { padding: 52px 20px 16px; }
  .lypopup-body { overflow-y: hidden; height: calc(100% - 180px); padding-bottom: 0; }
  .lypopup-cont { overflow-y: auto; height: 100%; padding: 30px 20px; }
  .lypopup-cont__title { font-size: 20px; line-height: 1.6; letter-spacing: -0.03px; }
  .lypopup-close { right: 20px; }
  .chk-webpush { display: block; margin: 14px 0 7px; }
  .agreebox { margin: 10px 0 12px; padding: 15px 0 15px 15px; }
  .agreebox__noti { padding-left: 0; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .filter-data-text { font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: -0.03px; }
  .search-box { min-width: auto; }
  .search-box--wide { min-width: auto; width: 100%; height: 50px; }
  .search-box--wide .search-box__button, .search-box--wide::before { width: 24px; height: 24px; left: 20px; }
  .search-box--wide .search-box__input { padding: 10px 85px 10px 58px; font-size: 16px;} /* 241125 modify */
  .search-box--wide .search-box__delete { right: 52px; }
  .search-box__filter { width: 50px; height: 50px; }
  .filter-section { position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; z-index: 9999; }
  .filter-head { padding: 14px 0; }
  .filter-head__title { font-size: 20px; }
  .filter-content { padding: 20px 20px 24px; }
  .filter-body { height: calc(100% - 125px); }
  .filter-footer { padding: 12px 20px; }
  .filter-footer .btn-reset { font-size: 14px; }
  .filter-close { top: 5px; right: 5px; }
  .filter-group__title { font-size: 20px; }
  .filter-group__list > ul { display: block; margin: 0; }
  .filter-group__list--col2 li:nth-child(odd), .filter-group__list--col2 li:nth-child(even) { float: none; width: 100%; }
  .filter-group__list--col2 li:nth-child(odd):nth-child(2), .filter-group__list--col2 li:nth-child(even):nth-child(2) { margin-top: 12px; }
  .filter-group__item { margin-top: 12px; }
  .datepick__label, .calendar__input, .com-input__text, .com-select__sel, .com-textarea textarea { font-size: 14px; }
  .com-input { height: 50px; line-height: 50px; margin-bottom: 8px; }
  .com-check__label, .com-radio__label { font-size: 16px; }
  .search-wrap { max-width: none; padding: 30px 0 24px; }
  .search-wrap .filter-wrap { max-width: none; padding: 0 20px; }
  .search-related-wrap { font-size: 14px; }
  .search-related-wrap .keyword__item { margin-left: 14px; }
  .search-related__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .search-related-title { position: relative; padding-right: 10px; padding-left: 24px; white-space: nowrap; z-index: 5; }
  .search-keyword-result__inner { max-width: 796px; padding-left: 20px; padding-right: 20px; }
  .search-result-notice { max-width: none; padding: 40px 20px 16px; font-size: 20px; height: auto; letter-spacing: -0.03px; } /* 240924 add */
  .search-result-notice__unit {display: inline-flex; gap: 5px;}
  .search-result-notice__unit--keyword {word-break: break-all; line-height: 25px;}
  .search-result-notice__unit--text { font-weight: 400; } /* 240924 add */
  .menu-tab-wrap.type-search .menu-tab { padding-left: 18px; }
  .menu-tab-wrap.type-search.is-fixed .menu-tab { margin-left: 24px; } }

@media all and (max-width: 447px) { .search-box--wide { min-width: 100%; width: 100%; }
  .search-box--wide .search-box__delete { right: 45px; }
  .filter-wrap .search-box { min-width: 100%; }
  .filter-wrap .search-box__input { padding-right: 88px; } /* 250108 modify */
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .chk__switch input[type=checkbox] { clip: rect(1px, 1px, 1px, 1px); }
  .chk__switch input[type=checkbox]:focus + label { outline: dashed 1px #818181 !important; }
  .btn-play { /* background-color: rgba(159, 159, 159, 0.5); */ } } /* 220518 modify */

.header { /* main */ }

.header-wrap { position: relative; z-index: 100; background-color: #f1f1f1; }

.header { position: relative; max-width: 1400px; height: 100px; margin: 0 auto; padding: 38px 0 28px; }

.header__logo { display: block; width: 108px; height: 36px; margin: 0 auto; }

.header__logo a { display: block; height: 100%; background: url("../../assets/images/common/hmg_logo_black.svg") no-repeat 0 0/100% auto; }

.header-reverse { background-color: #33383d; }

.header-reverse .header__logo a { background-image: url("../../assets/images/common/hmg_logo.svg"); }

.header-reverse .menu-nav { background-image: url("../../assets/images/common/ico_menu.svg"); }

.header-reverse .menu-nav.is-fixed.no-tab { background-image: url("../../assets/images/common/ico_menu_black.svg"); }

.header-reverse .menu-nav.menu-lang a {color:#fff}

.header-main { background-color: transparent; position: absolute; left: 0; right: 0; }

.header-main .header { height: 0; padding: 0; }

.header-main .header__logo { position: absolute; top: 60px; left: 50%; width: 143px; height: 48px; margin-left: -71px; }

.header-main .header__logo a { background-image: url("../../assets/images/common/hmg_logo.svg"); }

.menu-nav { position: absolute; display: block; width: 60px; height: 60px; top: 10px; left: 50%; margin-left: -640px; z-index: 110; background: url("../../assets/images/common/ico_menu_black.svg") no-repeat 50% 50%/29px auto; }

.menu-nav.is-fixed { position: fixed; top: 5px; }

.menu-nav.is-fixed.no-tab { top: 40px; width: 60px; height: 60px; background-color: #fff; padding: 16px 15px 15px 16px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 50%; -webkit-transform: translateX(-16px); transform: translateX(-16px); }

.menu-nav.search-nav.is-fixed { top: 0; }

.menu-nav--def { position: fixed; top: 50px; width: 60px; height: 60px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); background-color: #fff; border-radius: 50%; }

.menu-nav--def.is-fixed { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }

/* s: 220307 add */
.menu-nav.menu-lang--def { right: 50%;left:auto; margin-right: -640px; background: none; }

.menu-nav.menu-lang--def { position: fixed; top: 50px; width: 60px; height: 60px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); background-color: #fff; border-radius: 50%; }

.menu-nav.menu-lang--def.is-fixed { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }

.menu-nav.menu-lang--def a {position: relative;display: inline-block;width: 60px;height: 60px;text-align: center;line-height: 60px;font-size:20px;color:#000;font-weight: 700;}

.menu-nav.menu-lang { right: 50%;left:auto; margin-right: -640px; background: none; }

.menu-nav.menu-lang a {position: relative;display: inline-block;width: 60px;height: 60px;text-align: center;line-height: 60px;font-size:20px;color:#000;font-weight: 700;}

.menu-nav.menu-lang.is-fixed { padding:0;opacity: 0; visibility: hidden;} /* 250704 modify */

.menu-nav.menu-lang.is-fixed.no-tab { padding:0;opacity: 1;margin-right: -654px;}
/* e:220307 add */

.auto-scroll { overflow-x: scroll; overflow-y: hidden; position: relative; white-space: nowrap; text-align: left; }

.auto-scroll::-webkit-scrollbar, .auto-scroll::-webkit-scrollbar-button, .auto-scroll::-webkit-scrollbar-track { display: none; }

.menu-wrap { position: absolute; top: 0; width: 100%; }

.menu-close { position: absolute; left: 50%; top: 129px; z-index: 110; margin-left: -620px; width: 32px; height: 32px; }

.menu-close:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; display: block; width: 100%; height: 100%; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; }

.menu-section { display: none; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; z-index: 100; background: #fff; font-size: 16px; overflow-y: auto; }

.menu-section.is-open { display: block; }

.menu__inner { position: relative; max-width: 1400px; margin: 0 auto; }

.menu__search { padding: 20px 0 0; text-align: right; }

.menu__search .search-box-recent__list { padding: 0 10px; }

.menu__search .search-box-recent__list a { padding: 3px 0 3px 42px; line-height: 2; letter-spacing: -0.19px; font-size: 15px; }

.menu__search .search-box-recent__list a:before { width: 24px; height: 24px; }

.menu__contents { position: relative; background: #fff; margin-top: -10px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-bottom: 60px; }

.menu__contents .menu__inner { padding: 0 80px 0 290px; }

.billboard { height: 110px; padding: 19px 0 0 0; background: #1f1f1f; color: #fff; font-size: 17px; }

.billboard:after { clear: both; content: ''; display: block; }

.billboard__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.billboard__title { position: relative; padding: 0 30px 0 39px; margin-right: 38px; font-weight: 700; letter-spacing: -0.21px; color: #fff; }

.billboard__title:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 8px; height: 8px; margin-top: -4px; border: solid 1px #fff; border-top: 0; border-right: 0; right: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); border-width: 2px; right: 7px; }

.billboard__cont { position: relative; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

.billboard__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.billboard__list li { position: relative; padding-left: 20px; width: auto; }

.billboard__item { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.billboard__thumb { display: block; width: 60px; min-width: 60px; height: 60px; margin: 0 20px 0 0; background-color: #d8d8d8; }

.billboard__thumb img { width: 100%; height: 100%; }

.billboard__text { line-height: 1.88; }

.billboard-tag .billboard__cont:before, .billboard-tag .billboard__cont:after, .billboard-article .billboard__cont:before, .billboard-article .billboard__cont:after { position: absolute; top: 0; left: -1px; z-index: 2; content: ''; display: block; width: 24px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#1f1f1f), to(rgba(31, 31, 31, 0))); background: linear-gradient(to right, #1f1f1f, rgba(31, 31, 31, 0)); opacity: 1; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; }

.billboard-tag .billboard__cont:after, .billboard-article .billboard__cont:after { left: auto; right: -1px; background: -webkit-gradient(linear, right top, left top, from(#1f1f1f), to(rgba(31, 31, 31, 0))); background: linear-gradient(to left, #1f1f1f, rgba(31, 31, 31, 0)); }

.billboard-tag .billboard__cont.first:before, .billboard-article .billboard__cont.first:before { opacity: 0; }

.billboard-tag .billboard__cont.last:after, .billboard-article .billboard__cont.last:after { opacity: 0; }

.billboard-tag { height: 110px; }

.billboard-tag__list { padding: 0 25px; text-align: left; }

.billboard-tag li { display: inline-block; width: auto; margin-right: 12px; vertical-align: top; }

.billboard-tag li:last-child { margin-right: 25px; }

.billboard-tag__item { position: relative; overflow: hidden; display: block; width: 82px; height: 60px; border-radius: 10px; }

.billboard-tag__image { display: block; width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.billboard-tag__image img { width: 100%; height: 100%; -webkit-filter: blur(6px); filter: blur(6px); -webkit-transform: scale(1.2); transform: scale(1.2); }

.billboard-tag__text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: 1; display: block; width: 100%; font-size: 13px; font-weight: 500; text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;} /* 241125 modify */

.billboard-live .bul-live { position: relative; padding-left: 22px; }

.billboard-live .bul-live:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; display: block; width: 15px; height: 15px; background-color: rgba(224, 32, 32, 0.4); border-radius: 50%; }

.billboard-live .bul-live:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 4px; content: ''; display: block; width: 7px; height: 7px; background: #e02020; border-radius: 50%; }

.billboard-live-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.billboard-live .billboard__thumb { width: 106px; min-width: 106px; height: 60px; }

.billboard-live .billboard__list { width: calc(100% - 300px); }

.billboard-live .billboard__date { margin-left: auto; font-size: 13px; font-weight: 400; }

.billboard-live .billboard__text { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

.billboard-article .billboard__list li { margin-left: 10px; }

.billboard-article .billboard__list li:before { content: ""; display: block; width: 1px; height: 60px; position: absolute; top: 0; left: 0; background-color: rgba(216, 216, 216, 0.3); }

.billboard-article .billboard__list li:first-child { margin-left: 15px; }

.billboard-article .billboard__list li:first-child:before { display: none; }

.billboard-article .billboard__text { width: 332px; max-height: 64px; margin-right: 20px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.menu-tab { position: relative; overflow: hidden; padding: 0 45px; }

.menu-tab-wrap { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 80px; padding-top: 10px; text-align: center; font-size: 20px; background: #f1f1f1; z-index: 99; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; }

.menu-tab-wrap.is-fixed { height: 70px; padding-top: 0; }

.menu-tab-wrap.is-fixed .menu-tab__inner { position: fixed; top: 0; margin-top: 0; padding: 0 0 0 58px; } /* 220811 modify */ /* 230412 modify */ /* 230517 modify */

.menu-tab-wrap.is-fixed .menu-tab__item:last-child { margin-right: 40px; } /* 230508 modify */

.menu-tab__inner { width: 100%; background: #f1f1f1; }

.menu-tab__block { position: relative; overflow: hidden; max-width: 1100px; margin: 0 auto; vertical-align: top; }

.menu-tab__block:before, .menu-tab__block:after { content: ''; position: absolute; top: 0; display: block; width: 30px; height: 100%; z-index: 10; }

.menu-tab__block:before { left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#f1f1f1), to(rgba(249, 249, 249, 0))); background-image: linear-gradient(to right, #f1f1f1, rgba(249, 249, 249, 0)); }

.menu-tab__block:after { right: 0; background-image: -webkit-gradient(linear, right top, left top, from(#f1f1f1), to(rgba(249, 249, 249, 0))); background-image: linear-gradient(to left, #f1f1f1, rgba(249, 249, 249, 0)); }

.menu-tab__list { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; width: auto; }

.menu-tab__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; height: 100%; margin-right: 60px; vertical-align: top; -ms-flex-negative: 0; flex-shrink: 0; } /* 230412 modify */

.menu-tab__item:last-child { margin-right: 0; }

/* s : 250623 add */

.menu-tab__item.exLink a { display: flex; gap: 6px; align-items: center; }

.menu-tab__item.exLink a img { display: inline-block; margin-top: 2px; }

/* e : 250623 add */

.menu-tab__item a { position: relative; display: inline-block; height: 100%; padding: 20px 0; vertical-align: top; line-height: 1.5; color: rgba(0, 0, 0, 0.45); }

.menu-tab__item a:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; background: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.menu-tab__item.is-active a { color: #111111; font-weight: 700; }

.menu-tab__item.totHashTagBtn a:after { bottom: 9px; height: 1px !important; background: #000; } /* 240924 add */

.menu-tab__item.is-active a:after { width: 100%; }

.menu-tab__item.is-active.totHashTagBtn a { color: #fff; background-color: #000 !important; } /* 240924 add */

.menu-tab__item.is-active.totHashTagBtn a:after { background-color: #fff; height: 1px; bottom: 9px; width: calc(100% - 30px); } /* 240924 add */

.gnb { position: relative; }

.gnb--mobile { display: none; }

.gnb__tit { line-height: 1.77; letter-spacing: -0.2px; font-size: 13px; color: rgba(17, 17, 17, 0.7); }

.gnb-list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.gnb__tit { display: block; margin-bottom: 8px; }

.gnb__stit { display: block; margin-bottom: 8px; font-size: 12px; line-height: 2; letter-spacing: -0.09px; color: rgba(17, 17, 17, 0.45); }

.gnb__item { width: 20%; min-width: 20%; border-bottom: 1px solid #d8d8d8; padding: 30px 0 16px; font-size: 16px; }

.gnb__item li { width: 100%; margin-bottom: 12px; }

.gnb__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; font-weight: 500; line-height: 1.38; letter-spacing: -0.2px; color: #111; }

/* .gnb__item.item--tech { width: 100%; border-bottom: 0; } 230412 del */

/* .gnb__item.item--tech li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; } 230412 del */

.gnb__item li.exLink a { position: relative; display: flex; gap: 6px; align-items: center; } /* s : 250623 add */

.gnb__group { width: 20%; }

.gnb__group .gnb__item { width: 100%; }

.gnb__group.group--1st .gnb__item + .gnb__item { margin-top: 6px; }

.menu-layer--mobile { display: none; }

.menu-layer__prev { display: none; }

.menu-layer__title { margin-bottom: 12px; font-size: 13px; color: #000; font-weight: 500; }

/* .menu-hmg-company { border-top: 1px solid #d8d8d8; } 230412 del */

.menu-hmg-company .menu-layer__title { margin-top: 30px; color: #000; }

.menu-hmg-company .gnb__item { padding-top: 0; border: 0; }

.menu-hmg-company .gnb__group.group--2nd { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40%; }

.menu-hmg-company .gnb__group.group--2nd .gnb__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; }

.hmg-links-wrap { background-color: #f5f5f5; position: fixed; bottom: 0; left: 0; right: 0; min-height: 60px; z-index: 2; }
.hmg-links-wrap .ico-language {display:none;} 
.hmg-links .menu__inner { position: relative; max-width: none; }

.hmg-links__view { position: relative; padding-right: 24px; font-weight: 500; text-align: left; }

.hmg-links__view:before, .hmg-links__view:after { position: absolute; top: 50%; content: ''; width: 2px; height: 12px; margin-top: -6px; margin-left: -1px; background-color: #000; right: 6px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.hmg-links__view:before { -webkit-transform: rotate(0); transform: rotate(0); }

.hmg-links__view:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.hmg-links__view.is-open:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hmg-links__view.is-open:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.hmg-links__block { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; height: 60px; margin: 0 auto; padding-right: 10px; background-color: #f5f5f5; }

.hmg-links__block-inner { max-width: 1400px; margin: 0 auto; padding: 16px 80px 16px 286px; }

.hmg-links__contents { position: relative; bottom: 60px; left: 0; right: 0; display: none; max-width: 1400px; max-height: 100vh; margin: 0 auto; padding: 0 80px 0 280px; }

.hmg-links__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -13px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hmg-links__list li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; width: 16.66667%; min-width: 16.66667%; padding: 13px; }

.hmg-links__item { position: relative; display: block; padding: 0; text-align: center; background-color: #fff; font-size: 12px; padding-top: 50%; }

.hmg-links__item:hover .hmg-links__text, .hmg-links__item:focus .hmg-links__text { display: block; }

.hmg-links__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; }

.hmg-links__image img { max-width: 100%; max-height: 100%; }

.hmg-links__text { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 10px; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: left; line-height: 1.5; }

.hmg-links__text:before { content: ''; position: absolute; bottom: 8px; right: 8px; display: block; width: 20px; height: 20px; background: url("../../assets/images/common/icon_external_link.svg") no-repeat 0 0/100% auto; }

.hmg-links .menu-layer__contents { overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 60px); padding: 13px 10px 13px 0; }

.menu-section.is-open--hmg .hmg-links { z-index: 150; }

.menu-section.is-open--hmg .hmg-links .menu__inner { overflow-x: hidden; overflow-y: auto; max-height: 100%; padding-top: 60px; }

.menu-section.is-open--hmg .hmg-links__block { -webkit-box-shadow: 2px -9px 14px 6px rgba(0, 0, 0, 0.1); box-shadow: 2px -9px 14px 6px rgba(0, 0, 0, 0.1); }

.menu-section.is-open--hmg .hmg-links__block:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d8d8d8)); background-image: linear-gradient(to bottom, #fff, #d8d8d8); }

.menu-section.is-open--hmg .menu-close { z-index: 1; }

html.is-menu-open { height: calc(100vh - 1px); }

body.is-menu-open { overflow: hidden; position: fixed; left: 0; right: 0; width: 100%; -webkit-overflow-scrolling: touch; }

body.is-menu-open .menu-section { z-index: 120; }

@media all and (max-width: 1399px) { .header { padding-left: 5.71429vw; padding-right: 5.71429vw; }
  .menu-tab__item { margin-right: 32px} /* 230412 add */
  .menu-nav { left: 4.28571vw; margin: 0; }

  .menu-nav.search-nav { top: 1.07143vw; }
  .menu-nav.is-fixed { left: 4.64286vw; }
  /* s : 220307 add */
  .menu-nav.menu-lang--def { left:auto;right: 4.28571vw; margin: 0; }
  .menu-nav.menu-lang--def.is-fixed { left: auto; right: 4.64286vw;}
  .menu-nav.menu-lang { left:auto;right: 4.28571vw; margin: 0; }
  .menu-nav.menu-lang.is-fixed { left: auto; right: 1.57255vw;padding:0;}
  .menu-nav.menu-lang.is-fixed.no-tab { margin:0;}
  /* e:220307 add */
  .menu-close { left: 5.71429vw; margin-left: 0; }
  .menu__search .search-box-wrap { position: relative; display: inline-block; }
  .menu__search .search-box { min-width: 398px; height: 50px; border-radius: 30px; }
  .menu__search .search-box:before { left: 24px; width: 24px; height: 24px; }
  .menu__search .search-box__input { padding: 10px 42px 10px 58px; font-size: 16px; } /* 250108 add */
  .menu__inner { max-width: 1028px; }
  .menu__contents .menu__inner { padding: 0; }
  .billboard__title { padding-left: 0; }
  .hmg-links .menu__inner { padding: 0; }
  .hmg-links__contents { max-width: 1030px; padding: 0; }
  .hmg-links__block-inner { max-width: 1030px; margin: 0 auto; padding-left: 0; padding-right: 0; } }

@media all and (min-width: 900) and (max-width: 1399px) { .menu-tab-wrap { height: 5.71429vw; padding-top: 0.71429vw; font-size: 1.42857vw; }
  .menu-tab-wrap.is-fixed { height: 5vw; }
  .menu-tab__block { max-width: 78.57143vw; }
  .menu-tab__block:before, .menu-tab__block:after { width: 2.14286vw; }
  .menu-tab { padding: 0 3.21429vw; }
  .menu-tab__item { margin-right: 2.28571vw; }
  .menu-tab__item:last-child { margin-right: 0; }
  .menu-tab__item a { padding: 1.42857vw 0; }
  .menu-tab__item a:after { height: 0.21429vw; } }

@media all and (max-width: 1159px) { .menu__inner { max-width: 908px; }
  .gnb__item { width: 25%;border-bottom: 0; }  /* 230412 modify */
  /* .gnb__item.item--tech li { width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } 230412 del */
  .gnb__item.item--employ {padding-top: 5px; width:100%;border-bottom: 1px solid #d8d8d8;} /* 230412 add */
  /* s:240726 del
  .gnb__item.item--news { position: absolute; top: 117px; right: 0; border-bottom: 0; }
     e:240726 del
  */
  .gnb__group { width: 25%; }
  .menu-hmg-company .gnb__group.group--2nd { width: 25%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .menu-hmg-company .gnb__group.group--2nd .gnb__item { width: 100%; min-width: 100%; }
  .hmg-links__list { margin-left: -7px; margin-right: -7px; }
  .hmg-links li { width: calc(100% / 5); min-width: calc(100% / 5); padding: 7px; }
  .hmg-links__block-inner { max-width: 910px; }
  .hmg-links__contents { max-width: 910px; } }


/* s : 241125 add */
@media all and (max-width: 1399px) {
  .setion-head-tab .toolTipWrap {width: 25px; height: 25px; right: -30px; top: 50%;}
  .setion-head-tab.setion-head-tab--eng .toolTipWrap {top: 50%;}
  .setion-head-tab .toolTipWrap .toolTip-openBtn {width: 20px; height: 20px;} /* 241217 modify */
  .setion-head-tab .toolTipWrap .toolTip-cont {top: 55px; left: -52px; font-size: 14px; width: 300px; padding: 30px 15px 20px; } /*241217 modify*/
  .setion-head-tab .toolTipWrap .toolTip-cont::before {top: -20px; left: 52px; border: 15px solid #fff; border-left: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent; }
  .setion-head-tab.setion-head-tab--eng .toolTip-cont::before {left: 138px;}
}

@media all and (max-width: 1024px) {
  .setion-head-tab .toolTipWrap {top: 49%; width: 20px; height: 20px;}
  .setion-head-tab.setion-head-tab--eng .toolTipWrap {top: 54%;}
  .setion-head-tab .toolTipWrap .toolTip-openBtn {width: 20px; height: 20px;}
  .setion-head-tab .toolTipWrap .toolTip-cont {top: 49px; left: unset; right: -12px; line-height: 1.5; width: 220px; padding: 38px 30px 20px 20px;} /* 241217 modify */
  .setion-head-tab.setion-head-tab--eng .toolTipWrap .toolTip-cont {width: 289px; left: unset; right: -8px;} /* 241217 modify */
  .setion-head-tab .toolTipWrap .toolTip-cont::before {top: -25px; left: unset; right: 10px; border: 20px solid #fff;border-left: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent;}
  .setion-head-tab--en .toolTipWrap .toolTip-cont::before {top: -25px; left: unset; right: 10px; border: 20px solid #fff;border-left: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent;}
  .setion-head-tab .toolTipWrap .toolTip-closeBtn {top: 20px; right: 20px;}
  .setion-head-tab .toolTipWrap .br-mobile {display: block;}
}
/* e: 241125 add */

@media all and (max-width: 1023px) { .menu__inner { padding-left: 5.71429vw; padding-right: 5.71429vw; }
  .menu__contents .menu__inner { padding-left: 5.71429vw; padding-right: 5.71429vw; }
  .billboard__title { margin-right: 0; }
  .billboard__cont { margin-left: 0; }
  .hmg-links__block-inner { max-width: 910px; padding-left: 5.71429vw; padding-right: 5.71429vw; }
  .hmg-links li { width: calc(100% / 5); min-width: calc(100% / 5); }
  .hmg-links__contents { max-width: 910px; padding-left: 5.71429vw; padding-right: 5.71429vw; }
  .hmg-links__item { padding-top: 75%; }
  .hmg-links__image { top: 50%; bottom: auto; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}

@media all and (max-width: 899px) { .menu-nav { left: 20px; margin: 0; }
  .menu-nav.search-nav { top: 1.78571vw; }
  .menu-nav.is-fixed { left: 20px; margin: 0; }
  .menu-nav.menu-lang.is-fixed.no-tab {right:-10px;}/* 220307 add */
  .menu-nav.is-fixed.search-nav { height: 50px; }
  .menu-nav--def { left: 40px; }
  .menu-close { left: 32px; }
  .menu__inner { padding-left: 32px; padding-right: 32px; }
  .menu__contents .menu__inner { padding-left: 32px; padding-right: 32px; }
  .search-box { min-width: 320px; }
  .menu-tab { padding-left: 40px; padding-right: 40px; }
  .hmg-links__contents { padding-left: 32px; padding-right: 32px; }
  .hmg-links__block-inner { padding-left: 32px; padding-right: 32px; } }

@media all and (max-width: 859px) { .menu-nav { left: 15px; }
  .menu-nav--def { left: 40px; } /* 220307 modify */
  .menu-nav.menu-lang--def { left:auto;right: 40px; }} /* 220307 add */

@media all and (max-width: 719px) { .header__logo { width: 95px; height: 32px; }
  .header-reverse .menu-nav { background-image: url("../../assets/images/common/ico_menu_black.svg"); }
  .header-main .header { top: 0; }
  .header-main .header__logo { top: 24px; width: 95px; height: 32px; margin-left: -47.5px; opacity: 1; -webkit-transition: opacity .1s ease-in; transition: opacity .1s ease-in; }
  .header-main .header__logo--fixed { position: fixed; }
  .header-main .header__logo--fixed-no { position: absolute; opacity: 0; }
  .menu-nav { position: fixed; width: 50px; height: 50px; top: auto; bottom: 20px; left: 50%; margin-left: -25px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); background-color: #fff; border-radius: 50%; background-size: 24px auto; }
  .menu-nav--def.is-fixed, .menu-nav.is-fixed { top: auto; bottom: 20px; left: 50%; margin-left: -25px; }
  .menu-nav--def.is-fixed.no-tab, .menu-nav.is-fixed.no-tab { top: auto; }
  .menu-nav--def { left: 50%; }
  .menu-nav--def.is-fixed { width: 50px; height: 50px; -webkit-box-shadow: 0 0 10px 0 black; box-shadow: 0 0 10px 0 black; background-color: #fff; }
  /* s: 220307 add */
  .menu-nav.menu-lang--def { top:15px ;right:10px;width: 36px; height: 36px;}
  .menu-nav.menu-lang--def a {width: 36px;height: 36px;line-height: 36px;font-size:14px;}
  .menu-nav.menu-lang { display:none}
  /* e: 220307 add */
  .menu-close { position: fixed; top: auto; bottom: 20px; left: 50%; width: 50px; height: 50px; margin-left: -25px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); background-color: #fff; border-radius: 50%; }
  .menu-close:before, .menu-close:after { position: absolute; top: 50%; content: ''; width: 2px; height: 22px; margin-top: -11px; margin-left: -1px; background-color: #000; left: 50%; }
  .menu-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .menu-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .menu-wrap { position: fixed; top: 0; overflow-y: auto; }
  .menu-section { position: relative; min-height: 100%; }
  .menu__inner { padding-left: 20px; padding-right: 20px; }
  .menu__search { text-align: center; }
  .menu__search .search-box { width: 100%; min-width: auto; }
  .menu__search .search-box-recent__list { max-height: 52.85714vw; }
  .menu__contents .menu__inner { padding: 30px 20px 130px; }
  .gnb--pc { display: none; }
  .gnb--mobile { display: block; }
  .gnb__item { width: 100%; padding: 20px 20px; }
  .gnb__item li { margin-bottom: 16px; }
  .gnb__item li:last-child { margin-bottom: 0; }
  .gnb .ico-arr { position: relative; padding-right: 12px; }
  .gnb .ico-arr::after { content: ''; position: absolute; top: 50%; display: inline-block; width: 6px; height: 6px; margin-top: -3px; border: solid 1px #000; border-top: 0; border-right: 0; right: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
  .billboard { font-size: 14px; font-weight: 400; }
  .billboard__thumb { display: none; }
  .billboard__text { line-height: 1.71; }
  .billboard-tag li:last-child { margin-right: 26px; }
  .billboard-live-block { display: block; padding-top: 12px; }
  .billboard-live .billboard__list { width: 100%; }
  .billboard-live .billboard__list li { width: 100%; margin: 0; padding: 0; }
  .billboard-live .billboard__list li:first-child { margin: 0; }
  .billboard-live .billboard__title { margin-right: 8px; }
  .billboard-live .billboard__thumb { display: none; }
  .billboard-live .billboard__date { display: block; margin: 0; font-size: 12px; font-weight: 300; letter-spacing: -.18; }
  .billboard-article { padding-top: 12px; }
  .billboard-article .billboard__text { width: 144px; max-height: 48px; }
  .billboard-article .billboard__list li:first-child { margin-left: 5px; }
  .menu-layer { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; }
  .menu-layer__inner { position: relative; overflow-y: auto; height: 100%; }
  .menu-layer__header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 40px 40px 18px; text-align: center; }
  .menu-layer__prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; display: block; width: 24px; height: 24px; margin-top: 11px; }
  .menu-layer__prev:before { content: ''; position: absolute; top: 50%; display: inline-block; width: 8px; height: 8px; margin-top: -4px; border: solid 1px #000; border-top: 0; border-right: 0; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; left: 12px; }
  .menu-layer__title { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; line-height: 1.38; text-align: center; font-size: 16px; }
  .menu-layer__contents { position: relative; padding: 0 20px 85px; }
  .menu-layer__contents .gnb__item:last-child { border-bottom: 0; }
  .menu-layer .gnb__sub li { margin: 12px 0; }
  .menu-layer .gnb-list.gnb__item:last-child { border-bottom: 0; }
  .menu-hmg-company { margin: 0; padding: 0; border-top: 0; }
  .menu-hmg-company .gnb__item { padding: 0; }
  .menu-hmg-company .gnb__stit { margin: 0 0 4px; }
  .menu-hmg-company .gnb__group { width: 100%; }
  .menu-hmg-company .gnb__group.group--2nd { width: 100%; }
  .menu-hmg-company .gnb__sub li { width: 50%; }
  .menu-hmg-company .gnb__item { padding: 24px 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .menu-hmg-company .menu-layer__title { margin-top: 0; }
  .hmg-links-wrap { height: 152px; z-index: 5; }
  .hmg-links-wrap .ico-language {display:flex;gap:4px;align-items:center;color:rgba(17, 17, 17, 0.50);font-weight:500;}
  .hmg-links-wrap .ico-language::before {content:'';display:inline-block;width:14px;height:14px;background: url('../../assets/images/common/ico-language.svg') no-repeat 0 0 / 100% auto;}
  .hmg-links-wrap .hmg-links__view + .ico-language {margin-top:10px;}
  .hmg-links .menu__inner { padding-left: 20px; padding-right: 20px; }
  .hmg-links__contents { display: none; }
  .hmg-links__block { position: static; }
  .hmg-links__block-inner { padding-left: 20px; padding-right: 4px; }
  .hmg-links__view { padding-right: 15px; margin-left: 0; }
  .hmg-links__view::before, .hmg-links__view::after { display: none; }
  .hmg-links__view span:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 6px; height: 6px; margin-top: -3px; border: solid 1px #000; border-top: 0; border-right: 0; right: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); right: -10px; }
  .hmg-links__list { margin: 0; }
  .hmg-links li { width: calc(100% + 40px); height: auto; margin: 0 -20px; padding: 1px 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .hmg-links li:first-child { border-top: 0; }
  .hmg-links__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.33; }
  .hmg-links__image { position: static; top: 0; width: 120px; min-width: 120px; height: auto; line-height: normal; -webkit-transform: translateY(0); transform: translateY(0); }
  .hmg-links__text { position: relative; display: block; height: auto; margin-left: 10px; padding-right: 40px; background-color: #fff; color: #111; line-height: 1.33; font-weight: 500; }
  .hmg-links__text:before { top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px; background: url("../../assets/images/common/ico_link_black.png") no-repeat 0 0/100% auto; }
  .hmg-links .menu-layer__contents { padding: 0 20px 85px; max-height: none; }
  .hmg-site.is-open .hmg-site__label span:before, .hmg-site.is-open .hmg-site__label span:after { background-color: #000; }
  .hmg-site.is-open .hmg-site__label span:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .hmg-site.is-open .hmg-site__label span:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .menu-tab { padding-left: 20px; padding-right: 20px; }
  .menu-tab-wrap { height: 90px; margin-top: 0; padding-top: 0; }
  .menu-tab-wrap.is-fixed a { padding: 20px 0; }
  .menu-tab-wrap.is-fixed .menu-tab__inner { padding-left: 0; } /* 230412 del */ /* 230517 modfiy */
  .menu-tab-wrap.is-fixed .menu-tab__item:last-child { margin-right: 0; }
  .menu-tab__item a { padding: 30px 0; }
  body.is-menu-open .menu-wrap { height: 100%; }
  body.is-menu-open .menu-tab-wrap.is-fixed { z-index: -1; }
  body.is-layer-open .menu-nav--def, body.is-layer-open .menu-nav, body.is-layer-open .menu-nav.is-fixed { z-index: -1; display: none; }
  body.is-layer-open .menu-tab-wrap { z-index: -1; }
  .menu-section.is-open--hmg .hmg-links .menu__inner { padding-top: 0; }
  .menu-section.is-open--hmg .hmg-links__block { -webkit-box-shadow: none; box-shadow: none; }
  .menu-section.is-open--hmg .menu-close { z-index: 110; }
  .menu-section.is-open--hmg .menu__search .search-box:before { z-index: 0; } }

.footer-wrap { background-color: #000; color: #fff; font-size: 14px; }

.footer { max-width: 1400px; margin: 0 auto; padding: 50px 80px 30px; }

.footer__inner { position: relative; }

.footer__inner:after { clear: both; content: ''; display: block; }

.footer .inner-2nd { margin-top: 25px; padding-top: 35px; border-top: 1px solid rgba(255, 255, 255, 0.3); }

.footer__logo { float: left; display: block; width: 114px; height: 36px; background: url("../../assets/images/common/hmg_logo.svg") no-repeat 0 0/100% auto; }

.footer__logo i { overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

.footer__sns { float: right; }

.footer__sns li { float: left; margin-left: 20px; }

.footer__sns li:last-child { margin-right: 0; }

.footer__sns a { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; }

.footer__sns .sns-facebook { background-image: url("../../assets/images/common/footer_logo_facebook.svg"); }

.footer__sns .sns-journal { background-image: url("../../assets/images/common/footer_logo_journal.png"); }

.footer__sns .sns-twitter { background-image: url("../../assets/images/common/footer_logo_twitter.svg"); }

.footer__sns .sns-insta { background-image: url("../../assets/images/common/footer_logo_insta.svg"); }

.footer__sns .sns-youtube { background-image: url("../../assets/images/common/footer_logo_youtube.svg"); }

.footer__sns .sns-blog { background-image: url("../../assets/images/common/footer_logo_blog.svg"); }

.footer__sns .sns-post { background-image: url("../../assets/images/common/footer_logo_post.svg"); }

.footer__sns .sns-navertv { background-image: url("../../assets/images/common/footer_logo_navertv.svg"); }

.footer__sns .sns-kakaotv { background-image: url("../../assets/images/common/footer_logo_tvkaka.svg"); }

.footer__sns .sns-brunch { background-image: url("../../assets/images/common/footer_logo_brunch.png"); }

.footer__sns .sns-linkedin { background-image: url("../../assets/images/common/footer_logo_linkedin.svg"); }

.footer__sns i { overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

.footer__nav { display: block; font-weight: 300; line-height: 1.71; letter-spacing: -0.1px; }/* 220420 modify */

.footer__nav--mobile { display: none; }

.footer__nav--pc { display: table; }

.footer__nav:after { clear: both; content: ''; display: block; }

.footer__nav-row { display: table-row; }

.footer__nav li { display: table-cell; padding-right: 50px; padding-bottom: 10px; }

.footer__nav .footer__nav-row:nth-child(1) li:nth-child(2) { font-weight:500; } /* 220420 add */

.footer__nav .nav-lang a { opacity: .5; }

.footer__nav .nav-lang a.is-active { opacity: 1; }

.footer__nav .nav-lang a + a:before { display: inline-block; content: "/"; margin: 0 4px 0 2px; vertical-align: middle; opacity: .5; font-weight: 300; }

.footer__nav .ico-language {display:flex;gap:4px;align-items:center;}
.footer__nav .ico-language::before {content:'';display:inline-block;width:14px;height:14px;background: url('../../assets/images/common/ico-language_white.svg') no-repeat 0 0 / 100% auto;}

.footer__copyright { margin: 10px 0 0 0; font-size: 13px; line-height: 1.77; color: rgba(255, 255, 255, 0.46); }

.footer__site { position: absolute; bottom: -20px; right: 0; }

.footer__site:after { clear: both; content: ''; display: block; }

.footer__mark { float: right; }

.footer__mark a, .footer__mark span { display: inline-block; width: 54px; height: 54px; vertical-align: top; margin: 0 6.5px; }

.footer__mark img { width: 100%; }

.hmg-site { position: relative; float: right; width: 220px; height: 54px; margin-left: 23.5px; font-size: 17px; }

.hmg-site__label { position: relative; display: block; width: 100%; height: 100%; padding: 12px 15px 12px 20px; border-radius: 10px; border: solid 1px rgba(255, 255, 255, 0.5); text-align: left; }

.hmg-site__label span { position: relative; }

.hmg-site__label:before { width: 24px; height: 24px; content: ''; position: absolute; top: 50%; display: inline-block; width: 8px; height: 8px; margin-top: -4px; border: solid 1px #fff; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 15px; }

.hmg-site__box { position: absolute; bottom: calc(100% + 10px); right: 0; z-index: 5; display: none; overflow: hidden; width: 280px; padding: 6px 0 0 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 0 rgba(39, 17, 17, 0.4); box-shadow: 0 0 10px 0 rgba(39, 17, 17, 0.4); background-color: #fff; color: rgba(0, 0, 0, 0.55); }

.hmg-site__inner { overflow-y: auto; max-height: 466px; }

.hmg-site__inner::-webkit-scrollbar { width: 15px; background-color: #fff; }

.hmg-site__inner::-webkit-scrollbar-thumb { background-color: #cecece; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.hmg-site__inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #fff; box-shadow: inset 0px 0px 5px #fff; border-radius: 10px; }

.hmg-site__list li { margin-bottom: 5px; }

.hmg-site__list a { display: block; padding: 8px 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.hmg-site__list a:hover { border-radius: 10px; background-color: #f5f5f5; color: #000; }

.hmg-site.is-open .hmg-site__label { background-color: #fff; color: #000; }

.hmg-site.is-open .hmg-site__label:before { margin-top: 0; border-color: #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.hmg-site.is-open .hmg-site__box { display: block; z-index: 999; }

@media all and (max-width: 1399px) { .footer { padding-left: 5.71429vw; padding-right: 5.71429vw; } }
 /* s : 250331 add */
 @media all and (max-width: 1024px) { 
  .footer__site {display: flex; flex-direction: column; align-items: center; gap : 12px; bottom: -60px;}
  .hmg-site {margin-left: 0;}
}
 /* e : 250331 add */
@media all and (max-width: 899px) { .footer { padding: 30px 32px; }
  .footer__logo { width: 89px; height: 28px; }
  .footer__sns li { margin: 0 20px 0 0; }
  .footer__nav-row {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 2.5rem; width: -moz-min-content; width: min-content; white-space: nowrap;}  /* 250331 add */
  .hmg-site { margin-left: 0 } /* 250331 add */
  .footer__nav li { margin-right: 0; padding-right: 0; } /* 250331 modify */
  .footer__mark { float: none; text-align: right;  } /* 250331 modify */
  .footer__mark a, .footer__mark span { width: 40px; height: 40px; margin: 0 5px; }
  .footer__copyright { font-size: 11px; line-height: 1.45; }
  .footer__site { bottom: -30px; }
  .hmg-site { float: none; height: 44px; font-size: 14px; }
  .hmg-site li { margin: 0; } }

@media all and (max-width: 720px) { .footer { max-width: 448px; margin: 0 auto; padding: 35px 20px 30px; }
  .footer .inner-2nd { margin-top: 13px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .footer__logo { float: none; margin: 0 auto 28px; }
  .footer__sns { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 28px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: distribute; align-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .footer__sns li { width: 40px; margin: 5px 0; text-align: center; }
  .footer__sns li:nth-child(2), .footer__sns li:nth-child(4), .footer__sns li:nth-child(7), .footer__sns li:nth-child(9) { margin: 0 calc((100% - 200px) / 4); }
  .footer__sns a { width: 30px; height: 30px; padding: 5px; background-size: 20px auto; background-position: 50% 50%; }
  .footer__nav--pc { display: none; }
  .footer__nav--mobile { display: block; }
  .footer__nav-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; gap: 0; width: auto;} /* 250331 modify */
  .footer__nav li { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin: 4px 0; padding: 0 10px; }
  .footer__site { position: relative; margin-top: 20px; bottom: auto; }
  .footer__mark { position: static; text-align: center; margin-top: 30px; }
  .footer__copyright { text-align: center; font-size: 11px; line-height: 1.45; }
  .hmg-site { float: none; width: 100%; height: 44px; margin: 0 0 30px; font-size: 14px; }
  .hmg-site__label { padding: 10px 15px; }
  .hmg-site__label:before { display: none; }
  .hmg-site__label span { display: block; }
  .hmg-site__label span:before, .hmg-site__label span:after { position: absolute; top: 50%; content: ''; width: 2px; height: 12px; margin-top: -6px; margin-left: -1px; background-color: #fff; right: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .hmg-site__label span:before { -webkit-transform: rotate(0); transform: rotate(0); }
  .hmg-site__label span:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .hmg-site__box { display: none; width: 100%; } }

.card-btn-more { margin-top: 80px; text-align: center; }

.card-block { position: relative; margin: 0 -12px; }

.card-block:after { clear: both; content: ''; display: block; }

.card-block--list .card-list__block { display: block; }

.card-block--list .card-list { overflow: visible; }

.card-list { position: relative; overflow: hidden; }

.card-list:after { clear: both; content: ''; display: block; }

.card-list__block { display: -webkit-box; display: -ms-flexbox; display: flex; }

.card-list__block:after { clear: both; content: ''; display: block; }

.card { position: relative; overflow: hidden; float: left; display: block; width: 100%; min-height: 100px; margin: 12px; background-color: #9f9f9f; border-radius: 10px; color: #fff; }

.card__inner { position: relative; height: 100%; }

.card__thumb { position: relative; overflow: hidden; display: block; height: 100%; }

.card__img { display: block; min-width: 100%; min-height: 100%; }

.card__img::before, .card__img::after { position: absolute; left: 0; right: 0; top: 0; display: block; content: ""; height: 33.3%; opacity: 0.3; mix-blend-mode: multiply; z-index: 1; }

.card__img::before { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, #000 1%, rgba(0, 0, 0, 0)); }

.card__img::after { top: auto; bottom: 0; height: 25%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, #000); }

.card__img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-transform-origin: left top; transform-origin: left top; }

.card__head { position: absolute; left: 0; top: 0; right: 0; padding: 30px 24px 0 24px; z-index: 3; }

.card__foot { position: absolute; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; padding: 0 16px 16px 30px; z-index: 3; } /* 220516 modify */

.card__foot .btn-unit, .card__foot .btn { margin-left: auto; }

.card__foot .card__texts { margin-right: 15px; }

.card__name, .card__title { width: 100%; font-size: 24px; font-weight: 500; line-height: 1.5; letter-spacing: -0.02px; }

.card__label { display: inline-block; margin-bottom: 10px; padding: 3px 8px; font-size: 17px; line-height: 1.76; letter-spacing: -0.21px; border-radius: 4px; color: #fff; background-color: rgba(0, 0, 0, 0.2); }

.card__name { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; max-height: 36px; }

.card__title-sub { margin-bottom: 4px; font-size: 20px; font-weight: 400; }

.card__texts { position: relative; font-size: 20px; line-height: 1.5; z-index: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.card__txt-desc { display: block; font-size: 20px; opacity: 0.6; }

.card__txt-day { display: block; font-size: 30px; }

.card__date { display: block; margin-bottom: 10px; font-size: 13px; line-height: 1.77; letter-spacing: -0.2px; }

.card__hidden-txt { overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); position: absolute; }

.card:focus .card__thumb:before, .card:hover .card__thumb:before { position: absolute; top: 0; right: 0; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; }

.card:focus .card__img img, .card:hover .card__img img { -webkit-transform: scale(1.1) translate(-50%, -50%); transform: scale(1.1) translate(-50%, -50%); }

.card-full .card { width: calc(100% - 24px); min-width: calc(100% - 24px); height: 690px; }

.card-full .card__head { padding: 60px 50px 0; text-align: center; }

.card-full .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 168px; font-size: 36px; line-height: 1.56; letter-spacing: -1.08px; font-weight: 500; }

.card-full .card__img-ws { display: block; }

.card-full .card__img-ms { display: none; }

.card-full .card__foot { padding: 0 50px 50px; }

.card-full .card__foot .btn { margin: 0 auto; }

.card-full.swiper-active { margin-bottom: 24px; }

.card-full.swiper-active .card { margin-bottom: 18px; }

.card-full .card--tv .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 168px; font-size: 36px; line-height: 1.56; letter-spacing: -1.08px; font-weight: 500; }

.card-full .card--tv .card__inner:before { left:40px;bottom:40px;width:50px;height:60px;background-size:50px 60px; } /* 220516 modify */

.card-col2 .card { width: calc(50% - 24px); min-width: calc(50% - 24px); height: 342px; }

.card-col2 .card--article { height: auto; }

.card-col2 .card--article .card__head { height: 130px; }

.card-col2 .card--article .card__title { font-size: 24px; max-height: 36px; letter-spacing: -0.02px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

.card-col3 .card { width: calc(100% / 3 - 24px); min-width: calc(100% / 3 - 24px); height: 398px; }

.card-col3 .card--article { height: auto; }

.card-col3 .card--article .card__head { height: 148px; }

.card-col3 .card--article .card__title { font-size: 20px; max-height: 60px; letter-spacing: -0.1px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.card-col3 .card--w .card__inner:before {width:35px;height:40px;background-size:35px 40px; } /* 220516 modify */

.card-col3 .card--w, .card-col3 .card--tv-w { height: 223px; }

.card-col4 .card { width: calc(100% / 4 - 24px); }

.card-col4 .card--tv-h { height: 389px; }

.card-col4 .card--tv-h .card__img-ws { display: none; }

.card-col4 .card--tv-h .card__img-ms { display: block; }

.card-col4 .card--download { height: 430px; }

.card-col4 .card--download:nth-child(4n) .c-platbox-wrap { left: auto; right: 0; text-align: right; }

.card-col4 .card--download:nth-child(4n) .c-platbox-wrap ul { text-align: left; }
/* s: 241025 add */
.digital-list .card--download{
  height: auto;
}
.digital-list .card--download .card__thumb {
  height: 340px;
}
.digital-list .card__head .card__title{
  width: auto;
}
.digital-list .card__inner{
  display: block;
}
.digital-list .card-list__block > .card{
  width: 100%;
}
.digital-list .card--download .card__head,
.digital-list .card__head .card__title{
  display: flex;
  align-items: center;
}
.digital-list .card__head .card__title::after{
  content: url(../../assets/images/common/icn-arrow-right_b.png);
  display: flex;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding-left: 10px;
  background-size: cover;
}
/* e: 241025 add */

.card--tv .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 75px; }

.card--tv .card__inner:before {display:block;position:absolute;left:16px;bottom:16px;content:'';width:35px;height:40px;background: url("../../assets/images/common/ico_play.svg") no-repeat 50% 50%/35px 40px;z-index:3;}/* 220516 modify */

.card--w .btn-mod, .card--tv-w .btn-mod, .card--tv-h .btn-mod { height: 40px; line-height: 40px; }

.card--w .card__head { padding: 24px 30px 0 24px; }

.card--w .card__title { -webkit-line-clamp: 2; }

.card--w .card__foot { padding: 0 16px 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.card--w .btn, .card--w .card__txt-desc { font-size: 17px; }

.card--w .btn-icon__time::before { width: 24px; height: 24px; vertical-align: -5px; }

.card--w .btn-unit { width: 40px; height: 40px; }

.card--w .card__title, .card--tv-w .card__title { font-size: 20px; max-height: 60px; } /* 220608-v2 modify */

.card--tv-h .card__title { font-size: 20px; max-height: 90px; -webkit-line-clamp: 3; }

.card--story .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 110px; }/* 220404 modify  */

.card--stroy .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 75px; }

.card--recruit .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 75px; }

.card--recruit .card__label { font-weight: 700; }

.card--recruit .card__txt-desc { font-size: 17px; }

.card--info .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 90px; font-size: 30px; } /* 220608-v2 modify */

.card--news { background: #000; }

.card--news .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 110px; }/* 220304 modify  */

.card--news .card__thumb:before { background-color: rgba(0, 0, 0, 0.05); }

.card--news .card__img { opacity: 0.9; }

.card--news .card__img::before { height: 40%; opacity: .6; }

.card--interview .card__title { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.card--interview .card__txt-desc { font-size: 16px; }

.card--interview .card__txt-desc + .card__txt-desc { opacity: 1; }

.card--link { background: #000; }

.card--link .card__head { position: absolute; top: 50%; bottom: auto; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; padding: 0; }

.card--link .card__title { font-size: 30px; line-height: 1.66; }

.card--no-bg { background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); color: #000; }

.card--no-bg .card__label { background: #000; }

.card--no-bg:hover { border-color: rgba(0, 0, 0, 0.8); }

.card--no-bg:focus .card__thumb:before,
.card--no-bg:hover .card__thumb:before { display: none; } /* 220608 modify */

.card--article { background: #fff; border: 1px solid #d8d8d8; color: #111; }

.card--article .card__head { position: relative; padding-bottom: 24px; background: #fff; border-bottom: 1px solid #ddd; }

.card--article .card__title { font-weight: 500; }

.card--article .card__thumb { width: 100%; height: auto; }

.card--article .card__img { position: relative; padding-top: 56.25%; }

.card--article .card__img::before { display: none; }

.card--article .card__img:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }

.card--article .card__txt-desc { font-size: 13px; color: #fff; opacity: 1; }

.card--article .card__date { color: rgba(0, 0, 0, 0.7); }

/* news - image, infographics */
.share__list {display:flex;gap:15px;align-items: center;}
.share__list .ico {display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:contain;background-position:center;}

.card-col3 .card--article2.card {height:auto;border:1px solid #d8d8d8;color:#111}
.card--article2 {display:block;background-color:#fff;}
.card--article2 .card__thumb {aspect-ratio: 1/1;}
.card--article2 .card__img::before, 
.card--article2 .card__img::after {opacity: 0.8;}
[name='infographicsCard'] .card__img::before, 
[name='infographicsCard'] .card__img::after {display:none;}
.card--article2 .card__head {position: static;padding:24px;text-align:left;min-height:110px;}
.card--article2 .card__title {height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical}

.card--article2 .btn-unit {position:absolute;right:20px;bottom:20px;z-index:10;color:#fff;display:flex;align-items:center;justify-content:center;gap:3px}
.card--article2 .btn-unit strong {opacity:1;font-size:20px;font-weight:300;z-index:5;}
.card--article2 .btn-unit::before {content:'+';font-size:15px;opacity: 1;z-index:5;}
.card--article2 .share__list{position:absolute;top:20px;right:20px;z-index:10;}
.card--article2 .share__list a {width:20px;height:20px;}
.card__share a {width:20px;height:20px;}
.card--article2 .ico-facebook {background-image:url('/resources/assets/images/common/ico_share_facebook2_white.svg');}
.card--article2 .ico-instagram {background-image:url('/resources/assets/images/common/ico_share_instagram_white.svg');}
.card--article2 .share__list .ico-x {width:18px;height:18px;background-image:url('/resources/assets/images/common/ico_share_x_white.svg');}
.card--article2 .ico-youtube {background-image:url('/resources/assets/images/common/ico_share_youtube_white.svg');}
.card--article2 .ico-sns {background-image:url('/resources/assets/images/common/ico_share_sns_white.svg');}

@media all and (min-width: 1400px){
  .card--article2 .card__head {padding:25px;}
  .card--article2 .card__title {font-size: 20px;}
}

@media (min-width: 768px) and (max-width: 1399px) {
  .card--article2 .card__title {
    font-size:1.51429vw;
    height: 4.45vw;
  }
  .card--article2 .card__head {
    min-height:3vw;
    padding:1.75vw;
  }
}

@media all and (max-width: 1024px){
  .card-col3 .card.card--article2 {height:auto;}
  .card--article2 .card__head {min-height:auto;}
  .card--article2 .btn-unit {width:50px;height:50px;}
  .card--article2 .share__list {right:16px;top:16px;}
  .card--article2 .btn-unit {right:16px;bottom:16px;}
}

@media all and (max-width: 767px){
  .card-col3 .card.card--article2 {width:100%;}
  .card--article2 .card__head {padding:23px 25px;;}
  .card--article2 .card__title {line-height: 28px}
  .card--article2.card--infoGrphics-sh .card__thumb {aspect-ratio: 16/9;}
  .card--article2.card--infoGrphics-sh .card__thumb img {object-fit: cover;}
}

.page-detail__share {display:flex;justify-content:flex-end;gap:20px;margin:40px 0 20px;}
.page-detail__share .share__title {font-size:20px;font-weight:500;}
.page-detail__share .share__title::after {content:'';display:inline-block;margin-left:20px;vertical-align: middle;width:1px;height:20px;background-color:rgba(0,0,0,0.1);}
.page-detail__share .share__list a {width:24px;height:24px;}
.page-detail__share .ico-facebook {background-image:url('/resources/assets/images/common/ico_share_facebook2.svg');}
.page-detail__share .ico-instagram {background-image:url('/resources/assets/images/common/ico_share_instagram.svg');}
.page-detail__share .share__list .ico-x {width:22px;height:22px;background-image:url('/resources/assets/images/common/ico_share_x.svg');}
.page-detail__share .ico-youtube {background-image:url('/resources/assets/images/common/ico_share_youtube.svg');}
.page-detail__share .ico-sns {background-image:url('/resources/assets/images/common/ico_share_sns.svg');}

@media all and (max-width: 1024px){
  .page-detail__share {flex-direction: column;gap:14px;}
  .page-detail__share .share__title {font-size:17px;}
  .page-detail__share .share__title::after {display:none;}
}
/* //news - image, infographics */

.card--download { overflow: visible; border: 1px solid #d8d8d8; color: #111; }

.card--download .card__inner { overflow: hidden; border-radius: 10px; }

.card--download .card__head { position: relative; height: 74px; padding: 24px; background: #fff; border-bottom: 1px solid #ddd; }

/* s : 250516 add */
.card--download .card__head.flex {display: flex; align-items: center; gap: 10px;}

.card--download .card__head.flex .card__name, .card__title { width: auto;}

.card--download .card__head.flex .card__title {max-width: calc(100% - 30px);}

.card--download .card__head.flex .card-exLink { background-image: url("../../assets/images/common/ico_link_policy.svg"); background-color: transparent; background-size: 100%; transform: scale(1) rotate(45deg); transform-origin: center center; width: 20px; height: 20px; transition: all .2s;}

.card--download .card__head.flex:hover .card-exLink {transform: scale(1.2) rotate(45deg);}
/* e : 250516 add */

.card--download .card__thumb { height: 356px; }

.card--download .card__title { font-size: 20px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; max-height: 35px; }

.card--download .c-platbox { position: absolute; bottom: 24px; right: 24px; z-index: 4; }

.card--download .card__img::before { display: none; }

.card-col-mix .card--mix1st { width: calc(100% / 3 - 12px); min-width: calc(100% / 3 - 12px); height: 453px; text-align: center; } /* 230517 v2 modify */

.card-col-mix .card--mix1st .card__foot { display: block; padding: 0 10px 40px 10px; }

.card-col-mix .card--mix1st .card__foot .btn { margin-top: 38px; } /* 230517 v2 modify */

.card-col-mix .card--mix1st .card__foot .mobile-btn { display: none; }

.card-col-mix .card--mix1st .card__head { padding: 40px 20px 0; }

.card-col-mix .card--mix1st .card__title { font-size: 36px; line-height: 1.6; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 200px; margin-top:13px; } /*230517 v2_v1 add */

.card-col-mix .card--mix1st .card__label { font-size: 17px; font-weight: 500; background-color: rgba(255, 255, 255, 0.2); }

.card-col-mix .card--mix1st .card__txt-day { font-size: 24px; }

.card-col-mix .card--mix1st .card__txt-desc { font-size: 20px; }

.card-col-mix .card--mix1st .card__day { margin-bottom: 10px; font-size: 24px; }

.card-col-mix .card--mix1st .card__date { color: #fff; }

.card-col-mix .card--mix2nd { width: calc((100% / 3 * 2) - (12px * 3)); min-width: calc((100% / 3 * 2) - (12px * 3)); height: 453px; } /* 230517 v2 modify */

.card--live { background-image: -webkit-gradient(linear, left top, left bottom, from(#907abc), to(#5c81ac)); background-image: linear-gradient(to bottom, #907abc, #5c81ac 100%); }

.card--posting { background-image: -webkit-gradient(linear, left top, left bottom, from(#417b6c), to(#5c81ac)); background-image: linear-gradient(to bottom, #417b6c, #5c81ac 100%); }

/* card swiper */
.card-list.swiper .swiper-pagination { top: auto; bottom: 0; left: 310px; right: 310px; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 3px; background-color: rgba(0, 0, 0, 0.2); }

.card-list.swiper .swiper-pagination .swiper-pagination-bullet { width: auto; height: 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: none; border-radius: 0; margin: 0; }

.card-list.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; border-radius: 3px; }

.card-swiper-btn { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); background-size: 100% auto; }

.card-swiper-btn:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%/100% auto; }

.card-swiper-btn.swiper-button-disabled { display: none; }

.card-swiper-btn.swiper-button-prev { left: -13px; }

.card-swiper-btn.swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.card-swiper-btn.swiper-button-next { right: -13px; }

.card-banner-indicator { bottom: 60px; }

.card-banner-indicator .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; vertical-align: bottom; background: #fff; }

.tag-list-wrap { position: relative; margin: 82px 0 0; }

.tag-list-wrap .tag-swiper-btn { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }

.tag-list-wrap .tag-swiper-btn:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%/100% auto; }

.tag-list-wrap .tag-swiper-btn.swiper-button-disabled { display: none; }

.tag-list-wrap .tag-swiper-btn.swiper-button-prev { left: -20px; }

.tag-list-wrap .tag-swiper-btn.swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.tag-list-wrap .tag-swiper-btn.swiper-button-next { right: -20px; }

.tag-list-block { margin: 0 -12px; overflow: hidden; }

.tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tag-list:after { clear: both; content: ''; display: block; }

.tag-list li { width: auto; float: left; margin: 0 12px 0 13px; }

.tag-list .is--active .tag-item__image::before { display: block; }

.tag-item { display: block; overflow: hidden; position: relative; width: 228px; height: 128px; border-radius: 6px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: #000; }

.tag-item--all { background: #000; }

.tag-item__image { overflow: hidden; display: block; height: 100%; }

.tag-item__image img { display: block; overflow: hidden; width: 100%; height: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-filter: blur(6px); filter: blur(6px); }

.tag-item__image::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: #000; z-index: 1; opacity: 0; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }

.tag-item__text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; max-height: 78px; padding: 0 30px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 24px; color: #fff; line-height: 1.67; letter-spacing: -0.16px; z-index: 2; text-align: center; }

.tag-item:focus .tag-item__image:before, .tag-item:hover .tag-item__image:before { opacity: 1; }

.snippet-wrap { margin: 14px 0 12px; color: #fff; background: #1f1f1f; border-radius: 10px; overflow: hidden; }

.snippet-wrap .page-title { text-align: center; }

.snippet { position: relative; margin-top: 32px; }

.snippet.swiper .swiper-pagination-bullets { bottom: -36px; }

.snippet.swiper .swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; background: #fff; opacity: 0.2; }

.snippet.swiper .swiper-pagination-bullet-active { opacity: 1; }

.snippet__block-link { display: block; position: relative; overflow: hidden; border-radius: 10px; padding: 30px; height: 100%; }

.snippet__inner { padding: 50px 40px 70px 40px; }

.snippet__item { position: relative; width: 300px; height: 400px; }

.snippet__head { position: relative; z-index: 1; }

.snippet__sub-tit { color: rgba(255, 255, 255, 0.6); font-size: 20px; letter-spacing: -0.1px; }

.snippet__tit { margin-top: 4px; font-size: 30px; font-weight: 700; color: #fff; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.67; letter-spacing: -0.2px; }

.snippet__img { position: absolute; top: 0; left: 0; }

.snippet__img img { width: 100%; }

.snippet .btn-wrap { position: absolute; bottom: 20px; right: 20px; }

.act-snippet-wrap { overflow: hidden; margin: 24px 0; color: #fff; background: #1f1f1f; border-radius: 10px; }

.act-snippet-wrap .page-title { text-align: center; }

.act-snippet__inner { padding: 50px 94px 70px 94px; }

.leaderShip .act-snippet__inner { padding: 50px 94px 70px 106px; } /* 250626 add */

.act-snippet { position: relative; margin: 32px 0 0; }

.act-snippet__item { position: relative; overflow: hidden; width: 1052px; height: 400px; background: #1f1f1f; padding: 0 12px; }

.act-snippet__item.swiper-slide-prev, .act-snippet__item.swiper-slide-next { opacity: 0.3; }

.act-snippet__item.swiper-slide-prev:before, .act-snippet__item.swiper-slide-next:before { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; content: ""; z-index: 1; }

.act-snippet__item:after { clear: both; content: ''; display: block; }

.act-snippet__block-link { position: relative; display: block; height: 100%; padding: 1px; }

.act-snippet__info, .act-snippet__img { position: relative; overflow: hidden; float: left; width: 50%; height: 100%; }

.act-snippet__info { padding: 50px; color: #1f1f1f; background: #fff; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.act-snippet__date { font-size: 20px; line-height: 1.5; }

.act-snippet__title { margin-top: 30px; font-size: 30px; font-weight: 500; line-height: 1.4; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 175px; } /* 250626 modify*/

.act-snippet__img { background: #818181; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.act-snippet__img img { position: absolute; left: 50%; height: 100%; min-width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }

.act-snippet__img:after { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 99%; opacity: 0.3; content: ""; background: rgba(0, 0, 0, 0.2); z-index: 1; }

.act-snippet__img:hover img { -webkit-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); }

.act-snippet__img:hover:after { display: block; }

.act-snippet .btn-wrap { position: absolute; right: 0; bottom: 0; padding: 0 42px 30px; }

.act-snippet .btn-wrap .btn-unit { position: relative; z-index: 3; }

.act-snippet .swiper-scrollbar { width: 59.61%; left: 50%; bottom: -25px; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgba(255, 255, 255, 0.2); }

.act-snippet.is-leaderShip .swiper-scrollbar { bottom: -32px; } /* 250626 add */

.act-snippet .swiper-scrollbar-drag { background-color: #fff; width: auto; } /* 250402 modify */

.act-snippet .act-snippet-btn { overflow: hidden; width: 50px; height: 50px; margin-top: -25px; border-radius: 50%; background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.act-snippet .act-snippet-btn:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%; }

.act-snippet .act-snippet-btn.swiper-button-disabled { display: none; }

.act-snippet .act-snippet-btn.swiper-button-prev { left: -72px; }

.act-snippet .act-snippet-btn.swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.act-snippet .act-snippet-btn.swiper-button-next { right: -72px; }

.act-snippet .act-snippet-btn:hover, .act-snippet .act-snippet-btn:focus { opacity: 1; }

.act-snippet:hover .act-snippet-btn { opacity: 1; }

/* s : 250626 add */

.auto-play-toggleBtnBox {position: relative; width: calc(59.61% + 51px); height: 1px; margin: 0 auto; }

.act-snippet .auto-play-toggleBtn {position: absolute; width: 24px; height: 24px; background-color: #fff; right: -17px; bottom: -41px; background-size: contain !important;}

.act-snippet .auto-play-toggleBtn.pause {background: url("../../assets/images/common/ico-slide-pause.svg") no-repeat 50% 50%;}

.act-snippet .auto-play-toggleBtn.play {background: url("../../assets/images/common/ico-slide-play.svg") no-repeat 50% 50%;}

/* e : 250626 add */

.box-slide { position: relative; overflow: hidden; width: 100%; padding: 60px 210px 85px; border-radius: 10px; background-color: #1f1f1f; /*
  .box-snippet-btn {
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border-radius: 50%;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }

  .box-snippet-btn:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%;
  }

  .box-snippet-btn.swiper-button-disabled {
    display: none;
  }

  .box-snippet-btn.swiper-button-prev {
    left: 0;
  }

  .box-snippet-btn.swiper-button-prev:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .box-snippet-btn.swiper-button-next {
    right: 0;
  }
*/ }

.box-slide__item { height: 460px; border-radius: 10px; margin: 0px 10px; }

.box-slide__item:after { position: absolute; top: 0; right: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 10px; z-index: 1; }

.box-slide__item.swiper-slide-active:after { display: none; }

.box-slide__item.swiper-slide-active .box-slide__foot { opacity: 1; }

.box-slide__thumb { position: relative; overflow: hidden; display: block; height: 100%; border-radius: 10px; }

.box-slide__img { display: block; position: absolute; display: block; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.box-slide__img::before, .box-slide__img::after { position: absolute; left: 0; right: 0; top: 0; display: block; content: ""; opacity: 0.3; mix-blend-mode: multiply; z-index: 1; }

.box-slide__img::before { height: 33.3%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, #000 1%, rgba(0, 0, 0, 0)); }

.box-slide__img::after { height: 25%; top: auto; bottom: 0; height: 25%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, #000); }

.box-slide__img img { min-width: 100%; min-height: 100%; height: 100%; }

.box-slide__img-ws { display: block; }

.box-slide__img-ms { display: none; }

.box-slide__head { position: absolute; top: 0; left: 0; right: 0; padding: 40px 30px 0 40px; text-align: center; color: #fff; }

.box-slide__time { opacity: 0.7; font-size: 17px; line-height: 1.76; letter-spacing: -0.21px; }

.box-slide__title { height: auto; margin: 0 auto; word-break: break-word; font-size: 30px; font-weight: 500; line-height: 1.67; letter-spacing: -0.2px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.box-slide__foot { position: absolute; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 30px 30px 40px; line-height: 1.76; letter-spacing: -0.21px; color: #fff; opacity: 0.3; }

.box-slide__foot .btn-unit { margin-left: auto; }

.box-slide__name { font-size: 17px; }

.box-slide .box-slide-scrollbar.swiper-scrollbar { width: 620px; background: rgba(241, 241, 241, 0.2); bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 10px; }

.box-slide .box-slide-scrollbar .swiper-scrollbar-drag { background: #fff; }

.box-slide .box-slide-scrollbar.swiper-scrollbar .progressbar-fill { position: absolute; width:0; height:100%;background: #000;border-radius: 10px;transition: all 0.3s ease;} /* 230621 add */

.box-slide .box-slide-btn { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transition: opacity .5s; transition: opacity .5s; }

.box-slide .box-slide-btn:hover, .box-slide .box-slide-btn:focus { opacity: 1; }

.box-slide .box-slide-btn:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%; }

.box-slide .box-slide-btn.swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.box-slide .box-slide-btn.swiper-button-next { right: 20px; }

.box-slide .box-slide-btn.swiper-button-prev { left: 20px; }

.box-slide .box-slide-btn.swiper-button-next.swiper-button-disabled, .box-slide .box-slide-btn.swiper-button-prev.swiper-button-disabled { opacity: 0; }

.box-slide:hover .box-slide-btn { opacity: 1; }

.card-section-top { margin-bottom: 10px; font-size: 24px; text-align: left; }

.card-section .act-snippet-wrap { margin: 12px 0; }

.card-wrap-box { position: relative; margin-top: 12px; }

.card-wrap-box:after { clear: both; content: ''; display: block; }

@media all and (min-width: 900px) and (max-width: 1399px) { .card-btn-more { margin-top: 5.71429vw; }
  .card-block { margin: 0 -0.85714vw; }
  .card { min-height: 7.14286vw; margin: 0.85714vw; border-radius: 0.71429vw; }
  .card::before, .card::after { height: 9.5vw; }
  .card::after { height: 7.14286vw; }
  .card__head { padding: 2.14286vw 1.71429vw 0 1.71429vw; }
  .card__foot { padding: 0 1.1429vw 1.1429vw 2.14286vw; }  /* 220516 modify */
  .card__name, .card__title { font-size: 1.71429vw; }
  .card__label { margin-bottom: 0.71429vw; padding: 0.21429vw 0.57143vw; font-size: 1.21429vw; border-radius: 0.28571vw; }
  .card__name { max-height: 2.57143vw; }
  .card__title-sub { margin-bottom: 0.28571vw; font-size: 1.42857vw; }
  .card__texts { font-size: 1.42857vw; }
  .card__txt-desc { font-size: 1.42857vw; }
  .card__txt-day { font-size: 2.14286vw; }
  .card__date { margin-bottom: 0.71429vw; font-size: 0.92857vw; }
  .card-full .card { width: calc(100% - 1.71429vw); min-width: calc(100% - 1.71429vw); height: 49.28571vw; }
  .card-full .card__head { padding: 4.28571vw 3.57143vw 0; }
  .card-full .card__title { font-size: 2.57143vw; max-height: 12vw; }
  .card-full .card__foot { padding: 0 3.57143vw 3.57143vw; }
  .card-full .card--tv .card__inner:before { width:3.5714vw; height: 4.2857vw; background-size: 3.5714vw 4.2857vw;left:2.8571vw;bottom:2.8571vw;} /* 220516 modify */
  .card-full .card--tv .card__title { max-height: 12vw; font-size: 2.57143vw; }
  .card-full.swiper-active { margin-bottom: 1.71429vw; }
  .card-full.swiper-active .card { margin-bottom: 1.28571vw; }
  .card-col2 .card { width: calc(50% - 1.71429vw); min-width: calc(50% - 1.71429vw); height: 24.42857vw; }
  .card-col2 .card--article { height: auto; }
  .card-col2 .card--article .card__head { height: 9.28571vw; }
  .card-col2 .card--article .card__title { font-size: 1.71429vw; max-height: 2.57143vw; letter-spacing: -0.01429vw; }
  .card-col3 .card { width: calc(100% / 3 - 1.71429vw); min-width: calc(100% / 3 - 1.71429vw); height: 28.42857vw; }
  .card-col3 .card--article { width: calc(100% / 2 - 1.71429vw); height: auto; }
  .card-col3 .card--article .card__head { height: 10.57143vw; }
  .card-col3 .card--article .card__title { font-size: 1.42857vw; max-height: 4.28571vw; letter-spacing: -0.00714vw; }
  .card-col3 .card--w .card__inner:before { width: 2.5vw; height: 2.8571vw; background-size: 2.5vw 2.8571vw;left: 1.1429vw;bottom: 1.1429vw; } /* 220516 modify */
  .card-col3 .card--w, .card-col3 .card--tv-w { height: 15.92857vw; }
  .card-col4 .card { width: calc(100% / 4 - 1.71429vw); }
  .card-col4 .card--tv-h { height: 27.78571vw; }
  .card-col4 .card--download { height: 30.71429vw; }
  /* s: 241025 add */
  .digital-list .card--download{height: auto;}
  .digital-list .card--download .card__head { height: 4.5vw; padding: 1.71429vw;}
  .digital-list .card--download .card__thumb { height: 24vw ;}
  /* e: 241025 add */
  .card--tv .card__title { max-height: 5.35714vw; }
  .card--tv .card__inner:before { width: 2.5vw; height: 2.8571vw; background-size: 2.5vw 2.8571vw;left: 1.1429vw;bottom: 1.1429vw; } /* 220516 modify */
  .card--w .btn-mod, .card--tv-w .btn-mod, .card--tv-h .btn-mod { height: 2.85714vw; line-height: 2.85714vw; }
  .card--w .card__head { padding: 1.71429vw 2.14286vw 0 1.71429vw; }
  .card--w .card__foot { padding: 0 1.14286vw 1.14286vw; }
  .card--w .btn, .card--w .card__txt-desc { font-size: 1.21429vw; }
  .card--w .btn-icon__time::before { width: 1.71429vw; height: 1.71429vw; vertical-align: -0.35714vw; }
  .card--w .btn-unit { width: 2.85714vw; height: 2.85714vw; }
  .card--w .card__title, .card--tv-w .card__title { font-size: 1.42857vw; max-height: 4.2857vw; } /* 220608-v2 modify */
  .card--tv-h .card__title { font-size: 1.42857vw; max-height: 6.42857vw; }
  .card--story .card__title { max-height: 9.85714vw; } /* 220404 modify */
  .card--stroy .card__title { max-height: 5.35714vw; }
  .card--recruit .card__title { max-height: 5.35714vw; }
  .card--recruit .card__txt-desc { font-size: 1.21429vw; }
  .card--info .card__title { max-height: 6.4286vw; font-size: 2.14286vw; } /* 220608-v2 modify */
  .card--news .card__title { max-height: 9.85714vw; } /* 220304 modify */
  .card--interview .card__txt-desc { font-size: 1.14286vw; }
  .card--link .card__title { font-size: 2.14286vw; }
  .card--article { height: auto; }
  .card--article .card__head { padding-bottom: 2.14286vw; }
  .card--article .card__txt-desc { font-size: 0.92857vw; }
  .card--download .card__inner { border-radius: 0.71429vw; }
  .card--download .card__head { height: 5.28571vw; padding: 1.71429vw; }
  .card--download .card__thumb { height: 25.42857vw; }
  .card--download .card__title { font-size: 1.42857vw; max-height: 2.5vw; }
  .card--download .card__head.flex .card-exLink { width: 1.42857vw; height: 1.42857vw; } /* 250516 add */
  .card--download .c-platbox { bottom: 1.71429vw; right: 1.71429vw; }
  .card-col-mix .card--mix1st { width: calc(100% / 3 - 0.85714vw); min-width: calc(100% / 3 - 0.85714vw); height: 32.35714vw; } /* 230517 v2 modify */
  .card-col-mix .card--mix1st .card__foot { padding: 0 0.71429vw 2.85714vw 0.71429vw; }
  .card-col-mix .card--mix1st .card__foot .btn { margin-top: 2.71429vw; } /* 230517 v2 modify */
  .card-col-mix .card--mix1st .card__head { padding: 2.85714vw 1.42857vw 0; }
  .card-col-mix .card--mix1st .card__title { font-size: 2.57143vw; max-height: 14.28571vw; }
  .card-col-mix .card--mix1st .card__label { font-size: 1.21429vw; }
  .card-col-mix .card--mix1st .card__txt-day { font-size: 1.71429vw; }
  .card-col-mix .card--mix1st .card__txt-desc { font-size: 1.42857vw; }
  .card-col-mix .card--mix1st .card__day { margin-bottom: 0.71429vw; font-size: 1.71429vw; }
  .card-col-mix .card--mix2nd { width: calc((100% / 3 * 2) - (0.85714vw * 3)); min-width: calc((100% / 3 * 2) - (0.85714vw * 3)); height: 32.35714vw; } /* 230517 v2 modify */
  /* card swiper */
  .card-list.swiper .swiper-pagination { left: 22.14286vw; right: 22.14286vw; border-radius: 0.21429vw; }
  .card-list.swiper .swiper-pagination .swiper-pagination-bullet { height: 0.42857vw; }
  .card-list.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-radius: 0.21429vw; }
  .card-swiper-btn { width: 3.57143vw; height: 3.57143vw; }
  .card-swiper-btn:before { width: 2.57143vw; height: 2.57143vw; margin: -1.28571vw 0 0 -1.28571vw; }
  .card-swiper-btn.swiper-button-prev { left: -0.92857vw; }
  .card-swiper-btn.swiper-button-next { right: -0.92857vw; }
  .card-banner-indicator { bottom: 4.28571vw; }
  .card-banner-indicator .swiper-pagination-bullet { width: 0.71429vw; height: 0.71429vw; margin: 0 0.35714vw; }
  .tag-list-wrap { margin: 5.85714vw 0 0; }
  .tag-list-wrap .tag-swiper-btn { width: 3.57143vw; height: 3.57143vw; }
  .tag-list-wrap .tag-swiper-btn:before { width: 2.57143vw; height: 2.57143vw; margin: -1.28571vw 0 0 -1.28571vw; }
  .tag-list-wrap .tag-swiper-btn.swiper-button-prev { left: -1.42857vw; }
  .tag-list-wrap .tag-swiper-btn.swiper-button-next { right: -1.42857vw; }
  .tag-list-block { margin: 0 -0.85714vw; }
  .tag-list li { margin: 0 0.85714vw 0 0.92857vw; }
  .tag-item { width: 16.28571vw; height: 9.14286vw; border-radius: 0.42857vw; -webkit-backdrop-filter: blur(0.42857vw); backdrop-filter: blur(0.42857vw); }
  .tag-item__text { max-height: 5.57143vw; padding: 0 2.14286vw; font-size: 1.71429vw; }
  .snippet-wrap { margin: 1vw 0 0.85714vw; border-radius: 0.71429vw; }
  .snippet { margin-top: 2.28571vw; }
  .snippet.swiper .swiper-pagination-bullets { bottom: -2.57143vw; }
  .snippet.swiper .swiper-pagination-bullet { margin: 0 0.35714vw; width: 0.71429vw; height: 0.71429vw; }
  .snippet__block-link { padding: 2.14286vw; }
  .snippet__inner { padding: 3.57143vw 2.85714vw 5vw 2.85714vw; }
  .snippet__item { width: 21.42857vw; height: 28.57143vw; border-radius: 10px; }
  .snippet__sub-tit { font-size: 1.42857vw; letter-spacing: -0.00714vw; }
  .snippet__tit { margin-top: 0.28571vw; font-size: 2.14286vw; letter-spacing: -0.01429vw; }
  .snippet .btn-wrap { bottom: 1.42857vw; right: 1.42857vw; }
  .act-snippet-wrap { margin: 1.71429vw 0; border-radius: 0.71429vw; }
  .act-snippet__inner { padding: 3.57143vw 6.71429vw 5vw 6.71429vw; }
  .act-snippet { margin: 2.28571vw 0 0; }
  .act-snippet__item { width: 75.14286vw; height: 28.57143vw; padding: 0 0.85714vw; }
  .act-snippet__info { padding: 3.57143vw 2.71429vw 3.57143vw 3.57143vw; border-top-left-radius: 0.71429vw; border-bottom-left-radius: 0.71429vw; }
  .act-snippet__date { font-size: 1.42857vw; }
  .act-snippet__title { margin-top: 2.14286vw; font-size: 2.14286vw; } /* 250626 modify */
  .act-snippet__img { border-top-right-radius: 0.71429vw; border-bottom-right-radius: 0.71429vw; }
  .act-snippet .btn-wrap { padding: 0 3vw 2.14286vw; }
  .act-snippet .swiper-scrollbar { bottom: -1.78571vw; }
  .act-snippet.is-leaderShip .swiper-scrollbar { bottom: -2.28571vw; } /* 250626 add */
  .act-snippet .auto-play-toggleBtn { bottom: -3vw; } /* 250626 add */
  .act-snippet .act-snippet-btn { width: 3.57143vw; height: 3.57143vw; margin-top: -1.78571vw; }
  .act-snippet .act-snippet-btn:before { width: 2.57143vw; height: 2.57143vw; margin: -1.28571vw 0 0 -1.28571vw; }
  .act-snippet .act-snippet-btn.swiper-button-prev { left: -5.14286vw; }
  .act-snippet .act-snippet-btn.swiper-button-next { right: -5.14286vw; }
  .act-snippet .act-snippet-btn:focus, .act-snippet .act-snippet-btn:hover { opacity: 1; }
  .box-slide { padding: 4.28571vw 15vw 6.07143vw; border-radius: 0.71429vw; }
  .box-slide__item { height: 32.85714vw; border-radius: 0.71429vw; margin: 0px 0.71429vw; }
  .box-slide__item:after { border-radius: 0.71429vw; }
  .box-slide__thumb { border-radius: 0.71429vw; }
  .box-slide__head { padding: 2.85714vw 2.14286vw 0 2.85714vw; }
  .box-slide__time { font-size: 1.21429vw; }
  .box-slide__title { font-size: 2.14286vw; }
  .box-slide__foot { padding: 0 2.14286vw 2.14286vw 2.85714vw; }
  .box-slide__name { font-size: 1.21429vw; }
  .box-slide .box-slide-scrollbar.swiper-scrollbar { width: 44.28571vw; bottom: 2.85714vw; }
  .box-slide .box-slide-btn { width: 3.57143vw; height: 3.57143vw; }
  .box-slide .box-slide-btn:before { width: 2.57143vw; height: 2.57143vw; margin: -1.28571vw 0 0 -1.28571vw; }
  .box-slide .box-slide-btn.swiper-button-next { right: 1.42857vw; }
  .box-slide .box-slide-btn.swiper-button-prev { left: 1.42857vw; }
  .card-section-top { margin-bottom: 0.71429vw; font-size: 1.71429vw; }
  .card-section .act-snippet-wrap { margin: 0.85714vw 0; }
  .card-wrap-box { margin-top: 0.85714vw; } }

@media all and (max-width: 1240px){
  .act-snippet .auto-play-toggleBtn { bottom: -3.1vw; } /* 250626 add */
}

/* s: 241025 add */
@media all and (max-width: 1024px){
  .digital-list .card:focus .card__thumb:before, .digital-list .card:hover .card__thumb:before {
    position: static;
    display: none;
  }
  .digital-list .card:focus .card__img img, .digital-list .card:hover .card__img img {
    transform: scale(1) translate(-50%, -50%);
  }
  .act-snippet .auto-play-toggleBtn { bottom: -3.3vw; } /* 250626 add */
}
/* e: 241025 add */

@media all and (max-width: 899px) { .card-btn-more { margin-top: 24px; }
  .card-block { margin: 0 -8px; }
  .card { min-height: 100px; margin: 8px; }
  .card__head { padding: 24px 24px 0 24px; }
  .card__foot { padding: 0 16px 16px 24px; }
  .card__name, .card__title { font-size: 16px; }
  .card__label { padding: 2px 8px; font-size: 14px; }
  .card__name { max-height: 36px; }
  .card__title-sub { margin-bottom: 4px; font-size: 16px; }
  .card__texts { font-size: 20px; }
  .card__txt-desc { font-size: 14px; }
  .card__txt-day { font-size: 23px; }
  .card__date { margin-bottom: 8px; font-size: 13px; }
  .card-full .card { width: calc(100% - 16px); min-width: calc(100% - 16px); height: 448px; }
  .card-full .card__head { padding: 23px 24px 0; }
  .card-full .card__title { font-size: 23px; }
  .card-full .card__foot { padding: 0 16px 16px; }
  .card-full .card__foot .btn { margin-left: auto; margin-right: 0; }
  .card-full .card--tv .card__title { font-size: 23px; }
  .card-full .card--tv .card__inner:before { left:16px;bottom:16px;width:35px;height:40px;background-size:35px 40px; } /* 220516 modify */
  .card-full.swiper-active { margin-bottom: 16px; }
  .card-full.swiper-active .card { margin-bottom: 14px; }
  .card-col2 .card { width: calc(50% - 16px); min-width: calc(50% - 16px); height: 33.71429vw; }
  .card-col2 .card--article { height: auto; }
  .card-col2 .card--article .card__head { padding: 24px; height: 131px; }
  .card-col2 .card--article .card__title { font-size: 16px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; max-height: 70px; }
  .card-col3 .card { width: calc(100% / 3 - 16px - 0.01px); min-width: calc(100% / 3 - 16px - 0.01px); height: 26.57143vw; min-height: 277px; }
  .card-col3 .card--article { width: calc(100% / 2 - 16px); height: auto; min-height: auto; }
  .card-col3 .card--article .card__head { padding: 24px; height: 131px; }
  .card-col3 .card--article .card__title { font-size: 16px; max-height: 50px; }
  .card-col3 .card--w { height: 39.53488vw; }
  .card-col3 .card--tv-w { height: 39.53488vw; }
  .card-col3 .card--recruit.card--no-bg { width: calc(100% / 2 - 16px); height: 180px; margin: 10px 8px; }
  .card-col3.card-col-multi .card.card--tv { width: calc(100% / 2 - 16px); min-width: calc(100% / 3 - 16px - 0.01px); height: 25.5814vw; min-height: auto; }
  .card-col4 .card { width: calc(100% / 4 - 16px); }
  .card-col4 .card--tv-h { height: 32.2093vw; }
  .card-col4 .card--download { height: 30.71429vw; }
  /* s: 241025 add */
  .digital-list .card--download { height: 30.5vw; }
  .digital-list .card--download .card__head { height: 48px; padding: 12px; }
  .digital-list .card--download .card__thumb { height: calc(100% - 48px); }
  /* e: 241025 add */
  /* s: 250529 add */
  .card-col2 .card.card--executives_num {height: 183px;}
  .card.card--executives_num .card__foot .card__texts { margin-right: 0;}
  .card.card--executives_num .card__txt-desc { font-size: 12px;}
  /* e: 250529 add */
  .card-col4.card-col-multi .card.card--tv { width: calc(100% / 3 - 16px - 0.01px); min-width: calc(100% / 3 - 16px - 0.01px); height: 39.53488vw; min-height: auto; }
  .card--tv .card__title { max-height: 50px; }
  .card--tv .card__inner:before { width: 35px; height: 40px; background-size: 35px 40px; } /* 220516 modify */
  .card--tv .card__inner:before .btn-mod { height: 36px; line-height: 36px; }
  .card--w .btn-mod, .card--tv-w .btn-mod, .card--tv-h .btn-mod { height: 36px; line-height: 36px; }
  .card--w .card__inner:before, .card--tv-w .card__inner:before, .card--tv-h .card__inner:before { width:35px;height:40px;background-size:35px 40px; } /* 220516 modify */
  .card--w .card__title, .card--tv-w .card__title { font-size: 16px; max-height: 70px; }
  .card--w .btn-icon__time::before { vertical-align: -6px; }
  .card--w .card__foot { padding: 0 16px 16px 24px; }
  .card--tv-h .card__title { font-size: 16px; max-height: 90px; }
  .card--story .card__title { max-height: 75px; } /* 220225 modify */
  .card--stroy .card__title { max-height: 50px; }
  .card--recruit .card__title { max-height: 50px; }
  .card--recruit .card__name, .card--recruit .card__title { line-height: 1.75; }
  .card--recruit .card__txt-desc { font-size: 14px; }
  .card--recruit.card--no-bg .card__head { position: relative; padding: 20px 20px 0; }
  .card--recruit.card--no-bg .card__foot { padding: 0px 20px 16px; }
  .card--recruit.card--no-bg .card__title { height: 40px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
  .card--recruit.card--no-bg .card__thumb { display: none; }
  .card--recruit.card--no-bg .card__txt-day { font-size: 16px; }
  .card--recruit.card--no-bg .card__label { margin-bottom: 4px; padding: 0 8px; }
  .card--info .card__title { max-height: 60px; font-size: 20px; }
  .card--news .card__title { max-height: 70px; }/* 220304 modify */
  .card--interview .card__txt-desc { font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .card--interview .card__foot { padding: 0 24px 24px; }
  .card--link .card__title { font-size: 20px; }
  .card--article { height: auto; }
  .card--article .card__head { padding: 24px; height: 128px; }
  .card--article .card__title { font-size: 16px; max-height: 50px; }
  .card--article .card__txt-desc { font-size: 12px; }
  .card--download .card__head { height: 48px; padding: 12px; }
  .card--download .card__head.flex {gap: 6px} /* 250516 add */
  .card--download .card__thumb { height: calc(100% - 48px); }
  .card--download .card__title { font-size: 14px; max-height: 25px; }
  .card--download .card__head.flex .card__title {max-width: calc(100% - 20px);} /* 250516 add */
  .card--download .card__head.flex .card-exLink { width: 14px; height: 14px; } /* 250516 add */
  .card--download .c-platbox { bottom: 16px; right: 16px; }
  .card-col-mix .card--mix1st { width: calc(50% - 16px); min-width: calc(50% - 16px); height: 32.35714vw; text-align: left; } /* 230517 v2 modify */
  .card-col-mix .card--mix1st .card__foot { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 24px 24px 24px; }
  .card-col-mix .card--mix1st .card__foot .btn { margin-top: 0; }
  .card-col-mix .card--mix1st .card__foot .pc-btn { display: none; }
  .card-col-mix .card--mix1st .card__foot .mobile-btn { display: inline-block; }
  .card-col-mix .card--mix1st .card__head { padding: 24px 20px 0; }
  .card-col-mix .card--mix1st .card__title { font-size: 23px; line-height:1.3; } /* 230517 v2 modify */
  .card-col-mix .card--mix1st .card__label { font-size: 14px; }
  .card-col-mix .card--mix1st .card__txt-day { font-size: 20px; }
  .card-col-mix .card--mix1st .card__txt-desc { font-size: 16px; }
  .card-col-mix .card--mix1st .card__day { margin-bottom: 10px; font-size: 24px; }
  .card-col-mix .card--mix2nd { width: calc(50% - 16px); min-width: calc(50% - 16px); height: 32.35714vw; } /* 230517 v2 modify */
  .card-col-mix .card--mix2nd .card__title { font-size: 16px; max-height: 65px; }
  /* card swiper */
  .card-list.swiper .swiper-pagination { left: 310px; right: 310px; border-radius: 3px; }
  .card-list.swiper .swiper-pagination .swiper-pagination-bullet { height: 6px; }
  .card-list.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-radius: 3px; }
  .card-swiper-btn { width: 35px; height: 35px; }
  .card-swiper-btn:before { width: 26px; height: 26px; margin: -13px 0 0 -13px; }
  .card-swiper-btn.swiper-button-prev { left: -11px; }
  .card-swiper-btn.swiper-button-next { right: -11px; }
  .card-banner-indicator { bottom: 60px; }
  .card-banner-indicator .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; }
  .tag-list-wrap { margin: 50px 0 0; }
  .tag-list-wrap .tag-swiper-btn { width: 35px; height: 35px; margin-top: -17px; }
  .tag-list-wrap .tag-swiper-btn:before { width: 26px; height: 26px; margin: -13px 0 0 -13px; }
  .tag-list-wrap .tag-swiper-btn.swiper-button-prev { left: -20px; }
  .tag-list-wrap .tag-swiper-btn.swiper-button-next { right: -20px; }
  .tag-list-wrap:after { position: absolute; right: -10px; top: 0; content: ''; display: block; width: 40px; height: 72px; background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); z-index: 1; }
  .tag-list-block { margin: -4px; }
  .tag-list li { margin: 0 4px; }
  .tag-item { width: 128px; height: 72px; border-radius: 6px; }
  .tag-item__text { max-height: 50px; padding: 0 5px; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: -0.1px; }
  .snippet-wrap { margin: 10px 0 8px; }
  .snippet-wrap .page-title { font-size: 20px; text-align: left; line-height: 1.6; letter-spacing: -0.03px; }
  .snippet { margin-top: 8px; }
  .snippet.swiper .swiper-pagination-bullets { bottom: -26px; }
  .snippet.swiper .swiper-pagination-bullet { margin: 0 3px; width: 8px; height: 8px; }
  .snippet__block-link { padding: 20px; }
  .snippet__inner { padding: 24px 24px 36px 24px; }
  .snippet__item { width: 180px; height: 240px; }
  .snippet__item .snippet__sub-tit { font-size: 14px; letter-spacing: -0.07px; }
  .snippet__item .snippet__tit { margin-top: 0; font-size: 20px; line-height: 1.7; letter-spacing: -0.23px; }
  .snippet__item .btn-wrap { position: absolute; bottom: 20px; right: 20px; }
  .act-snippet-wrap .page-title { font-size: 20px; text-align: left; margin-left: 4px; }
  .act-snippet__inner { padding: 24px 20px 32px; }
  .leaderShip .act-snippet__inner { padding: 24px 20px 64px; } /* 250626 add */
  .act-snippet { margin-top: 12px; }
  .act-snippet__date { font-size: 12px; }
  .act-snippet__item { width: auto; height: auto; padding: 0 4px; border-radius: 10px; }
  .act-snippet__item.swiper-slide-prev, .act-snippet__item.swiper-slide-next { opacity: 1; }
  .act-snippet__item.swiper-slide-prev:before, .act-snippet__item.swiper-slide-next:before { display: none; }
  .act-snippet__block-link { width: 268px; margin: 0; }
  .act-snippet__title { max-height: 70px; margin-top: 8px; -webkit-line-clamp: 2; font-size: 16px; } /* 250626 modify */
  .act-snippet__info { float: none; width: 100%; height: 110px; padding: 20px 20px 5px; border-top-right-radius: 10px; border-bottom-left-radius: 0; }
  .act-snippet__img { float: none; width: 100%; height: 260px; border-top-right-radius: 0; border-bottom-right-radius: 10px; }
  .act-snippet__img:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 25%; content: ""; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#fff)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #fff); z-index: 2; }
  .act-snippet .btn-wrap { right: 0; bottom: 0; padding: 0 20px 16px; }
  .act-snippet .swiper-scrollbar { width: 100%; bottom: -16px; }
  .act-snippet.is-leaderShip .swiper-scrollbar { width: calc(100% - 56px); left: 7px; bottom: -24px; transform: translateX(0);} /* 250626 add */
  .act-snippet .auto-play-toggleBtnBox { width: calc(100% - 16px); } /* 250626 add */
  .act-snippet .auto-play-toggleBtn { right: 2px; top: unset; bottom: -33px;} /* 250626 add */
  .act-snippet .act-snippet-btn { width: 40px; height: 40px; }
  .act-snippet .act-snippet-btn.swiper-button-prev { left: -15px; }
  .act-snippet .act-snippet-btn.swiper-button-next { right: -15px; }
  .box-slide { height: 468px; padding: 0 0px; background: #fff; border-radius: 0; overflow: visible; }
  .box-slide__item { max-width: 100%; height: 448px; padding: 0 4px; margin: 0; }
  .box-slide__item:after { left: 4px; right: 4px; width: calc(100% - 8px); }
  .box-slide__head { padding: 24px 24px 0 24px; text-align: left; }
  .box-slide__time { font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .box-slide__title { font-size: 22px; line-height: 1.55; letter-spacing: -0.25px; }
  .box-slide__foot { padding: 0 20px 20px; line-height: 1.67; letter-spacing: -0.18px; }
  .box-slide__name { font-size: 12px; }
  .box-slide__img img { position: absolute; top: 0; left: 50%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .box-slide .box-slide-scrollbar.swiper-scrollbar { max-width: 100%; background: #eaeaea; bottom: 0; }
  .box-slide .box-slide-scrollbar .swiper-scrollbar-drag { background: #000; }
  .card-section-top { margin-bottom: 10px; font-size: 20px; }
  .card-section .act-snippet-wrap { margin: 10px 0; }
  .card-wrap-box { margin-top: 8px; }
  .card-wrap-box .card-col3 .card { width: calc(50% - 16px); height: 25vw; min-height: auto; } }

@media all and (max-width: 719px) { .card-block { margin: 0 -4px; }
  .card-list__block { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .card { display: block; margin: 10px 4px; }
  .card-full .card { width: calc(100% - 8px); min-width: calc(100% - 8px); }
  .card-full .card__head { text-align: left; }
  .card-full .card__img-ws { display: none; }
  .card-full .card__img-ms { display: block; }
  .card-col2 .card { width: calc(100% - 8px); min-width: calc(100% - 8px); height: 252px; }
  .card-col2 .card--article { height: auto; }
  .card-col2 .card--article .card__thumb { height: auto; }
  .card-col2 .card--tv .card__inner:before {width:35px;height:40px;background-size:35px auto;}/* 220516 modify */
  .card-col3 .card { width: calc(100% - 8px); min-width: calc(100% - 8px); height: 448px; }
  .card-col3 .card--article { height: auto; }
  .card-col3 .card--article .card__thumb { height: auto; }
  .card-col3 .card--w, .card-col3 .card--tv-w { height: 256.2px; }
  .card-col3.card-col-multi .card.card--tv { height: 241px; }
  .card-col4 .card { width: calc(100% - 8px); }
  .card-col4 .card--tv-h { height: 256.2px; }
  .card-col4 .card--tv-h .card__img-ws { display: block; }
  .card-col4 .card--tv-h .card__img-ms { display: none; }
  .card-col4 .card--download { width: calc(100% / 2 - 8px); height: 322.62222px; }
  .card-col4 .card--download:nth-child(2n) .c-platbox-wrap { left: auto; right: 0; text-align: right; }
  .card-col4 .card--download:nth-child(2n) .c-platbox-wrap ul { text-align: left; }
  /* s: 241025 add */
  .digital-list .card--download {height: 305px;}
  .digital-list .card--download .card__thumb { height: calc(100% - 48px);}
  /* e: 241025 add */
  .card-col4.card-col-multi .card.card--tv { height: 241px; }
  .card--tv .card__inner:before { width:35px;height:40px;background-size:35px 40px; }/* 220516 modify */
  .card--w .card__inner:before, .card--tv-w .card__inner:before, .card--tv-h .card__inner:before { width:35px;height:40px;background-size:35px 40px; }/* 220516 modify */
  .card--news .card__title { max-height: 70px; }
  .card--link .card__title { font-size: 20px; }
  .card--article { height: 474.275px; }
  .card--article .card__thumb { height: auto; }
  .card--article .c-platbox { right: auto; left: 24px; }
  .card-col-mix .card--mix1st { width: calc(100% - 8px); min-width: calc(100% - 8px); height: 448px; text-align: left; }
  .card-col-mix .card--mix1st .card__foot { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 24px 24px 24px; }
  .card-col-mix .card--mix1st .card__foot .btn { margin-top: 0; }
  .card-col-mix .card--mix1st .card__foot .pc-btn { display: none; }
  .card-col-mix .card--mix1st .card__foot .mobile-btn { display: inline-block; }
  .card-col-mix .card--mix1st .card__day { margin-bottom: 10px; font-size: 24px; }
  .card-col-mix .card--mix2nd { width: calc(100% - 8px); min-width: calc(100% - 8px); }
  .card--recruit.card--no-bg { height: 252px; }
  .card-col3 .card--recruit.card--no-bg { height: 252px; min-height: auto; }
  .card-block.swiper-active.card-col2, .card-block.swiper-active.card-col3, .card-block.swiper-active.card-col4 { width: calc(100% - 20px); }
  .card-block.swiper-active.card-col2 .card-list, .card-block.swiper-active.card-col3 .card-list, .card-block.swiper-active.card-col4 .card-list { overflow: visible; width: 100%; }
  .card-block.swiper-active.card-col2 .card-list__block, .card-block.swiper-active.card-col3 .card-list__block, .card-block.swiper-active.card-col4 .card-list__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .card-block.swiper-active.card-col2 .card, .card-block.swiper-active.card-col3 .card, .card-block.swiper-active.card-col4 .card { width: 100%; margin: 10px 4px; }
  .card-block.swiper-active.card-col2 .card__inner, .card-block.swiper-active.card-col3 .card__inner, .card-block.swiper-active.card-col4 .card__inner { width: 100%; }
  /* card swiper */
  .card-list.swiper .swiper-pagination { left: 310px; right: 310px; border-radius: 3px; }
  .card-list.swiper .swiper-pagination .swiper-pagination-bullet { height: 6px; }
  .card-list.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-radius: 3px; }
  .card-block.swiper-active.card-full .card-list__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .card-swiper-btn { width: 40px; height: 40px; opacity: 1; }
  .card-swiper-btn:before { width: 30px; height: 30px; margin: -15px 0 0 -15px; }
  .card-swiper-btn.swiper-button-prev { left: -16px; }
  .card-swiper-btn.swiper-button-next { right: -16px; } /* 230628 modify */
  .card-section .card-swiper-btn.swiper-button-next {right: -24px;} /* 230628 add */
  .card-banner-indicator { bottom: 60px; }
  .card-banner-indicator .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; }
  .tag-list li { margin: 0 4px; }
  .tag-list-wrap:after { right: calc((100vw - 448px) / 2 * -1); }
  .tag-list-block { overflow: visible; margin: 0 -4px; }
  .tag-list .tag-item-block { overflow: visible; }
  .tag-list .tag-item { width: 128px; height: 72px; border-radius: 6px; }
  .tag-list .tag-item__text { font-size: 14px; line-height: 1.71; }
  .snippet-wrap { margin-bottom: 10px; }
  .snippet.swiper .swiper-scrollbar { width: 100%; height: 4px; border-radius: 2px; bottom: -18px; background-color: rgba(255, 255, 255, 0.2); }
  .snippet.swiper .swiper-scrollbar-drag { background-color: #fff; }
  .snippet__item { height: 220px; }
  .act-snippet__item { padding: 0 5px; }
  .act-snippet__block-link { width: 100%; }
  .act-snippet__img { height: 392px; }
  .box-slide__img-ws { display: none; }
  .box-slide__img-ms { display: block; }
  .card-wrap-box { margin: 10px auto 0; }
  .card-wrap-box .card-col3 .card { height: 252px; } }

@media all and (max-width: 487px) { .card-col2 .card { height: 50vw; }
  .card-col2 .card--article { height: auto; }
  .card-col3 .card { height: 88.88889vw; min-height: auto; }
  .card-col3 .card--article { height: auto; }
  .card-col3 .card--w, .card-col3 .card--tv-w { height: 46.66667vw; min-height: auto; }
  .card-col3 .card--recruit.card--no-bg { height: 180px; min-height: auto; }
  .card-col3.card-col-multi .card.card--tv { height: 53.79464vw; }
  .card-col4 .card--tv-h { height: 46.66667vw; }
  .card-col4 .card--download { height: 66.11111vw; }
  /* s: 241025 add  */
  .digital-list .card--download { height: 62.5vw; }
  /* e: 241025 add  */
  .card-col4.card-col-multi .card.card--tv { height: 53.79464vw; }
  .card-col-mix .card--mix1st { height: 88.88889vw; }
  .tag-list-wrap:after { right: -20px; }
  .act-snippet__item { width: 100%; }
  .act-snippet__block-link { width: 74.44444vw; }
  .act-snippet__img { height: 74.44444vw; }
  .card-wrap-box .card-col3 .card { height: 50vw; }
  .section-subtitle { padding: 11.1111vw 0 5.5556vw; text-align: center; } /* 220811 add */
  .page-subtitle { font-size: 8.3333vw; font-weight: 500; line-height: 11.6667vw; letter-spacing: -0.063889vw; } } /* 220811 add */

/* s: 241025 add */
@media all and (max-width: 360px){
  .digital-list .card--download { height: auto;}
  .digital-list .card--download .card__thumb {height: 180px;}
}
/* e: 241025 add */

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .card:focus { outline: dashed 1px #818181 !important; }
  .tag-item:focus { outline: dashed 1px #818181 !important; }
  .card--tv .card__inner:before { /* background-color: rgba(159, 159, 159, 0.5); */}  } /* 220518 modify */

/* 스토리 */
.has-overlay .full-ly-wrap { top: 0; right: 0; bottom: 0; left: 0; background: #fff; }

.has-overlay .full-ly-container { padding-top: 80px; }

.has-overlay .shadow-box { z-index: 110; }

.has-overlay .shadow-box .page-header { border-top-left-radius: 10px; border-top-right-radius: 10px; }

.has-overlay .shadow-box.type-full { top: -80px; }

[data-layout=scale].full-ly-wrap { top: 0; right: 0; bottom: 0; left: 0; background: #fff; }

[data-layout=scale] .full-ly-container { padding-top: 80px; }

[data-layout=scale] .shadow-box { z-index: 110; }

[data-layout=scale] .shadow-box.type-full { top: -80px; }

.full-ly-wrap { position: relative; }

.full-ly__dimmed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; }

.full-ly-close { position: fixed; top: 15px; left: 50%; margin-left: 640px; z-index: 160; }

.full-ly-close .btn-ly-close { background-color: #f0f0f0; }

.full-ly-close .btn-ly-close:before { content: ''; display: block; width: 25px; height: 25px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.full-ly-btns { position: fixed; top: 50%; left: 50%; background-color: #f0f0f0; z-index: 1; }

.full-ly-btns .btn-dir { position: absolute; z-index: 150; top: 0; width: 50px; height: 50px; border-radius: 50%; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); background-color: #fff; }

.full-ly-btns .btn-dir:after { content: ''; position: absolute; top: 50%; right: 50%; display: block; width: 14px; height: 14px; border-left: 3px solid #000; border-top: 3px solid #000; }

.full-ly-btns .btn-dir--prev { margin-left: -660px; -webkit-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%); }

.full-ly-btns .btn-dir--prev:after { margin-top: -7px; margin-right: -8px; }

.full-ly-btns .btn-dir--next { margin-left: 640px; }

.full-ly-btns .btn-dir--next:after { margin-top: -6px; margin-right: 5px; -webkit-transform: rotate(135deg) translate(-50%, -50%); transform: rotate(135deg) translate(-50%, -50%); }

.full-ly-container { padding-bottom: 100px; }

.shadow-box { position: relative; width: 1240px; margin: 0 auto; padding-bottom: .1px; -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.5); border-radius: 10px; word-break: keep-all; background-color: #fff; }

.shadow-box.type-full { margin-top: 0; border-radius: 0; }

.s__inner { position: relative; margin: 0 auto; max-width: 1028px; }

.component-key-visual { position: relative; color: #fff; }

.component-key-visual .s-main-poster { position: relative; padding-top: 56.25%; height: 100%; overflow: hidden; }

.component-key-visual .s-main-poster img, .component-key-visual .s-main-poster video { overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; bottom: 0; width: auto; height: 100%; }

.component-key-visual .s-main-poster:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; display: block; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, 0.6))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 94%); z-index: 1; }

.component-key-visual .s-main-poster__img-ws { display: block; }

.component-key-visual .s-main-poster__img-ms { display: none; }

.component-key-visual .s-main-cont { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }

.component-key-visual .s__inner { margin-bottom: 50px; }

.component-key-visual .s-main__sub-txt { line-height: 1.76; letter-spacing: -0.21px; }

.component-key-visual .s-main__sub-txt span + span { margin-left: 12px; }

.component-key-visual .s-main__sub-txt .icon-time:before { width: 24px; height: 24px; background-image: url("../../assets/images/common/ico_time.svg"); }

.component-key-visual .txt-bar { position: relative; padding-left: 12px; display: inline-block; }

.component-key-visual .txt-bar:before { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 1px; height: 17px; background-color: rgba(255, 255, 255, 0.2); }

.component-key-visual .head-title { margin-top: 4px; }

.component-key-visual .btn-etc { margin-top: 30px; }

.component-key-visual .btn-etc:after { clear: both; content: ''; display: block; }

.component-key-visual .btn-etc .col-l { float: left; }

.component-key-visual .btn-etc .col-r { float: right; }

.component-key-visual .col-r .c-platbox-wrap { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }

.component-key-visual .col-r .c-platbox-wrap ul { text-align: left; }

.component-key-visual .col-r .c-platbox-wrap .btn-icon__link:before { background-image: url("../../assets/images/common/ico_link_black.svg"); }

/* 230214 add */
.component-key-visual .hmg-video-play-wrap.hidden-control-btn .vjs-control-bar {display:none;}
.component-key-visual .hmg-video-play-wrap.hidden-control-btn:before { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); content:""; display:block; width:100%; height:100%; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, 0.6))); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 94%); z-index:1; }
/* //230214 add */

.component-summary { padding: 80px 0 20px; }

.component-summary .s-summary__txt { font-size: 30px; font-weight: 400; line-height: 1.67; letter-spacing: -0.21px; }

.component-summary-list { padding: 40px 0; }

.component-summary-list .s-summary__list { font-weight: 700; line-height: 1.88; letter-spacing: -0.21px; color: #111; }

.component-summary-list .s-summary__list li { position: relative; padding-left: 34px; background: url(../../assets/images/common/icn-arrow-regular.svg) no-repeat 0 3px/24px auto; } /* 250623 modify */


.component-anchor .btn-toggle { display: none; position: absolute; left: 24px; top: 3px; width: 24px; height: 24px; background: url("../../assets/images/common/ico_sticky_list_unfold.svg") no-repeat center/100% auto; z-index: 5; }

.component-anchor .sticky-area { padding: 40px 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.component-anchor.is-sticky { border-bottom: 0; }

.component-anchor.is-sticky .sticky-area { position: fixed; top: 0; left: 0; right: 0; padding: 24px 0; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 110; }

.component-anchor.is-sticky .s__inner { max-width: 1240px; }

.component-anchor.is-sticky .btn-toggle { display: block; }

.component-anchor.is-sticky .s-anchor__list { padding-left: 64px; border-left: 0; }

.component-anchor.is-sticky .s-anchor__list li { display: none; opacity: 0.45; margin-top: 0; }

.component-anchor.is-sticky .s-anchor__list li.on { display: block; opacity: 1; }

.component-anchor.is-sticky li.on { font-weight: 500; }

.component-anchor.is-sticky.is-open { height: auto; }

.component-anchor.is-sticky.is-open .btn-toggle { background-image: url("../../assets/images/common/ico_sticky_list_fold.svg"); }

.component-anchor.is-sticky.is-open li { display: block; }

.component-anchor.is-sticky.is-open li + li { margin-top: 6px; }

.component-anchor .s-anchor__list { padding-left: 20px; border-left: 4px solid rgba(17, 17, 17, 0.2); }

.component-anchor .s-anchor__list li + li { margin-top: 6px; }

.component-anchor .s-anchor__list a { color: #111; line-height: 1.88; letter-spacing: -0.21px; }

.component-anchor .s-anchor__list a:hover { font-weight: 700; }

.component-heading { padding: 80px 0 20px; }

.component-sub { padding: 40px 0 10px; }

.component-sub .s-sub-title { display: block; font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: -0.21px; }

.component-content { padding: 10px 0 20px; }

/* s : 250417 add */
.highlight {
  /* font-weight: 700; */ /* 250423 delete */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, rgba(1,66,139,0.15)));
  background-image: linear-gradient(90deg, transparent 50%, rgba(1,66,139,0.15) 0);
  background-position: 0;
  background-size: 200%;
}

.highlight .text_clipPath {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, rgba(0, 0, 0, 1)));
  background-image: linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, 1) 0);
  background-size: 200%;
  background-position: 0;
  background-clip: text;
  -webkit-background-clip: text;
}

.highlight.is-active {animation: underline 1.5s ease forwards;}
.text_clipPath.is-active {animation: colorChange 1.5s ease forwards;}

@keyframes underline {
  0% {background-position: 0%;}
  100% {background-position: -100%;}
}

@keyframes colorChange {
  0% {background-position: 0%;}
  100% {background-position: -100%;}
}
/* e : 250417 add */

/* s : 250408 add */
.text_underline {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, rgba(0, 170, 210, .4)));
  background-image: linear-gradient(90deg, transparent 50%, rgba(0, 170, 210, .4) 0);
  background-position: 0;
  background-size: 200%;
}
/* .text_underline.is-active {animation: underline 1.5s ease forwards;} */
@keyframes underline {
  0% {background-position: 0%;}
  100% {background-position: -100%;}
}
/* e : 250408 add */

.component-content .s-cont__txt { color: #111; line-height: 1.88; letter-spacing: -0.21px; }

.component-content .s-cont__txt .tooltip-platbox { z-index: 1; }

.component-content .s-cont__txt .tooltip-platbox__text { color: #01428b; border-bottom: 1px dashed #01428b; }

.component-content .s-cont__txt .tooltip-platbox__text:focus + .tooltip-wrap, .component-content .s-cont__txt .tooltip-platbox__text:hover + .tooltip-wrap { display: inline-block; }

.component-content .s-cont__txt .tooltip__close { display: none; }

.component-content p { margin-bottom: 0.8em; }

.component-quotation { position: relative; padding: 130px 0; text-align: center; }

.component-quotation:before {content: '';top: 40px;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: block;width: 36px !important; height: 30px!important; background: url("../../assets/images/common/icon_quotation_blue_open.svg") no-repeat center/ 100% auto;} /* 250313 modify */

.component-quotation:after { content: ''; bottom: 40px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 36px!important; height: 30px!important; background: url("../../assets/images/common/icon_quotation_blue_close.svg") no-repeat center/100% auto; } /* 250313 modify */

.component-quotation p { font-size: 30px; line-height: 1.67; letter-spacing: -0.21px; }

.component-image { padding: 40px 0; }

.component-image + .component-image {padding-top:0} /* 250723 add */

.component-image .s__inner { max-width: 1240px; }

.component-image .img { overflow: hidden; border-radius: 10px; }

.component-image .img img { width: 100%; }

.component-image .txt { margin-top: 8px; color: #111; font-size: 13px; font-weight: 300; line-height: 1.76; letter-spacing: -0.21px; }

.component-parallax { position: relative; z-index: 100; margin: 40px 0; }

.component-parallax .parallax__container .parallax { left: 0; right: 0; }

.component-slide-image { padding: 40px 0; position: relative; }

.component-slide-image .s__inner { max-width: 1240px; }

.component-slide-image .s-box--black { position: relative; padding: 50px 106px 70px; background: #1f1f1f; border-radius: 10px; overflow: hidden; }

.component-slide-image .swiper-slide { opacity: 0.3; margin: 0 12px; }

.component-slide-image .swiper-slide-active { opacity: 1; }

.component-slide-image .swiper-scrollbar { width: 620px; height: 6px; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; }

.component-slide-image .swiper-scrollbar-drag { border-radius: 3px; background: #fff; width: auto; } /* 250402 modify */

.component-slide-image .btn-unit__fullscreen { position: absolute; bottom: 30px; right: 30px; width: 72px; height: 72px; background-size: 30px auto; }

.component-slide-media { padding: 40px 0; }

.component-slide-media .s__inner { max-width: 1240px; }

.component-slide-media .act-snippet-wrap { margin: 0; }

.component-gallery { padding: 40px 0; }

.component-gallery .s__inner { max-width: 1240px; }

.component-gallery .s-gallery-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -40px; }

.component-gallery .s-gallery-list li { position: relative; margin-top: 40px; width: calc((100% - 26px) / 2); }

.component-gallery .s-gallery-list .s-gallery__img { overflow: hidden; position: relative; display: block; }

.component-gallery .s-gallery-list .s-gallery__img .img { position: relative; overflow: hidden; height: 340px; border-radius: 10px; }

.component-gallery .s-gallery-list .s-gallery__img .img:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 85px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); opacity: 0.3; }

.component-gallery .s-gallery-list .s-gallery__img .img img { min-width: 100%; height: 100%; }

.component-gallery .s-gallery-list .btn-unit__fullscreen { position: absolute; bottom: 30px; right: 30px; z-index: 1; }

.component-gallery .s-gallery-list .s-gallery__txt { margin-top: 8px; font-size: 13px; font-weight: 300; line-height: 1.92; letter-spacing: -0.26px; }

.component-video { padding: 40px 0; }

.component-video .s__inner { max-width: 1240px; }

.component-video .video { overflow: hidden; position: relative; border-radius: 10px; height: 700px; vertical-align: top; }

.component-video .video * { width: 100%; vertical-align: top; }

.component-video .txt { margin-top: 8px; color: #111; font-size: 13px; font-weight: 300; line-height: 1.76; letter-spacing: -0.21px; }

.component-col2 { padding: 40px 0 20px; }

.component-col2 .s__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.component-col2 .txt { line-height: 1.76; letter-spacing: -0.21px; }

.component-col2 .img { overflow: hidden; border-radius: 10px; }

.component-col2 .img img { width: 100%; }

.component-col2 .desc { margin-top: 16px; font-size: 13px; font-weight: 300; line-height: 1.76; letter-spacing: -0.21px; }

.component-col2 .component-video { padding: 0; }

.component-col2 .component-video .video { height: auto; }

.component-col2.type1 .s-col-box { width: 46.5%; }

.component-col2.type1 .s-col-box .s-slide-fraction .s-slide-btn { top: 110px; }

.component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 230px; }

.component-col2.type2 .s-col-box:first-of-type { width: 59.2%; }

.component-col2.type2 .s-col-box:last-of-type { width: 36.3%; }

.component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .s-slide-btn { top: 80px; }

.component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 175px; }

.component-col2.type3 .s__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.component-col2.type3 .s-col-box:first-of-type { width: 59.2%; }

.component-col2.type3 .s-col-box:last-of-type { width: 36.3%; }

.component-col2.type3 .txt { line-height: 1.76; letter-spacing: -0.21px; }

.component-col2 p { margin-bottom: 0.8em; }

.component-recommend-ly { position: fixed; left: 50%; bottom: 30px; margin-left: -620px; z-index: 100; }

.component-recommend-ly .tooltip-platbox { display: none; }

.component-recommend-ly .tooltip-platbox.is-open { display: inline; opacity: 0; }

.component-recommend-ly .tooltip-wrap { position: relative; z-index: 3; }

.component-recommend-ly .tooltip { width: 490px; height: auto; padding: 11px 30px 20px 20px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }

.component-recommend-ly .tooltip__link { display: block; }

.component-recommend-ly .tooltip__title { padding-bottom: 10px; font-size: 13px; letter-spacing: -0.21px; }

.component-recommend-ly .tooltip__img { margin-right: 14px; width: 114px; height: 64px; border: 0; border-radius: 12px; }

.component-recommend-ly .tooltip__img-ws { display: block; }

.component-recommend-ly .tooltip__img-ms { display: none; }

.component-recommend-ly .tooltip__text { margin-top: 3px; }

.component-recommend-ly .tooltip__text .inner { height: auto; margin-bottom: 4px; font-size: 17px; line-height: 1.88; letter-spacing: -0.21px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

.component-recommend-ly .tooltip__text .info { font-size: 13px; line-height: 1.76; letter-spacing: -0.21px; }

.component-recommend-ly .tooltip__text .info span + span { margin-left: 20px; }

.component-recommend-ly .tooltip__close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; }

.component-recommend-ly .tooltip__close:before { content: ''; display: block; width: 18px; height: 18px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.component-etc { max-width: 1028px; margin: 100px auto 120px; }

.component-etc .share-group.type-center { text-align: center; }

.component-etc .share-group.type-center .c-platbox-wrap { width: auto; text-align: left; }

.component-etc .btns-wrap { margin: 30px 0 0 0; }

.component-byline { padding: 40px 0 60px; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #111; }

.component-byline .s-byline__list { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.76; letter-spacing: -0.21px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.component-byline .s-byline__list li { position: relative; display: inline-block; padding: 0 8px; vertical-align: top; font-size: 15px; line-height: 2.13; letter-spacing: -0.19px; }

.component-byline .s-byline__list li::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; display: block; content: ""; width: 1px; height: 18px; background: rgba(0, 0, 0, 0.1); }

.component-byline .s-byline__list li:first-child { padding-left: 0; }

.component-byline .s-byline__list li:first-child:before { display: none; }

.component-byline .s-byline__list:after { clear: both; content: ''; display: block; }

.component-byline .s-byline__text { font-size: 13px; font-weight: 300; line-height: 1.76; letter-spacing: -0.21px; }

.component-byline .s-byline__block { display: block; margin-top: 6px; font-size: 13px; line-height: 1.85; letter-spacing: -0.09px; }

.component-byline .s-byline__link { color: #01428b; }

.component-byline .s-byline__link.link--under { text-decoration: underline; }

/* 230309 modify */
div[class^='component'].bg-black { background-color:rgba(0, 0, 0, 1); }
div[class^='component'].bg-gray { background-color:rgba(0, 0, 0, 0.06); }
div[class^='component'].bg-black .s-cont__txt, div[class^='component'].bg-black .s-image__box .txt, div[class^='component'].bg-black .page-title, div[class^='component'].bg-black .s-sub-title,
div[class^='component'].bg-black .s-gallery__txt, div[class^='component'].bg-black .txt, div[class^='component'].bg-black .desc, [class^='component'].bg-black .s-summary__txt, [class^='component'].bg-black .s-anchor__list a {color:#fff; } /* 230406 modify */
div[class^='component'].bg-black.is-sticky .s-anchor__list a {color: #111;} /* 230418 add */
[class^='component'].bg-black .s-anchor__list {border-color: rgba(207, 207, 207, 0.5);} /* 230406 add */
div[class^='component'].bg-gray .s-cont__txt, div[class^='component'].bg-gray .s-image__box .txt, div[class^='component'].bg-gray .page-title, div[class^='component'].bg-gray .s-sub-title,
div[class^='component'].bg-gray .s-gallery__txt, div[class^='component'].bg-gray .txt, div[class^='component'].bg-gray .desc, [class^='component'].bg-gray .s-summary__txt {color:#111; } /* 230406 modify */
div[class^='component'].bg-black .table-container { color:#fff; }
div[class^='component'].bg-black table { border-top:2px solid #fff; }
div[class^='component'].bg-black table thead { border-bottom:2px solid #fff; }
div[class^='component'].bg-black table tr { border-bottom:1px solid #777; }
div[class^='component'].bg-black .tooltip-platbox__text {color: #8EBAFF;border-bottom: 1px dashed #8EBAFF;} /*230823 add */

.component-quotation.bg-black:before { background: url(../../assets/images/common/icon_quotation_black_open.png) no-repeat center/100% auto; }
.component-quotation.bg-black:after { background: url(../../assets/images/common/icon_quotation_black_close.png) no-repeat center/100% auto; }
.component-quotation.bg-black p { color:#fff; }
.component-quotation.bg-gray:before { background: url(../../assets/images/common/icon_quotation_gray_open.png) no-repeat center/100% auto; }
.component-quotation.bg-gray:after { background: url(../../assets/images/common/icon_quotation_gray_close.png) no-repeat center/100% auto; }
.component-quotation.bg-gray p { color:#111; }
/* //230309 modify */

.s-slide-image { position: relative; }

.s-slide-image .s-slide__img { overflow: hidden; position: relative; width: 100%; border-radius: 10px; }

.s-slide-image .s-slide__img img { width: 100%; }

.s-slide-image .s-slide__desc { margin-top: 8px; color: #fff; font-size: 13px; font-weight: 300; line-height: 1.76; letter-spacing: -0.21px; }

.s-slide-image:hover .s-slide-btn { opacity: 1; }

.s-slide-btn { overflow: hidden; width: 50px; height: 50px; margin-top: 0; top: 314px; border-radius: 50%; background-color: #fff; background-image: none; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.s-slide-btn:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 36px; height: 36px; background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat center/100%; }

.s-slide-btn.swiper-button-disabled { display: none; opacity: 0; }

.s-slide-btn.swiper-button-prev { left: 20px; }

.s-slide-btn.swiper-button-prev:before { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); }

.s-slide-btn.swiper-button-next { right: 20px; }

.s-slide-fraction { overflow: hidden; position: relative; border-radius: 10px; }

.s-slide-fraction .s-slide-image .s-slide__img { height: auto; }

.s-slide-fraction .s-slide-btn { position: absolute; top: 160px; }

.s-slide-fraction .swiper-pagination-fraction { left: auto; right: 20px; top: 300px; display: inline-block; width: auto; height: 23px; padding: 0 8px; color: #fff; font-size: 13px; font-weight: 500; border-radius: 4px; line-height: 1.76; letter-spacing: -0.21px; text-align: center; background-color: rgba(0, 0, 0, 0.2); }

.btn-top-wrap { z-index: 110; position: fixed; left: 50%; bottom: 20px; margin-left: 646px; display: none; }

.btn-top-wrap .btn-unit { width: 54px; height: 54px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }

.btn-top-wrap .btn-unit__top { background: #fff url("../../assets/images/common/ico_arrow_top.svg") no-repeat center/36px; }

.full-screen-ly-pop { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 25px 100px; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; }

.full-screen-ly-cont { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 200px); max-width: 1440px; padding: 55px 100px; }

.full-screen-ly-slide { overflow: hidden; margin: 0 auto; height: calc(100vh - 160px); max-height: 864px; max-width: 1240px; }

.full-screen-ly-slide .full-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.full-screen-ly-slide .s-slide-btn { opacity: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.full-screen-ly-slide .s-slide-btn.swiper-button-next { right: 30px; }

.full-screen-ly-slide .s-slide-btn.swiper-button-prev { left: 30px; }

.full-screen-ly-slide .swiper-pagination-wrap { position: absolute; top: 0; left: 0; padding: 0 100px; width: 100%; color: #fff; line-height: 1.76; letter-spacing: -0.21px; text-align: left; }

.full-screen-ly-slide .swiper-pagination-wrap .swiper-pagination { display: inline-block; position: static; margin-right: 16px; width: auto; opacity: 0.7; text-align: left; }

.full-screen-ly-slide .swiper-pagination-wrap .swiper-pagination__txt { display: inline-block; }

.btn-unit__full-close { position: absolute; top: -10px; right: 100px; background-image: url("../../assets/images/common/ico_fullscreen_close.svg"); background-size: 22px; }

@media all and (min-width: 900px) and (max-width: 1399px) { .has-overlay .full-ly-container { padding-top: 5.71429vw; }
  .has-overlay .shadow-box.type-full { top: -5.71429vw; }
  [data-layout=scale] .full-ly-container { padding-top: 5.71429vw; }
  [data-layout=scale] .shadow-box.type-full { top: -5.71429vw; }
  .full-ly-close { top: 1.07143vw; margin-left: 0; left: auto; right: 0.6vw; }
  .full-ly-close .btn-ly-close:before { width: 1.78571vw; height: 1.78571vw; }
  .full-ly-btns .btn-dir { position: fixed; top: 50%; width: 3.57143vw; height: 3.57143vw; }
  .full-ly-btns .btn-dir--prev { margin: 0; left: 3.57143vw; }
  .full-ly-btns .btn-dir--next { margin: 0; right: 1.07143vw; }
  html.device-pc, html.device-pc body { width: 100%; }
  html.device-pc .full-ly-btns .btn-dir--prev { left: 3.14286vw; }
  html.device-pc .btn-top-wrap { margin: 0; left: auto; right: 0.57143vw; }
  .full-ly-container { padding-bottom: 7.14286vw; }
  .shadow-box { width: 88.57143vw; -webkit-box-shadow: 0 0 2.85714vw 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 2.85714vw 0 rgba(0, 0, 0, 0.5); border-radius: 0.71429vw; }
  .s__inner { max-width: 73.42857vw; }
  .component-key-visual .s__inner { margin-bottom: 3.57143vw; }
  .component-key-visual .s-main-poster img, .component-key-visual .s-main-poster video { border-top-left-radius: 0.71429vw; border-top-right-radius: 0.71429vw; }
  .component-key-visual .s-main__sub-txt span + span { margin-left: 0.85714vw; }
  .component-key-visual .s-main__sub-txt .icon-time:before { width: 1.71429vw; height: 1.71429vw; }
  .component-key-visual .txt-bar { padding-left: 0.85714vw; }
  .component-key-visual .txt-bar:before { width: 0.07143vw; height: 1.21429vw; }
  .component-key-visual .head-title { margin-top: 0.28571vw; }
  .component-key-visual .btn-etc { margin-top: 2.14286vw; }
  .component-summary { padding: 5.71429vw 0 1.42857vw; }
  .component-summary .s-summary__txt { font-size: 2.14286vw; }
  .component-anchor .btn-toggle { left: 1.71429vw; top: 0.21429vw; width: 1.71429vw; height: 1.71429vw; }
  .component-anchor .sticky-area { padding: 2.85714vw 0; }
  .component-anchor.is-sticky .sticky-area { padding: 1.71429vw 0; }
  .component-anchor.is-sticky .s__inner { max-width: 88.57143vw; }
  .component-anchor.is-sticky .s-anchor__list { padding-left: 4.57143vw; }
  .component-anchor.is-sticky .s-anchor__list li { margin-top: 0; }
  .component-anchor.is-sticky.is-open li + li { margin-top: 0.42857vw; }
  .component-anchor .s-anchor__list { padding-left: 1.42857vw; border-left: 0.28571vw solid rgba(17, 17, 17, 0.2); }
  .component-anchor .s-anchor__list li + li { margin-top: 0.42857vw; }
  .component-heading { padding: 5.71429vw 0 1.42857vw; }
  .component-sub { padding: 2.85714vw 0 0.71429vw; }
  .component-sub .s-sub-title { font-size: 1.71429vw; }
  .component-content { padding: 0.71429vw 0 1.42857vw; }
  .component-quotation { padding: 9.28571vw 0; }
  .component-quotation:before { top: 2.85714vw; width: 2.57143vw; height: 2.14286vw; }
  .component-quotation:after { bottom: 2.85714vw; width: 2.57143vw; height: 2.14286vw; }
  .component-quotation p { font-size: 2.14286vw; }
  .component-image { padding: 2.85714vw 0; }
  .component-image .s__inner { max-width: 88.57143vw; }
  .component-image .img { border-radius: 0.71429vw; }
  .component-image .txt { margin-top: 0.57143vw; font-size: 0.92857vw; }
  .component-parallax { margin: 2.85714vw 0; }
  .component-slide-image { padding: 2.85714vw 0; }
  .component-slide-image .s__inner { max-width: 88.57143vw; }
  .component-slide-image .s-box--black { padding: 3.57143vw 7.57143vw 5vw; border-radius: 0.71429vw; }
  .component-slide-image .swiper-slide { margin: 0 0.85714vw; }
  .component-slide-image .swiper-scrollbar { width: 44.28571vw; height: 0.42857vw; bottom: 2.85714vw; }
  .component-slide-image .swiper-scrollbar-drag { border-radius: 0.21429vw; }
  .component-slide-image .btn-unit__fullscreen { bottom: 2.14286vw; right: 2.14286vw; width: 5.14286vw; height: 5.14286vw; background-size: 2.14286vw auto; }
  .component-slide-media { padding: 2.85714vw 0; }
  .component-slide-media .s__inner { max-width: 88.57143vw; }
  .component-gallery { padding: 2.85714vw 0; }
  .component-gallery .s__inner { max-width: 88.57143vw; }
  .component-gallery .s-gallery-list { margin-top: -2.85714vw; }
  .component-gallery .s-gallery-list li { margin-top: 2.85714vw; width: calc((100% - 1.857vw) / 2); }
  .component-gallery .s-gallery-list .s-gallery__img .img { height: 24.28571vw; border-radius: 0.71429vw; }
  .component-gallery .s-gallery-list .s-gallery__img .img:after { height: 6.07143vw; }
  .component-gallery .s-gallery-list .btn-unit__fullscreen { bottom: 2.14286vw; right: 2.14286vw; }
  .component-gallery .s-gallery-list .s-gallery__txt { margin-top: 0.57143vw; font-size: 0.92857vw; }
  .component-video { padding: 2.85714vw 0; }
  .component-video .s__inner { max-width: 88.57143vw; }
  .component-video .video { border-radius: 0.71429vw; height: 50vw; }
  .component-video .txt { margin-top: 0.57143vw; font-size: 0.92857vw; }
  .component-col2 { padding: 2.85714vw 0 1.42857vw; }
  .component-col2 .img { border-radius: 0.71429vw; }
  .component-col2 .desc { margin-top: 1.14286vw; font-size: 0.92857vw; }
  .component-col2.type1 .s-col-box { width: calc((100% - 5.286vw) / 2); }
  .component-col2.type1 .s-col-box .s-slide-fraction .s-slide-btn { top: 7.85714vw; }
  .component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 16.42857vw; }
  .component-col2.type2 .s-col-box:first-of-type { width: 43.42857vw; }
  .component-col2.type2 .s-col-box:last-of-type { width: 26.64286vw; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .s-slide-btn { top: 5.71429vw; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 12.5vw; }
  .component-col2.type3 .s-col-box:first-of-type { width: 43.42857vw; }
  .component-col2.type3 .s-col-box:last-of-type { width: 26.64286vw; }
  .component-recommend-ly { bottom: 2.14286vw; margin-left: -44.28571vw; }
  .component-recommend-ly .tooltip { width: 35vw; padding: 0.78571vw 2.14286vw 1.42857vw 1.42857vw; border-radius: 0.71429vw; }
  .component-recommend-ly .tooltip__title { padding-bottom: 0.71429vw; font-size: 0.92857vw; }
  .component-recommend-ly .tooltip__img { margin-right: 1vw; width: 8.14286vw; height: 4.57143vw; border-radius: 0.85714vw; }
  .component-recommend-ly .tooltip__text { margin-top: 0.21429vw; }
  .component-recommend-ly .tooltip__text .inner { margin-bottom: 0.28571vw; font-size: 1.21429vw; }
  .component-recommend-ly .tooltip__text .info { font-size: 0.92857vw; }
  .component-recommend-ly .tooltip__text .info span + span { margin-left: 1.42857vw; }
  .component-recommend-ly .tooltip__close { width: 2.85714vw; height: 2.85714vw; }
  .component-recommend-ly .tooltip__close:before { width: 1.28571vw; height: 1.28571vw; }
  .component-etc { max-width: 73.42857vw; margin: 7.14286vw auto 8.57143vw; }
  .component-etc .tags-block { margin: 2.14286vw 0 0 0; }
   .component-summary-list .s-summary__list li { background: url(../../assets/images/common/icn-arrow-regular.svg) no-repeat 0 0.285715vw/1.71429vw auto; } /* 250623 add */
  .s-slide-image .s-slide__img { border-radius: 0.71429vw; }
  .s-slide-image .s-slide__desc { margin-top: 0.57143vw; font-size: 0.92857vw; }
  .s-slide-btn { width: 3.57143vw; height: 3.57143vw; top: 22.42857vw; }
  .s-slide-btn:before { width: 2.57143vw; height: 2.57143vw; }
  .s-slide-btn.swiper-button-prev { left: 1.42857vw; }
  .s-slide-btn.swiper-button-next { right: 1.42857vw; }
  .s-slide-fraction { border-radius: 0.71429vw; }
  .s-slide-fraction .swiper-pagination-fraction { right: 1.42857vw; top: 21.42857vw; height: 1.64286vw; padding: 0 0.57143vw; font-size: 0.92857vw; border-radius: 0.28571vw; }
  .s-slide-fraction .s-slide-btn { top: 11.42857vw; }
  .s-byline__list { letter-spacing: -0.015vw; }
  .s-byline__list li { padding: 0 0.57143vw; font-size: 1.07143vw; letter-spacing: -0.01357vw; }
  .s-byline__list li::before { height: 1.28571vw; }
  .s-byline__text { font-size: 0.92857vw; letter-spacing: -0.01429vw; }
  .s-byline__block { margin-top: 0.42857vw; font-size: 0.92857vw; letter-spacing: -0.00643vw; }
  .btn-top-wrap { bottom: 1.42857vw; margin-left: 45.71429vw; }
  .btn-top-wrap .btn-unit { width: 3.85714vw; height: 3.85714vw; }
  .btn-top-wrap .btn-unit__top { background-size: 2.57143vw; }
  .full-screen-ly-pop { padding: 1.78571vw 7.14286vw; }
  .full-screen-ly-cont { width: calc(100% - 14.3vw); max-width: 102.85714vw; padding: 3.92857vw 7.14286vw; }
  .full-screen-ly-slide { height: calc(100vh - 11.43vw); max-height: 61.71429vw; max-width: 88.57143vw; }
  .full-screen-ly-slide .s-slide-btn.swiper-button-next { right: 2.14286vw; }
  .full-screen-ly-slide .s-slide-btn.swiper-button-prev { left: 2.14286vw; }
  .full-screen-ly-slide .swiper-pagination-wrap { padding: 0 7.14286vw; }
  .full-screen-ly-slide .swiper-pagination-wrap .swiper-pagination { margin-right: 1.14286vw; }
  .btn-unit__full-close { top: -0.71429vw; right: 7.14286vw; background-size: 1.57143vw; } }

@media all and (max-width: 899px) { .has-overlay .shadow-box.type-full { border-radius: 10px; }
  [data-layout=scale] .shadow-box.type-full { border-radius: 10px; top: 0; }
  .s__inner { max-width: 796px; }
  .full-ly-wrap.has--recommend-ly .full-ly-container { padding-bottom: 100px; }
  .full-ly-container { padding-bottom: 0; }
  .full-ly-close { top: 20px; left: auto; right: 10px; margin-left: 0; }
  .full-ly-close .btn-ly-close { width: 36px; height: 36px; }
  .full-ly-close .btn-ly-close:before { content: ''; display: block; width: 18px; height: 18px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; }
  .shadow-box { width: 100%; margin: 0; }
  .component-key-visual { height: 504px; }
  .component-key-visual .hmg-video-play-wrap.hidden-control-btn {height: 100%;} /* 230404 add */
  .component-key-visual .s__inner { margin-bottom: 30px; }
  .component-key-visual .s-main__sub-txt { line-height: 1.71; letter-spacing: -0.1px; }
  .component-key-visual .s-main__sub-txt span + span { margin-left: 6px; }
  .component-key-visual .s-main__sub-txt .icon-time:before { margin-top: -3px; width: 18px; height: 18px; }
  .component-key-visual .txt-bar { padding-left: 10px; }
  .component-key-visual .txt-bar:before { height: 14px; background-color: rgba(255, 255, 255, 0.5); }
  .component-key-visual .head-title { margin-top: 8px; line-height: 1.4; letter-spacing: -0.23px; }
  .component-key-visual .btn-etc { margin-top: 24px; }
  .component-key-visual .c-platbox-wrap .btn-icon__link:before { background-image: url("../../assets/images/common/ico_link_black.svg"); }
  .component-key-visual .btn-line { font-size: 14px; line-height: 1.71; letter-spacing: -0.1px; }
  .component-key-visual .hiddenActive {display: inline-block;position: fixed;bottom:100px;width: 1px;height: 1px;background: #fff; animation: load-rotate 5s infinite;border-radius: 50%;} /* 230612 add */
  .component-summary { padding: 40px 0 16px; }
  .component-summary .s-summary__txt { font-size: 20px; line-height: 1.6; }
  .component-anchor .btn-toggle { left: 20px; top: -1px; }
  .component-anchor.is-sticky .sticky-area { padding: 26px 0 15px; }
  .component-anchor.is-sticky .s__inner { max-width: unset; }
  .component-anchor.is-sticky .s-anchor__list { padding-left: 60px; }
  .component-anchor.is-sticky .s-anchor__list li { opacity: 1; margin-top: 0; }
  .component-anchor.is-sticky.is-open li + li { margin-top: 8px; }
  .component-anchor .s-anchor__list li + li { margin-top: 8px; }
  .component-anchor .s-anchor__list a { font-size: 14px; line-height: 1.71; letter-spacing: -0.1px; }
  .component-heading { padding: 40px 0 16px; }
  .component-heading .page-title { font-size: 23px; line-height: 1.52; letter-spacing: -0.29px; }
  .component-sub { padding: 24px 0 12px; }
  .component-sub .s-sub-title { font-size: 18px; line-height: 1.67; letter-spacing: -0.05px; }
  .component-content { padding: 12px 0 20px; }
  .component-content .s-cont__txt { font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; }
  .component-quotation { padding: 68px 0; }
  .component-quotation:before { top: 24px; width: 26px; height: 20px; }
  .component-quotation:after { bottom: 24px; width: 26px; height: 20px; }
  .component-quotation p { font-size: 20px; line-height: 1.6; letter-spacing: -0.03px; }
  .component-image { padding: 24px 0; }
  .component-image .s__inner { max-width: 796px; }
  .component-image .txt { color: #000; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .component-parallax { margin: 24px 0; }
  .component-slide-image { padding: 24px 0; }
  .component-slide-image .s__inner { max-width: 796px; }
  .component-slide-image .s-box--black { padding: 24px 67px 34px; }
  .component-slide-image .swiper-slide { margin: 0 4px; }
  .component-slide-image .swiper-scrollbar { width: 44.44%; height: 4px; bottom: 12px; }
  .component-slide-image .swiper-scrollbar-drag { border-radius: 2px; }
  .component-slide-image .btn-unit__fullscreen { position: absolute; bottom: 16px; right: 16px; width: 36px; height: 36px; background-size: 15px; }
  .component-slide-media { padding: 24px 0; }
  .component-slide-media .s__inner { max-width: 796px; }
  .component-gallery { padding: 24px 0; }
  .component-gallery .s__inner { max-width: 796px; }
  .component-gallery .s-gallery-list { margin-top: -24px; }
  .component-gallery .s-gallery-list li { margin-top: 24px; width: calc((100% - 16px) / 2); }
  .component-gallery .s-gallery-list .s-gallery__img .img { height: 219px; }
  .component-gallery .s-gallery-list .s-gallery__img .img img { height: 100%; }
  .component-gallery .s-gallery-list .s-gallery__img .img:after { height: 40px; }
  .component-gallery .s-gallery-list .btn-unit { width: 24px; height: 24px; }
  .component-gallery .s-gallery-list .btn-unit__fullscreen { width: 24px; height: 24px; bottom: 10px; right: 10px; background-size: 10px auto; }
  .component-gallery .s-gallery-list .s-gallery__txt { margin-top: 8px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .component-video { padding: 24px 0; }
  .component-video .s__inner { max-width: 796px; }
  .component-video .video { border-radius: 10px; height: 448px; }
  .component-video .txt { color: #000; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .component-col2 { padding: 24px 0 12px; }
  .component-col2 .desc { margin-top: 8px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .component-recommend-ly { margin-left: -398px; }
  .component-recommend-ly .tooltip { padding: 12px 30px 20px 20px; }
  .component-recommend-ly .tooltip__title { font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; }
  .component-recommend-ly .tooltip__text .inner { font-size: 14px; line-height: 1.71; letter-spacing: -0.1px; }
  .component-recommend-ly .tooltip__text .info { font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; opacity: 0.7; }
  .component-etc { max-width: 796px; margin: 80px auto; }
  .component-byline { margin-top: 10px; padding: 20px 0 32px; }
  .component-byline .s-byline__list { font-size: 16px; line-height: 1.75; letter-spacing: -0.21px; }
  .component-byline .s-byline__text { margin-top: 20px; font-size: 14px; line-height: 1.71; letter-spacing: -.1px; }
  .component-byline .s-byline__block { margin-top: 10px; }
  .component-byline .s-byline__link { font-size: 14px; line-height: 1.71; letter-spacing: -.1px; }
  .component-summary-list .s-summary__list { font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; }
  .component-summary-list .s-summary__list li { padding-left: 20px; background-size: 18px auto; background-position: 0 4px; } /* 250623 modify */
  .component-image .txt { padding-left: 20px; padding-right: 20px; }
  .component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 178px; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 135px; }
  .s-slide-image .s-slide__desc { font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .s-slide-btn { width: 35px; height: 35px; top: 192.5px; }
  .s-slide-btn:before { width: 30px; height: 30px; }
  .s-slide-fraction .swiper-pagination-fraction { right: 16px; top: 230px; height: 20px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .s-slide-fraction .s-slide-btn { top: 140px; }
  .btn-top-wrap { margin-left: 366px; }
  .btn-top-wrap .btn-unit { width: 50px; height: 50px; }
  .btn-top-wrap .btn-unit__top { background-size: 32px; }
  .full-screen-ly-pop { padding: 56px 24px; }
  .full-screen-ly-cont { width: calc(100% - 48px); padding: 40px 50px; }
  .full-screen-ly-slide { height: calc(100vh - 192px); max-width: 100%; }
  .full-screen-ly-slide .s-slide-btn.swiper-button-next { right: 0; }
  .full-screen-ly-slide .s-slide-btn.swiper-button-prev { left: 0; }
  .full-screen-ly-slide .swiper-pagination-wrap { padding: 0 50px; font-weight: 500; line-height: 1.71; letter-spacing: -0.1px; }
  .full-screen-ly-slide .swiper-pagination-wrap .swiper-pagination { margin-right: 16px; }
  .btn-unit__full-close { right: 50px; background-size: 16px; } }

@media all and (max-width: 859px) { .has-overlay .full-ly-container { padding-top: 66px; }
  [data-layout=scale] .full-ly-container { padding-top: 66px; }
  .shadow-box { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }
  .shadow-box .page-detail-byline { margin: 0 auto; max-width: 543px; }
  .s__inner { max-width: 543px; }
  .component-image .s__inner { max-width: 656px; }
  .component-slide-image .s__inner { max-width: 656px; }
  .component-slide-image .s-slide-btn { top: 160px; }
  .component-slide-media .s__inner { max-width: 656px; }
  .component-gallery .s__inner { max-width: 656px; }
  .component-gallery .s-gallery-list .s-gallery__img .img { height: 180px; }
  .component-video .s__inner { max-width: 656px; }
  .component-video .video { height: 369px; }
  .component-col2 .s__inner { display: block; }
  .component-col2.type1 .s-col-box { width: 100%; }
  .component-col2.type1 .s-col-box + .s-col-box { margin-top: 24px; }
  .component-col2.type1 .s-col-box .s-slide-fraction .s-slide-btn { top: 140px; }
  .component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 270px; }
  .component-col2.type1 .txt { line-height: 1.76; letter-spacing: -0.21px; }
  .component-col2.type2 .s-col-box:first-of-type { width: 100%; }
  .component-col2.type2 .s-col-box:last-of-type { width: 100%; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .s-slide-btn { top: 140px; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 270px; }
  .component-col2.type2 .s-col-box + .s-col-box { margin-top: 24px; }
  .component-col2.type3 .s-col-box:first-of-type { width: 100%; }
  .component-col2.type3 .s-col-box:last-of-type { width: 100%; }
  .component-col2.type3 .s-col-box + .s-col-box { margin-top: 24px; }
  .component-recommend-ly { margin-left: -328px; }
  .component-etc .share-group.type-center { text-align: left; }
  .component-etc .tags-block { margin: 22px auto 72px; max-width: 543px; text-align: left; }
  .component-etc .tags-block .btn + .btn { margin-left: 0; }
  .component-etc .tags-block .btn { margin: 8px 4px 0 0; }
  .component-content .tooltip-platbox .tooltip-wrap { position: fixed; left: 50%; top: auto; bottom: 10px; margin: 0 0 0 -328px !important; z-index: 100; }
  .component-content .tooltip-platbox .tooltip { width: 490px; height: auto; }
  .component-content .tooltip-platbox .tooltip__close { position: absolute; right: 9px; top: 6px; display: block; width: 40px; height: 40px; }
  .component-content .tooltip-platbox .tooltip__close:before { content: ''; display: block; width: 18px; height: 18px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .s-slide-fraction .swiper-pagination-fraction { top: 270px; }
  .s-slide-fraction .s-slide-btn { top: 140px; }
  .btn-top-wrap { margin-left: 290px; } }

@media all and (max-width: 719px) { .shadow-box { overflow: visible; }
  .full-ly-close { z-index: 115; }
  .s__inner { max-width: 448px; }
  .component-key-visual .s-main-poster__img-ws { display: block; }/* 220225 modify */
  .component-key-visual .s-main-poster__img-ms { display: none; }/* 220225 modify */
  .component-anchor .s-anchor__tit { display: none !important; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
  .component-anchor.is-sticky .s-anchor__tit { display: block !important; padding: 0 60px; }
  .component-anchor.is-sticky .s-anchor__list { display: none; padding: 0 60px; }
  .component-anchor.is-sticky.is-open { -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); border-bottom: 0; }
  .component-anchor.is-sticky.is-open li { display: block; }
  .component-anchor.is-sticky.is-open .s-anchor__list { display: block; margin: 19px -20px 0; padding: 24px 30px 15px 33px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .component-anchor.is-sticky.is-open .s-anchor__list li + li { margin-top: 0; }
  .component-anchor.is-sticky.is-open .s-anchor__list li.on a { color: #111; }
  .component-anchor.is-sticky.is-open .s-anchor__list li.on a:after { content: ''; display: block; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 32px; background: #000; }
  .component-anchor.is-sticky.is-open .s-anchor__list li a { position: relative; padding: 10px 0 10px 17px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; color: rgba(17, 17, 17, 0.1); font-weight: 500; }
  .component-anchor.is-sticky.is-open .s-anchor__list li a:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: rgba(0, 0, 0, 0.1); }
  .component-anchor.is-sticky.is-open .s-anchor__list li a:hover { color: #111; }
  .component-anchor.is-sticky.is-open .s-anchor__list li a:hover:after { content: ''; display: block; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 32px; background: #000; }
  .component-image .s__inner { max-width: 488px; }
  .component-slide-image .s__inner { max-width: 488px; }
  .component-slide-image .s-slide-btn { top: 140px; }
  .component-slide-image .s-box--black { padding: 24px 20px 34px; }
  .component-slide-image .swiper-scrollbar { width: 160px; height: 4px; bottom: 12px; }
  .component-slide-media .s__inner { max-width: 448px; }
  .component-gallery .s__inner { max-width: 448px; }
  .component-gallery .s-gallery-list li { width: calc((100% - 8px) / 2); }
  .component-gallery .s-gallery-list .s-gallery__img .img { height: 123.75px; }
  .component-video .s__inner { max-width: 488px; }
  .component-video .video { height: 274.5px; }
  .component-recommend-ly { right: 0; left: 0; bottom: 0; margin-left: 0; }
  .component-recommend-ly .tooltip-platbox.is-open { display: block; }
  .component-recommend-ly .tooltip-platbox.is-open .tooltip-wrap { display: block; }
  .component-recommend-ly .tooltip { display: block; width: 100%; border-radius: 10px 10px 0 0; }
  .component-recommend-ly .tooltip__img { width: 80px; height: 80px; border-radius: 7px; }
  .component-recommend-ly .tooltip__img-ws { display: none; }
  .component-recommend-ly .tooltip__img-ms { display: block; }
  .component-recommend-ly .tooltip__text .inner { color: #111; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
  .component-recommend-ly .tooltip__close { position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; }
  .component-recommend-ly .tooltip__close:before { content: ''; display: block; width: 18px; height: 18px; background: url("../../assets/images/common/ico_close_black.svg") no-repeat 0 0/100% auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .component-etc .tags-block { max-width: 448px; padding-left: 0px; padding-right: 0px; }
  .component-content .tooltip-platbox .tooltip-wrap { right: 0; left: 0; bottom: 0; margin: 0 !important; }
  .component-content .tooltip-platbox .tooltip { display: block; width: 100%; border-radius: 10px 10px 0 0; }
  .component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 215px; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 215px; }
  .component .page-detail__contents .component-etc { margin-bottom: 80px; }
  .s-slide-image .s-slide__img { width: 100%; }
  .s-slide-fraction .swiper-pagination-fraction { top: 215px; }
  .btn-top-wrap { margin-left: 254px; }
  .full-screen-ly-pop { padding: 16px 24px; }
  .full-screen-ly-cont { top: 16px; padding: 40px 0 0 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .full-screen-ly-slide { height: calc(100vh - 56px); max-height: none; }
  .full-screen-ly-slide .swiper-pagination-wrap { padding: 0; }
  .btn-unit__full-close { top: -6px; right: 0; background-size: 16px; }
  .component-byline .s-byline__list li.s-byline__link { display: block; width: 100%; padding-left: 0; }
  .component-byline .s-byline__list li.s-byline__link:before { display: none; } }

@media all and (max-width: 630px) { .btn-top-wrap { margin-left: 0; right: 10px; left: auto; } }

@media all and (max-width: 488px) { .s__inner { max-width: 100%; padding: 0 20px; }
  .detail__inner .component-content > .s__inner { padding: 0; } /* 250602 modify */
  .component-image .s__inner { max-width: 100%; padding: 0; }
  .component-image .img { border-radius: 0; }
  .component-slide-image .s__inner { max-width: 100%; padding: 0; }
  .component-slide-image .s-box--black { border-radius: 0; }
  .component-slide-media .s__inner { max-width: 100%; padding: 0 20px; }
  .component-gallery .s-gallery-list .s-gallery__img .img { height: auto; }
  .component-gallery .s-gallery-list .s-gallery__img .img img { width: 100%; }
  .component-video .s__inner { padding: 0; }
  .component-video .video { border-radius: 0; height: 56.25vw; }
  .component-video .txt { padding: 0 20px; }
  .component-etc .tags-block { max-width: 100%; padding: 0 20px; }
  .component-etc .btns-wrap { padding: 0 20px; }
  .component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 43.03279vw; }
  .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 43.03279vw; }
  .s-slide-image .s-slide-btn { top: 27.72074vw; }
  .s-slide-fraction .swiper-pagination-fraction { top: 43.03279vw; } }

@media all and (min-width: 1441px) { [data-layout=scale].full-ly-wrap .full-ly-close, [data-layout=scale].full-ly-wrap .btn-top-wrap { left: auto; right: 15px; margin: 0; }
  [data-layout=scale].full-ly-wrap .full-ly-btns { left: auto; }
  [data-layout=scale].full-ly-wrap .full-ly-btns .btn-dir--prev, [data-layout=scale].full-ly-wrap .full-ly-btns .btn-dir--next { position: fixed; top: 50%; }
  [data-layout=scale].full-ly-wrap .full-ly-btns .btn-dir--prev { margin: 0; left: 50px; }
  [data-layout=scale].full-ly-wrap .full-ly-btns .btn-dir--next { margin: 0; right: 15px; }
  [data-layout=scale].full-ly-wrap .shadow-box { width: calc(100% - 80px * 2); } }

/* 230619 add, modify */
.page-print.container.has-overlay .full-ly-wrap { top: 0; }
.page-print.container:after {display: none;}
.page-print .container__inner {display: none}
.page-print .full-ly-close { display: none; }
.page-print .full-ly-container {padding-top: 0;padding-bottom: 0;}
.page-print .full-ly__dimmed {display: none;}
.page-print .shadow-box { width: 100%; -webkit-box-shadow: none; box-shadow: none; margin: 0; page-break-after: left; }
.page-print #mainVisual { display: flex;flex-direction: column;flex-direction: column;align-items: center;margin: 0 auto;  max-width: 1240px;} /* 220404 add */
.page-print #mainVisual img {width: 100%;} /* 220404 add */
.page-print #mainVisual > .page-detail__inner { padding-top: 30px; }/* 220404 add */
.page-print #mainVisual .btn-etc { display: none; }
.page-print .is-sticky .sticky-area {transition: none;position: relative;}
.page-print .is-sticky .btn-toggle {display: none;}
.page-print .page-detail__inner, .page-print .page-detail__contents {max-width:47vw ;}
.page-print .s__inner {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width:50vw}
.page-print .component-heading {page-break-before:always}
.page-print [class^="component-col"] {display: block;overflow: hidden;padding-left: 10px;padding-right: 10px }
.page-print .component-col2.type1 .s-col-box { width: calc((100% - 5.286vw) / 2); }
.page-print .component-col2.type1 .s-col-box + .s-col-box {margin-top: 0;}
.page-print .component-col2.type1 .s-col-box .s-slide-fraction .s-slide-btn { top: 7.85714vw; }
.page-print .component-col2.type1 .s-col-box .s-slide-fraction .swiper-pagination-fraction { top: 16.42857vw; }
.page-print .component-col2.type1 .hmg-video, .page-print .component-col2.type1 video {object-fit: cover;}
.page-print .component-col2.type1.bg-gray .hmg-video, .page-print .component-col2.type1.bg-gray video {object-fit: contain;}
.page-print .component-col2.type2 .s-col-box:first-of-type { width: 63%; }
.page-print .component-col2.type2 .s-col-box:last-of-type { width: 35% }
.page-print .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .s-slide-btn { top: 5.71429vw  !important; }
.page-print .component-col2.type2 .s-col-box:last-of-type .s-slide-fraction .swiper-pagination-fraction { top: 12.5vw !important; }
.page-print .component-col2.type2 .s-col-box + .s-col-box {margin-top: 0;}
.page-print .component-col2.type2 .hmg-video, .page-print .component-col2.type2 video {object-fit: cover;}
.page-print .component-col2.type3 .s-col-box:first-of-type { width: 63%; }
.page-print .component-col2.type3 .s-col-box:last-of-type { width: 35% }
.page-print .component-col2.type3 .s-col-box + .s-col-box {margin-top: 0;}
.page-print .component-video .video {padding-right: 20px}
.page-print .component-etc .share-group { display: none; }
.page-print .component-byline .s__inner {display: block;max-width: 50vw}
@media print {
  html, body {background: #fff; -webkit-print-color-adjust: exact !important;print-color-adjust:exact !important;}
  .page-print #mainVisual img {width: fit-content; max-height: 400px;}
  .page-print .page-detail__inner, .page-print .page-detail__contents {max-width:80% ;}
  .page-print .s__inner {max-width: 95%;}
  .page-print .component-byline .s__inner {max-width: 76%;}
}
/* //230619 add, modify */

/* main */
.down-go-button { display: none; opacity: 0; }

.header-main .menu-nav.is-fixed { height: 55px; top: 0; }

.main-container { /* animation */ }

.main-container .main-tab-contents { padding-top: 30px; }

.main-container .menu-tab__block::before, .main-container .menu-tab__block::after { display: none; }

.main-container .menu-tab__inner { background: #fff; }

.main-container .main-billboard { position: relative; overflow: hidden; }

.main-container .main-billboard-item { position: relative; height: 1024px; }

@media all and (min-width: 1400px) { .main-container .main-billboard-item { max-height: 780px; } }

.main-container .main-billboard-item .live-info { color: #fff; font-size: 20px; }

.main-container .main-billboard-item .live-info__tag { position: relative; margin-right: 20px; padding-left: 22px; font-weight: 700; color: #e02020; }

.main-container .main-billboard-item .live-info__tag:before, .main-container .main-billboard-item .live-info__tag:after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 15px; height: 15px; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #e02020; opacity: 0.4; }

.main-container .main-billboard-item .live-info__tag:after { opacity: 1; width: 7px; height: 7px; left: 4px; }

.main-container .main-billboard-item__text { position: absolute; bottom: 128px; left: 0; right: 0; text-align: center; z-index: 2; }

@media all and (min-width: 1400px) { .main-container .main-billboard-item__text { bottom: 100px; } }

.main-container .main-billboard-item__text .title { display: block; width: 820px; margin: 21px auto 40px; font-size: 55px; line-height: 1.2; font-weight: 500; letter-spacing: -0.43px; color: #fff; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media all and (min-width: 1400px) { .main-container .main-billboard-item__text .title { margin: 21px auto 30px; font-size: 36px; } }

.main-container .main-billboard-item__text .group-name { display: block; width: 100%; font-size: 17px; line-height: 1.76; letter-spacing: -0.21px; text-align: center; color: #fff; }

.main-container .main-billboard-item__image-box { position: relative; overflow: hidden; display: block; height: 100%; background: #000; }

.main-container .main-billboard-item__image-box::before, .main-container .main-billboard-item__image-box::after { position: absolute; left: 0; right: 0; display: block; content: ""; width: 100%; opacity: 0.4; z-index: 1; }

.main-container .main-billboard-item__image-box::before { top: 0; height: 15%; opacity: 0.3; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(99%, rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0) 99%); }

.main-container .main-billboard-item__image-box::after { bottom: 0; height: 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }

.main-container .main-billboard-item__image { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; height: 100%; }

.main-container .main-billboard-item__image-ws, .main-container .main-billboard-item__image--ws, .main-container .main-billboard-item__image.img--ws { display: block; margin: auto; height: 100%; }

.main-container .main-billboard-item__image-ms, .main-container .main-billboard-item__image--ms, .main-container .main-billboard-item__image.img--ms { display: none; height: 100%; }

.main-container .main-billboard .main-story-wrap .main-billboard-item { min-height: 508px; max-height: 1204px; }

@media all and (min-width: 1400px) { .main-container .main-billboard .main-story-wrap .main-billboard-item { max-height: 780px; } }

.main-container .main-billboard .main-story-wrap .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; }

.main-container .main-billboard .main-story-wrap .card-item, .main-container .main-billboard .main-live-wrap .card-item { height: 1024px; }

.main-container .main-billboard .swiper { position: relative; }

.main-container .main-billboard .swiper-wrapper.mouse-left:hover { cursor: url("../../assets/images/common/icn-arrow-left.png"), url("../../assets/images/common/icn-arrow-left.cur"), auto; }

.main-container .main-billboard .swiper-wrapper.mouse-right:hover { cursor: url("../../assets/images/common/icn-arrow-right.png"), url("../../assets/images/common/icn-arrow-right.cur"), auto; }

.main-container .main-billboard-indicator { bottom: 60px; }

@media all and (min-width: 1400px) { .main-container .main-billboard-indicator { bottom: 40px; } }

.main-container .main-billboard-indicator .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; vertical-align: bottom; background: #fff; }

.main-container .main-billboard-swiper-btn { width: 50px; height: 50px; background-size: 100% auto; background-position: 50% 50%; margin-top: -25px; }

.main-container .main-billboard-swiper-btn.swiper-button-prev { background-image: url("../../assets/images/common/icn-arrow-left.png"); }

.main-container .main-billboard-swiper-btn.swiper-button-next { background-image: url("../../assets/images/common/icn-arrow-right.png"); }

.main-container .main-billboard .main-tv-wrap .btn-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; }

@-webkit-keyframes tagScale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes tagScale { 0% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes tagOpacity { 0% { opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes tagOpacity { 0% { opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.main-container .main-tagcloud-wrap { overflow: hidden; height: 100vh; background: #1f1f1f; }/* 220224 modify */

.main-container .main-tagcloud-wrap .tagcloud-pc { display: block; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; }


.main-container .main-tagcloud-wrap .tagcloud-mobile { display: none !important; }

.main-container .main-tagcloud-inner { position: absolute; top: 50%; left: 50%; width: auto; height: auto; padding: 85px 80px; margin-left: -1150px; margin-top: -781px; white-space: nowrap; text-align: center; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.main-container .main-tagcloud-list { display: inline-block; vertical-align: middle; margin: 15px 31px; }

.main-container .main-tagcloud-box { display: block; padding: 30px 0; border-radius: 10px; }

.main-container .main-tagcloud-box:first-child { padding-top: 20px; }

.main-container .main-tagcloud__anchor { overflow: hidden; position: relative; display: block; width: 240px; height: 336px; text-align: center; border-radius: 10px; -webkit-box-shadow: 20px 50px 40px 0 rgba(0, 0, 0, 0.2); box-shadow: 20px 50px 40px 0 rgba(0, 0, 0, 0.2); }

.main-container .main-tagcloud__anchor a:focus-visible::after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 10px;} /* 231212 add */

.main-container .main-tagcloud__anchor.mtag--v { background-color: #1f1f1f; }

.main-container .main-tagcloud__anchor.mtag--s { height: 240px; }

.main-container .main-tagcloud__text { position: absolute; top: 46px; left: 0; right: 0; z-index: 5; width: 100%; padding: 0 36px; font-size: 22px; opacity: 0.85; color: #fff; font-weight: 700; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; white-space: normal; word-break: keep-all; } /* 220224 modify */

.main-container .main-tagcloud__img { position: absolute; display: block; width: 100%; top: 0; left: 0; height: auto; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: 1.2s; }

.main-container .main-tagcloud__video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; overflow: hidden; width: 100%; height: 100%; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: 1.2s; border-radius: 10px; }

.main-container .main-tagcloud__video video { -webkit-transform: translateZ(0); }

.main-container .menu-tab-wrap { height: 60px; padding-top: 0; background: none; }

.main-container .menu-tab-wrap:before, .main-container .menu-tab-wrap:after { display: none; }

.main-container .menu-tab__item { margin-right: 180px; } /* 230412 modify*/

.main-container .menu-tab__item:last-child { margin-right: 0; }

.main-container .menu-tab__item.is-active a:after { display: none; }

.main-container .menu-tab__item a { padding: 15px 0; }

.main-container .main-tab-inner { width: 100%; }

/* 721 이상 */
@media all and (min-width: 721px) { .main-tagcloud-list { -webkit-animation: tagScale 2s; animation: tagScale 2s; }
  .main-tagcloud-list .main-tagcloud-box { -webkit-animation-name: tagOpacity; animation-name: tagOpacity; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-transition: 1.2s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(1) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(1) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(2) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(2) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(2) .main-tagcloud-box:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
  .main-tagcloud-list:nth-child(3) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(3) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(3) .main-tagcloud-box:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
  .main-tagcloud-list:nth-child(4) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
  .main-tagcloud-list:nth-child(4) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(4) .main-tagcloud-box:nth-child(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(5) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
  .main-tagcloud-list:nth-child(5) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(5) .main-tagcloud-box:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(6) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud-list:nth-child(6) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(6) .main-tagcloud-box:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
  .main-tagcloud-list:nth-child(7) .main-tagcloud-box:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; }
  .main-tagcloud-list:nth-child(7) .main-tagcloud-box:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .main-tagcloud__anchor { -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; overflow: hidden; }
  .main-tagcloud__anchor:hover { -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; }
  .main-tagcloud__anchor:hover .main-tagcloud__text { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
  .main-tagcloud__anchor:hover .main-tagcloud__img, .main-tagcloud__anchor:hover .main-tagcloud__video { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
  .main-tagcloud__anchor.mtag--v { background-color: #1f1f1f; }
  .main-tagcloud__anchor.mtag--s { height: 240px; }
  .down-go-button { display: none !important; } }

@media all and (min-width: 900px) and (max-width: 1399px) { .main-container .menu-tab__item { margin-right: 14.64286vw; }
  .main-container .main-story-wrap .main-billboard-item { position: relative; height: auto; min-height: 100%; padding-top: 56.25%; }
  .main-container .main-story-wrap .main-billboard-item__image-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; }
  .main-container .main-story-wrap .card-item, .main-container .main-live-wrap .card-item { height: 73.14286vw; }
  .main-container .main-billboard-item .live-info__tag:before, .main-container .main-billboard-item .live-info__tag:after { width: 1.07143vw; height: 1.07143vw; }
  .main-container .main-billboard-item .live-info__tag:after { width: 0.5vw; height: 0.5vw; }
  .main-container .main-billboard { position: relative; overflow: hidden; }
  .main-container .main-billboard-item { position: relative; height: 73.14286vw; }
  .main-container .main-billboard-item .live-info { font-size: 1.42857vw; }
  .main-container .main-billboard-item .live-info__tag { margin-right: 1.42857vw; padding-left: 1.57143vw; }
  .main-container .main-billboard-item .live-info__tag:before, .main-container .main-billboard-item .live-info__tag:after { width: 1.07143vw; height: 1.07143vw; }
  .main-container .main-billboard-item .live-info__tag:after { width: 0.5vw; height: 0.5vw; left: 0.28571vw; }
  .main-container .main-billboard-item__text { bottom: 7.14286vw; }
  .main-container .main-billboard-item__text .title { width: 58.57143vw; margin: 1.5vw auto 2.14286vw; font-size: 2.57143vw; letter-spacing: -0.03071vw; }
  .main-container .main-billboard-item__text .group-name { font-size: 1.21429vw; letter-spacing: -0.015vw; }
  .main-container .main-billboard-item__image { max-height: 100%; }
  .main-container .main-billboard-indicator { bottom: 2.85714vw; }
  .main-container .main-billboard-indicator .swiper-pagination-bullet { width: 0.71429vw; height: 0.71429vw; margin: 0 0.35714vw; }
  .main-container .main-billboard-swiper-btn { width: 3.57143vw; height: 3.57143vw; margin-top: -1.78571vw; }
  .main-container .menu-tab-wrap { height: 4.28571vw; }
  .main-container .menu-tab__item { margin-right: 10vw; } /* 230412 modify */
  .main-container .menu-tab__item a { padding: 1.07143vw 0; }
  .main-container .filter-wrap { max-width: 74.28571vw; }
  .main-container .filter-wrap .search-box--wide { width: 100%; }
  .main-container .card-section { margin-top: 10px; } }

@media all and (max-width: 899px) { /* main */
  .main-container .menu-tab-wrap { font-size: 16px; }
  .main-container .menu-tab__item { margin-right: 50px; }
  .main-container .main-billboard .main-story-wrap .card-item, .main-container .main-billboard .main-live-wrap .card-item { height: 73.14286vw; }
  .main-container .main-billboard .main-billboard-item__text .title { width: 100%; margin: 10px 0 20px; padding: 0 40px; font-size: 30px; line-height: 1.4; }
  .main-container .main-billboard .main-billboard-item__text { bottom: 80px; }
  .main-container .main-billboard .live-info { font-size: 14px; }
  .main-container .main-billboard .main-billboard-indicator { bottom: 30px; }
  .main-container .main-billboard .btn-play, .main-container .main-billboard .btn-play--bg { width: 72px; height: 72px; }
  .main-container .filter-wrap { max-width: 100%; }
  .main-container .filter-wrap .search-box--wide { max-width: 100%; }
  .main-container .section-head { padding-top: 32px; text-align: center;} /* 241007 modify */
  .main-container .section-head.event-head { padding-top: 1vw; } /* 220916 Add */
  /* s: 241007 Add */
  .section-head.eventType { padding: 50px 0 0; }
  .section-head > .setion-head-tab { margin-top: 48px; }
  .section-head.eventType > .setion-head-tab { padding-top: 0; margin-top: 0; }
  .setion-head-tab { position: relative; margin: 0 0 50px; display: inline-flex; align-items: center; text-align: center; width: 520px; gap: 80px; max-width: calc(100% - 40px);} /* 241120 modify */
  .setion-head-tab--eng { display: inline-flex; gap: 120px; max-width: calc(100% - 40px);}
  .setion-head-tab--one { margin: 0 auto 20px !important; display: block;} /* 241107 Add */
  /* .setion-head-tab li {min-width: auto;} */
  .setion-head-tab + .filter-wrap { margin-top: 0; }
  .setion-head-tab .setion-head-tab__button {gap: 0;}
  .setion-head-tab--one li:first-child { margin: 0 auto; } /* 241017 Add */
  .setion-head-tab--eng.setion-head-tab--one li:nth-child(1) { margin: 0 auto; } /* 241017 Add */
  .setion-head-tab .setion-head-tab__item .page-title { font-size: 23px; letter-spacing: -.29px;  max-width: 220px; } /* 241125 modify */
  .setion-head-tab--eng .setion-head-tab__item .page-title { font-size: 20px; letter-spacing: -.13px; padding-top: 4px; }
  .setion-head-tab__item .page-title-desc { font-size: 14px; padding: 0 0 16px; color: #111; letter-spacing: -0.1px;} /* 241125 modify */
  .setion-head-tab--one .setion-head-tab__item .page-title-desc { font-size: 14px; } /* 241017 Add */
  .setion-head-tab:after { height: 70px; }
  /* e: 241007 Add */
  .main-story-wrap .main-billboard-item, .main-live-wrap .main-billboard-item { height: auto; min-height: 508px; }
  .main-story-wrap .main-billboard-item__image, .main-live-wrap .main-billboard-item__image { width: auto; height: 100%; }
  .main-story-wrap .btn-wrap, .main-live-wrap .btn-wrap { right: 24px; }
  .main-story-wrap .btn-wrap .btn, .main-live-wrap .btn-wrap .btn { min-width: 200px; height: 50px; font-size: 14px; line-height: 50px; }
  .main-live-wrap .main-billboard-item__image-box { min-height: 508px; }
  .setion-head-tab .setion-head-tab__button.is-active:after {width: calc(100% + 25px);}
}

@media all and (max-width:720px) { /* main */
  .header-main .header { display: block; }
  .header-main .menu-nav--def.is-fixed { width: 50px; height: 50px; top: auto; }
  .header-main .menu-lang--def.is-fixed { top:0; }/* 220307 add */
  .down-go-button { display: block; position: fixed; right: 10px; bottom: 20px; width: 36px; height: 36px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); border-radius: 50%; background: #333 url("../../assets/images/common/ico_scroll_down.png") no-repeat 50% 50%/24px auto; -webkit-transition: all .5 ease-out; transition: all .5 ease-out; z-index: 1; }
  .main-container .menu-tab__item { margin-right: 50px; }
  .main-container .menu-tab__item a { padding-top: 18px; padding-bottom: 14px; }
  .main-container .main-tab-contents { padding-top: 4px; }
  .main-container .main-tagcloud-wrap { height: auto; }
  .main-container .main-tagcloud-wrap .tagcloud-pc { display: none !important; }
  .main-container .main-tagcloud-wrap .tagcloud-tablet { display: none !important; }
  .main-container .main-tagcloud-wrap .tagcloud-mobile { display: block !important; }
  .main-container .main-tagcloud-list { position: relative; width: 50%; margin: 0; padding: 0 5px; vertical-align: top; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .main-container .main-tagcloud-wrap .tagcloud-mobile .main-tagcloud-box { padding: 5px 0; }
  .main-container .main-tagcloud-inner.tagcloud-mobile { padding: 80px 0; }
  .main-container .main-tagcloud-box { display: block; padding: 5px 0; width: 100%; }
  .main-container .main-tagcloud-inner { position: relative; top: 0; left: 0; width: 100%; margin: 0; padding: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); text-align: left; }
  .main-container .main-tagcloud-inner.tagcloud-mobile { padding: 80px 0; }
  .main-container .main-tagcloud-list { position: relative; width: 50%; margin: 0; padding: 0 5px; vertical-align: top; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .main-container .main-tagcloud-list.list-left { padding-left: 10px; }
  .main-container .main-tagcloud-list.list-right { position: absolute; -webkit-transition-duration: .5s; transition-duration: .5s; padding-right: 10px; }
  .main-container .main-tagcloud-box { display: block; padding: 5px 0; width: 100%; }
  .main-container .main-tagcloud__anchor, .main-container .main-tagcloud__anchor.mtag--s { width: 100%; height: auto; }
  .main-container .main-tagcloud__anchor video { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); }
  .main-container .main-tagcloud__img, .main-container .main-tagcloud__video { position: relative; -webkit-transition: initial; transition: initial; }
  .main-container .main-tagcloud__text { top: 30px; padding:0 10px; font-size: 20px; line-height: 1.2; }
  .main-container .main-tagcloud__video, .main-container .main-tagcloud video { -webkit-transform: translateZ(0); transform: translateZ(0); }
  .main-container .main-story-wrap, .main-container .main-live-wrap { height: 100vh; }
  .main-container .main-story-wrap .swiper, .main-container .main-live-wrap .swiper { height: 100%; }
  .main-container .main-story-wrap .main-billboard-item, .main-container .main-live-wrap .main-billboard-item { height: 100%; }
  .main-container .main-story-wrap .main-billboard-item__image-ws, .main-container .main-story-wrap .main-billboard-item__image--ws, .main-container .main-story-wrap .main-billboard-item__image.img--ws, .main-container .main-live-wrap .main-billboard-item__image-ws, .main-container .main-live-wrap .main-billboard-item__image--ws, .main-container .main-live-wrap .main-billboard-item__image.img--ws { display: none; }
  .main-container .main-story-wrap .main-billboard-item__image-ms, .main-container .main-story-wrap .main-billboard-item__image--ms, .main-container .main-story-wrap .main-billboard-item__image.img--ms, .main-container .main-live-wrap .main-billboard-item__image-ms, .main-container .main-live-wrap .main-billboard-item__image--ms, .main-container .main-live-wrap .main-billboard-item__image.img--ms { display: block; }
  .main-container .main-story-wrap .main-billboard-item__text, .main-container .main-live-wrap .main-billboard-item__text { bottom: 120px; }
  .main-container .main-story-wrap .main-billboard-indicator, .main-container .main-live-wrap .main-billboard-indicator { bottom: 90px; }
  .main-container .main-story-wrap.img--ws, .main-container .main-live-wrap.img--ws { display: block; }
  .main-container .main-story-wrap.img--ms, .main-container .main-live-wrap.img--ms { display: none; }
  .main-container .card-block.card-full .card { margin-top: 0; }
  .main-container .card-block.card-full .card-list { overflow: visible; }
  .main-container .card-block.card-full .card-list__block { overflow: visible; }
  .main-container .card-block .swiper-pagination.card-banner-indicator { position: relative; left: 0; right: 0; }
}

.main-container .main-tagcloud-wrap .tagcloud-tablet {display: none;}
.wrap.tablet .header-main .header__logo--fixed {position: fixed;}
.wrap.tablet .main-container .main-tagcloud-wrap {height:auto;}
.wrap.tablet .main-container .main-tagcloud-wrap .tagcloud-pc { display: none !important;}
.wrap.tablet .main-container .main-tagcloud-wrap .tagcloud-tablet {display: block !important;}
.wrap.tablet .main-container .main-tagcloud-wrap .tagcloud-mobile {display: none !important;}
.wrap.tablet .main-container .main-tagcloud-inner { position: relative; top: 0; left: 0; width:calc(100% - 15px);; margin: 0; padding:160px 10px 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); text-align: left; }
/*.wrap.tablet .main-container .main-tagcloud-inner.tagcloud-tablet { padding:165px 5px 0;}*/
.wrap.tablet .main-container .main-tagcloud-list { position: relative; width:25%; box-sizing:border-box; margin:0; padding:0 5px; vertical-align: top; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: tagScale 0.4s; animation: tagScale 0.4s;}

.wrap.tablet .main-container .main-tagcloud-box {display:block; padding:5px 0; width: 100%;-webkit-animation-name: tagOpacity;animation-name: tagOpacity;-webkit-animation-duration: 0.9s;animation-duration: 0.9s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-transition: 0.9s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.wrap.tablet .main-container .main-tagcloud__anchor, .wrap.tablet .main-container .main-tagcloud__anchor.mtag--s { width: 100%; height: auto; }
.wrap.tablet .main-container .main-tagcloud__anchor video { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); }

.wrap.tablet .main-container .main-tagcloud__img, .wrap.tablet .main-container .main-tagcloud__video {position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: 0.3s;}
.wrap.tablet .main-container .main-tagcloud__text {top: 30px; padding:0 10px; font-size: 20px; line-height: 1.2; }
.wrap.tablet .main-container .main-tagcloud__video, .wrap.tablet .main-container .main-tagcloud video { -webkit-transform: translateZ(0); transform: translateZ(0); }
.wrap.tablet .main-container .main-story-wrap, .wrap.tablet .main-container .main-live-wrap { height: 100vh; }
.wrap.tablet .main-container .main-story-wrap .swiper, .wrap.tablet .main-container .main-live-wrap .swiper { height: 100%; }
.wrap.tablet .main-container .main-story-wrap .main-billboard-item, .wrap.tablet .main-container .main-live-wrap .main-billboard-item { height: 100%; }
.wrap.tablet .main-container .main-story-wrap .main-billboard-item__image-ws, .wrap.tablet .main-container .main-story-wrap .main-billboard-item__image--ws, .wrap.tablet .main-container .main-story-wrap .main-billboard-item__image.img--ws, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__image-ws, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__image--ws, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__image.img--ws { display: none; }
.wrap.tablet .main-container .main-story-wrap .main-billboard-item__image-ms, .wrap.tablet .main-container .main-story-wrap .main-billboard-item__image--ms, .wrap.tablet .main-container .main-story-wrap .main-billboard-item__image.img--ms, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__image-ms, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__image--ms, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__image.img--ms { display: block; }
.wrap.tablet .main-container .main-story-wrap .main-billboard-item__text, .wrap.tablet .main-container .main-live-wrap .main-billboard-item__text { bottom: 120px; }
.wrap.tablet .main-container .main-story-wrap .main-billboard-indicator, .wrap.tablet .main-container .main-live-wrap .main-billboard-indicator { bottom: 90px; }
.wrap.tablet .main-container .main-story-wrap.img--ws, .wrap.tablet .main-container .main-live-wrap.img--ws { display: block; }
.wrap.tablet .main-container .main-story-wrap.img--ms, .wrap.tablet .main-container .main-live-wrap.img--ms { display: none; }
.wrap.tablet .main-container .card-block.card-full .card { margin-top: 0; }
.wrap.tablet .main-container .card-block.card-full .card-list { overflow: visible; }
.wrap.tablet .main-container .card-block.card-full .card-list__block { overflow: visible; }
.wrap.tablet .main-container .card-block .swiper-pagination.card-banner-indicator { position: relative; left: 0; right: 0; }



/* s: 240228 add */

.main__img-ms{display:none;}
.main-container .main-banner {position:relative;overflow:hidden;background:#1f1f1f;}
.main-container .main-banner .main-banner-inner{display:block;display:flex;flex-direction:column}
.main-container .main-banner .main-banner-title{position:absolute;bottom:50px;width:100%;z-index:3;margin:0}/* 240321 top:clamp(40px, 15vw, 180px);삭제, bottom:50px & margin:0 추가*/
.main-container .main-banner .main-banner-title h2{max-width:1190px;margin:0 auto;padding:0 10px;font-size:clamp(15px, 8vh, 42px);font-weight:500;text-align:left;line-height:1.4;color:#fff;vertical-align:middle;-webkit-box-orient:vertical;vertical-align:middle;display:-webkit-box;animation: slideInUp 1s ease-in-out;animation-fill-mode:forwards;opacity:0;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;letter-spacing:-1.08px;}/*240321 1. modify (font-size:clamp(15px, 8vh, 36px);font-weight:500;text-align:left;) 2. add (text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;margin:0 auto;max-width:1280px;) */
/*240405 add:font-size:clamp(15px, 8vh, 42px);max-width:1190px;letter-spacing:-1.08px;*/
.main-container .main-banner .main-banner-list.full-sz{position:relative;overflow:hidden;}
.main-container .main-banner .main-banner-list.full-sz .main-banner-link{height:100vh; height: calc(var(--vh, 1vh) * 100); }
.main-container .main-banner .main-banner-subtit{display:flex;align-items:end;justify-content:space-between;padding:0 50px 50px 50px;width:100%;position:absolute;bottom:0;z-index:3;}
.main-container .main-banner .main-banner-subtit h2{line-height:1.5;font-size:28px;color:#fff;font-weight:500;width:100%;/* 240321 modi6fy(width, font-size수정) */text-overflow:ellipsis;overflow: hidden;vertical-align:middle;-webkit-box-orient:vertical;vertical-align:middle;-webkit-line-clamp:2;display:-webkit-box;}/*240405 font-size 수정*/
.main-container .main-banner .main-banner-subtit .card__foot{padding:0 50px 30px 32px}
.main-container .main-banner-list .main-banner-link{display:block;overflow:hidden;}
.main-container .main-banner-list .main-banner-box{position:relative;height:100%}
.main-container .main-banner-list .main-banner-img{position:relative;height:100%}
.main-container .main-banner-list .main_video_wr{position: relative;width:100%;height:100%;/*s: 240321 add */border-top-left-radius:0;border-top-right-radius:0/*e: 240321 add */}
.main-container .main-banner-list .main_video_wr,.main-container .main-banner-list .main-banner-box .main-banner-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit:cover; /*240318 add */
}
.main-container .main-banner-list .main_video_wr video{width:100%;height:100%;object-fit:cover;}
.main-container .main-banner-list .main_video_wr .hmg-video,
.main-container .main-banner-list .main_video_wr .hmg-video video{border-top-left-radius:0;border-top-right-radius:0;}/* 240321 add*/
.main-container .main-banner-list .main-banner-box .main-banner-img{    position: relative;
  width: 100%;
  height: 100%;
  padding-top:0;
}
.main-container .main-banner-list .main-banner-box .main-banner-img:before,
.main-container .main-banner-list .main-banner-box .main-banner-img:after{position:absolute;left:0;right:0;top:0;display:block;content:"";height:33%;
  opacity: 0.4;mix-blend-mode: multiply;z-index:2;}/*240321 modify(height, opcity수정)*/ /*240405 modify(z-index 수정)*/
.main-container .main-banner-list .main-banner-box .main-banner-img:before{background-image: linear-gradient(to bottom, #000 1%, rgba(0, 0, 0, 0));}
.main-container .main-banner-list .main-banner-box .main-banner-img:after{ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, #000);top:auto;bottom:0;height:33%/*240321 modify(height수정)*/}
.main-container .main-banner-list.col-2{display:flex;justify-content:center;}
.main-container .main-banner-list.col-2 .main-banner-link{width:50%;height:535px}
.main-banner-link:focus .main-banner-box:before, .main-banner-link:hover .main-banner-box:before { position: absolute; top: 0; right: 0; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 3; }/*240405 modify(z-index수정)*/
.main-banner-link:focus .main-banner-img img, .main-banner-link:hover .main-banner-img img { animation: scale 1s linear;animation-fill-mode : forwards; }

@keyframes slideInUp{
  0%{transform: translateY(70%);
    opacity:0;
  }
  to{
    transform: translateY(0%);
    opacity:1 ;
  }

}

@keyframes scale{
  0%{transform:scale(1) ;
  }
  to{
    transform: scale(1.1) ;
  }

}

/* 타블렛 */
@media all and (min-width: 1860px) and (max-width: 1910px){
  /* .main-container .main-banner .main-banner-list.full-sz{height:100vh} */

}

/* s: 240405 add */
@media all and (min-width:1404px){
  .main-container .main-banner .main-banner-title h2{min-height:117px;}
  .main-container .main-banner .main-banner-subtit h2{min-height:84px}
}
@media all and (min-width:768px) and (max-width:1403px){
  .main-container .main-banner .main-banner-title h2{min-height:10vw;}
  .main-container .main-banner .main-banner-subtit h2{min-height:5vw}
}
/*  e: 240405 add */

@media all and (min-width: 1025px) and (max-width: 1440px){
  .main-container .main-banner .main-banner-title h2{font-size:36px;width:90%}/*240321 modify*/
  .main-container .main-banner .main-banner-subtit{padding:0 30px 30px 30px}
  .main-container .main-banner .main-banner-subtit h2{font-size: 19px;}

}


/* 타블렛 */
@media all and (min-width: 768px) and (max-width: 1024px) {
  .main-container .main-banner .main-banner-title h2{font-size:27px;width:90%}/*240321 modify(width추가)*/
  .main-container .main-banner .main-banner-subtit{padding: 0 20px 20px 20px;justify-content:space-between;}
  .main-container .main-banner .main-banner-subtit h2{font-size:16px;width:100%;}/*240325 modify*/
  .main-container .main-banner .main-banner-subtit .card__foot{padding:0 27px 0 20px}
  .main-container .main-banner .main-banner-list.full-sz .main-banner-link{height:55vw}
  .main-container .main-banner .main-banner-title{bottom:30px}/*240405 add*/
}

@media all and (min-width: 768px) and (max-width: 820px) {

  .main-container .main-banner .main-banner-list.full-sz .main-banner-link{height:55vw}

  /*.main-container .main-banner .main-banner-title{top:17vw}*//*240321 del*/
  .main-container .main-banner .main-banner-title h2{padding:0 7.5vw;}/*240321 modify*/

}



/*mobile*/

@media all and (max-width:1600px){
  .main-container .main-banner-list.col-2 .main-banner-link{height:27vw}
  .main-container .main-banner .main-banner-title h2{text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2}
}
@media all and (max-width:767px){
  .main__img-ws {display:none;}
  .main__img-ms{display:block;}

  /* .main-container .main-banner .main-banner-list.full-sz .main-banner-img .main__img-ws{display: block;}
  .main-container .main-banner .main-banner-list.full-sz .main-banner-img .main__img-ms{display:none;} */
  /* s : 240318 del
     .main-container .main-banner .main-banner-list.full-sz.type02 .main-banner-img .main__img-ws{display:none;}
    .main-container .main-banner .main-banner-list.full-sz.type02 .main-banner-img .main__img-ms{display:block;}
      e: 240318 del
    */
  .main-container .main-banner .main-banner-list .main-banner-link{height:100vw!important;}
  /* .main-container .main-banner .main-banner-list .main_image_wrap .main-banner-title{top:15vw} 240321 del */
  .main-container .main-banner .main-banner-list .main_image_wrap .main-banner-subtit h2,
  .main-container .main-banner .main-banner-list .main_image_wrap .main-banner-title h2 {font-size:23px;line-height:1.5;max-height:75px;height:auto;}/*240318 add (type02 -> main_image_wrap클래스로 수정)*/
  .main-container .main-banner-list{flex-direction:column;}
  .main-container .main-banner-list.col-2 .main-banner-link{width:100%}
  .main-container .main-banner .main-banner-title{top:auto;bottom:24px}
  .main-container .main-banner .main-banner-title h2{padding: 0 24px;font-size: 16px;text-align: left;height:46px;}/*240325 height modify*/
  .main-container .main-banner .main-banner-subtit h2{font-size:16px;min-height:10vw}/*240405 modify(min-height 추가)*/
  .main-container .main-banner .main-banner-subtit{padding:0 24px 20px 24px;align-items:end;justify-content:end;height:100%;z-index:3;}
  .main-container .main-banner .main-banner-subtit h2{position:absolute;/*top:8vw;*/width:calc(100% - 48px)}/*240321 modify (top 삭제)*/
}

@media all and (max-width:460px){
  /* .main-container .main-banner .main-banner-list .main_image_wrap .main-banner-title{top:21vw} 240321 del */

  .main-container .main-banner .main-banner-list .main-banner-title h2{-webkit-line-clamp:2}/*240325 modify*/
  .main-container .main-banner .main-banner-list .main_image_wrap .main-banner-title h2{-webkit-line-clamp:2}/*240318 add (type02 -> main_image_wrap클래스로 수정)*/
  .main-container .main-banner .main-banner-list .card__foot{display:none;}
  .main-container .main-banner .main-banner-list .main_image_wrap .card__foot{display:flex;}/*240318 add (type02 -> main_image_wrap클래스로 수정)*/
}

/* e: 240228 add */

/* section */
.comm-sect { margin-top: 60px; }

.comm-sect:first-child { margin-top: 0; }

/* TV 상세 */
.video-wrap { overflow: hidden; margin: 0 auto; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.video-wrap .o-video video { width: 100%; height: 100%; }

.video-wrap .o-video-youtube { position: relative; padding-top: 56.25%; width: 100%; }

@media all and (min-width: 1400px) { .video-wrap .o-video-youtube { padding-top: 0; max-height: 700px; height: 700px; background: #1f1f1f; } }

.video-wrap .o-video-youtube .o-video { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }

@media all and (min-width: 1400px) { .video-wrap .o-video-youtube .o-video { right: auto; bottom: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1244px; } }

.video-wrap video { vertical-align: top; }

.detail__inner { margin: 0 auto; width: 1028px; padding-bottom: 120px; }

.live-label { margin-bottom: 20px; line-height: 1.76; letter-spacing: -0.21px; }

.live-label.timer { color: #e02020; font-weight: 700; }

.live-label .on-air { position: relative; padding-left: 22px; color: #e02020; }

.live-label .on-air:before { content: ''; display: block; margin-top: 1px; width: 20px; height: 20px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../../assets/images/common/icon_on-air.svg") no-repeat center/100% auto; }

.live-label .count { margin-left: 18px; }

.detail-box { position: relative; }

.detail-box.box--main { padding: 40px 0 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.detail-box.box--series { padding: 100px 0 0; } /* 250221 modify */

.detail-box.box--relation { margin-top: 100px; } /* 250221 modify */

.tags-block + .detail-box.box--relation { margin-top: 120px; } /* 250122 add */

.detail-box.box--relation .chk__switch { position: absolute; top: 13px; right: 0; }

.detail-box.box--relation .btn-wrap--more { margin-top: 40px; }

.detail-box .date-picker-title .btn { margin: -5px 0 0 25px; vertical-align: middle; }

.detail-box .date-picker-title .ui-datepicker-trigger { overflow: hidden; display: none; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); } /* 221209 modify */

.detail-box .txt--bk1 { margin-top: 20px; color: #111; line-height: 1.76; letter-spacing: -0.21px; }

.detail-box .txt--bk2 { margin-top: 20px; color: rgba(0, 0, 0, 0.7); line-height: 1.76; letter-spacing: -0.21px; }

.detail-box .icon-time { margin: -4px 0 0 20px; }

.detail-box .btn-etc { margin-top: 30px; }

.detail-box .btn-etc:after { clear: both; content: ''; display: block; }

.detail-box .btn-etc button + button { margin-left: 8px; } /* 220330 modify */

.detail-box .col-l { float: left; }

.detail-box .col-r { float: right; }

.detail-box .detail {display: flex; overflow: hidden; margin-top: 20px; max-height: 281px; } /* 250122 modify */

.detail-box .detail:after { clear: both; content: ''; display: block; }

.detail-box .detail.is-open { height: auto; }

.detail-box .detail.is-open .detail__txt { display: block; overflow: visible; text-overflow: unset; line-clamp: unset; }

.detail-box .detail__img { overflow: hidden; margin-right: 24px; width: 502px; max-height: 281px; } /* 250122 modify */

.detail-box .detail__img img { width: 100%; }

.detail-box .detail__tit { font-size: 24px; line-height: 1.5; letter-spacing: -0.2px; }

.detail-box .detail__txt { margin-top: 20px; color: #111; line-height: 1.76; letter-spacing: -0.21px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.detail-box .detail__txt + .detail__tit { margin-top: 32px; }

.detail-box .detail__txt a { color: #01428b; }

.detail-box .btn-detail-view { margin-top: 30px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }

.detail-box .btn-view { display: inline-block; position: relative; padding-right: 28px; color: #111; line-height: 1.76; letter-spacing: -0.21px; }

.detail-box .btn-view:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 8px; height: 8px; margin-top: -4px; border: solid 1px #222; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 2px; margin-top: -6px; }

.detail-box .btn-view.is-open:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -2px; }

.detail-box .video__list > li { position: relative; margin-top: 24px; padding: 0; }

.detail-box .video__list-link { display: block; }

.detail-box .video__list-link:after { clear: both; content: ''; display: block; }

.detail-box .video__list-img { overflow: hidden; position: relative; float: left; width: 240px; height: 135px; border-radius: 10px; background: #d8d8d8; }

.detail-box .video__list-img img { min-width: 100%; height: 100%; }

.detail-box .video__list-img:after {content:'';display:block;position:absolute;bottom:20px;left:20px;width:25px;height:30px;background:url("../../assets/images/common/ico_play.svg") no-repeat center/25px auto;z-index: 1;} /* 220516 modify */

/* 221202 add */
.detail-box .play-now .video__list-img:after {content:'재생중';display:flex;position:absolute;bottom:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;color:#fff;justify-content:center;align-items:center;font-size:20px;}
.detail-box .play-now .video__list-tit {font-weight:700;}
.detail-box .play-now .video__list-txt1 {font-weight:500;}
/* //221202 add */

.detail-box .video__list-box { float: left; width: 640px; margin-left: 20px; padding: 10px 0; }

.detail-box .video__list-play { overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); position: absolute; }

.detail-box .video__list-tit { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; line-height: 1.76; letter-spacing: -0.21px; }

.detail-box .video__list-txt1 { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; color: rgba(0, 0, 0, 0.7); margin-top: 8px; line-height: 1.76; letter-spacing: -0.21px; }

.detail-box .video__list-txt2 { margin-top: 24px; font-size: 13px; font-weight: 300; color: #111; line-height: 1.77; letter-spacing: -0.2px; }

.detail-box .video__list-txt2 span + span { margin-left: 20px; }

.detail-box + .btn-etc { margin-top: 100px; text-align: center; } /* 250221 modify */

.detail-box + .btn-etc button + button { margin-left: 8px; } /* 220330 modify */

/* .detail-box + .btn-etc button + button { margin-left: 5px; } */ /* 220331 delete */

.tags-block { margin-top: 22px; text-align: center; }

.tags-block .btn-tag { margin-right: 12px; margin-top: 8px; }

/* 230711 add news detail */
.hmg-tv-container .detail-box.box--main {padding-bottom: 120px;}
.hmg-tv-container .detail-box.box--main .btn-etc {margin-top: 100px; text-align: center;}
.hmg-tv-container .detail-box.box--main .btn-etc .col-l {float: none;}
@media (min-width: 900px) and (max-width: 1399px){
  .hmg-tv-container .detail-box.box--main {padding-bottom:  8.57143vw;}
  .hmg-tv-container .detail-box.box--main .btn-etc {margin-top: 7.14286vw;}
}
@media (max-width: 899px) {
  .hmg-tv-container .detail-box.box--main {padding-bottom: 80px;}
  .hmg-tv-container .detail-box.box--main .btn-etc {margin-top: 80px;}
  .tags-block + .detail-box.box--relation {margin-top: 80px} /* 250122 add */
}
/* //230711 add news detail */

/* 상세 */
.page-header { position: relative; height: 260px; background: #000; color: #fff; }

.page-header__inner { max-width: 1028px; margin: 0 auto; padding: 140px 0 40px; }

.page-detail-head { padding: 100px 0 60px; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top-left-radius: 10px; border-top-right-radius: 10px; }

.page-detail-head--bk { background: #000; color: #fff; }

.page-detail-head .page-detail__inner { border-top-left-radius: 10px; border-top-right-radius: 10px; }

.page-detail-head .head-title__info { display: block; margin-top: 20px; color: rgba(0, 0, 0, 0.7); }

.page-detail-head .head-title__list { line-height: 1.76; letter-spacing: -0.21px; }

.page-detail-head .head-title__list li { position: relative; display: inline-block; padding: 0 8px; vertical-align: top; font-size: 15px; line-height: 2.13; letter-spacing: -0.19px; }

.page-detail-head .head-title__list li::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; display: block; content: ""; width: 1px; height: 18px; background: rgba(0, 0, 0, 0.1); }

.page-detail-head .head-title__list li:first-child { padding-left: 0; }

.page-detail-head .head-title__list li:first-child:before { display: none; }

.page-detail-head .head-title__list .link { color: #01428b; }

.page-detail-head .head-title__list .link.link--under { text-decoration: underline; }

.page-detail-head .head-title + .btn-etc { margin-top: 100px; }

.page-detail-head .btn-etc { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 50px auto 0; max-width: 1028px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-detail-head .btn-etc .col-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.page-detail-head .btn-etc .btn-oper + .btn-oper { margin-left: 8px; }

.page-detail-head .btn-etc::after { content: ''; display: block; clear: both; }

.page-detail { padding: 40px 0 120px; }

.page-detail__contents { max-width: 1028px; margin: 0 auto; }

.page-detail__contents .component-sub:first-child { padding-top: 0; }

.page-detail__contents .component-etc { margin-bottom: 0; }

.page-detail--employee { padding-bottom: 80px; }

.page-detail--news .component-summary-list, .page-detail--news .component-content, .page-detail--news .component-sub { max-width: 819px; margin-left: auto; margin-right: auto; }

.page-detail__inner { margin: 0 auto; max-width: 1028px; }

.page-detail__link-block { padding: 80px 0 0; text-align: center; }

.page-detail__info-table { position: relative; margin: 20px 0 70px; }

.page-detail__info-table .st-table { width: 100%; }

.page-detail__info-table .st-table__tit { width: 200px; padding: 8px 20px 8px 0; font-weight: 700; line-height: 1.76; letter-spacing: -0.21px; color: #111; }

.page-detail__info-table .st-table__txt { padding: 8px 0 8px 20px; color: rgba(0, 0, 0, 0.7); line-height: 1.76; letter-spacing: -0.21px; }

.page-detail__info-table .st-table__txt a[href="mailto:"] {display: none;} /* 231208 add */

.page-detail__info-table .txt-d-day { position: relative; display: inline-block; padding-left: 8px; margin-left: 8px; font-weight: 700; color: #111; }

.page-detail__info-table .txt-d-day:before { position: absolute; left: 0; top: calc(50% - 8px); content: ""; display: inline-block; width: 1px; height: 16px; background: #000; }

.page-detail .hr-line { display: block; margin: 50px 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); border: 0; }

.page-detail .component-etc { margin-top: 60px; text-align: center; }

.page-detail a.link { color: #01428b; }

.page-detail-foot { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 40px; }

.page-detail-foot .component-etc { margin: 60px auto 80px; }

.hmg-employ-container .component-etc { margin-top: 40px; }

.hmg-ect-container .page-detail--notice { padding-bottom: 0; }

.hmg-ect-container [data-layout=scale] .page-detail { padding-bottom: 160px; }

.hmg-ect-container .component-sub:last-child { padding-bottom: 0; }

.hmg-ect-container .component-content:last-child { padding-bottom: 0; }

.table-list { table-layout: fixed; width: 100%; margin-bottom: 40px; }

.table-list.table-list--notice .align-top { vertical-align: top; }

.table-list thead th { padding-bottom: 5px; font-size: 17px; font-weight: 400; line-height: 1.88; letter-spacing: -0.21px; color: #111; border-bottom: 1px solid #000; }

.table-list thead .align-left { text-align: left; }

.table-list td { padding: 20px 0; font-size: 13px; font-weight: 300; line-height: 1.77; letter-spacing: -0.2px; text-align: center; color: #111; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.table-list td a { display: block; padding: 0; }

.table-list td a .tbl-list__tit { font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.1px; text-align: left; } /* 250514 modify */

.table-list td a .tbl-list__txt { font-size: 13px; font-weight: 300; line-height: 1.77; letter-spacing: -0.2px; text-align: left; }

.notice-more { display: block; max-width: 260px; height: 60px; margin: 0 auto 100px; padding: 15px 20px; border-radius: 30px; background: #f0f0f0; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.1px; text-align: center; color: #000; }
/* 230621 modify, add */
/* 230705 add */
.hmg-news-container {padding-bottom: 0;}
.hmg-news-container > .container__inner {padding-bottom: 0;}
/* //230705 add */
/* 230828 add */
* ~  .hmg-news-container > .container__inner {padding-bottom: 120px}
@media (min-width: 900px) and (max-width: 1399px) {
  * ~ .hmg-news-container > .container__inner {padding-bottom: 8.57143vw}
}
@media all and (max-width: 899px) {
  * ~ .hmg-news-container > .container__inner {padding-bottom: 80px}
}
/* //230828 add */
.hmg-news-container .news-top-section { padding: 42px 0 0; }
.hmg-news-container .news-top-section .page-title { margin-bottom: 32px; text-align: center; }
.hmg-news-container .news-top-section .box-slide {background-color: transparent;padding-top: 0;padding-bottom: 21px;padding-left: 220px; padding-right: 220px;border-radius: 0;}
.hmg-news-container .news-top-section .box-slide__item {margin-left: 0;margin-right: 0;padding-left: 10px;padding-right: 10px;height: 640px;}
.hmg-news-container .news-top-section .box-slide__item:after {opacity: 0;}
.hmg-news-container .news-top-section .box-slide__img::before {background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));} /* 230627 add */
.hmg-news-container .news-top-section .box-slide__img::after {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);} /* 230627 add */
.hmg-news-container .news-top-section .box-slide__img::before, .hmg-news-container .news-top-section .box-slide__img::after {opacity: 0.1;} /* 230627 modify */
.hmg-news-container .news-top-section .box-slide__block-link {position: relative;}
.hmg-news-container .news-top-section .box-slide__thumb {height:434px;border-bottom-left-radius: unset;border-bottom-right-radius: unset}
.hmg-news-container .news-top-section .box-slide__head {position: relative; display: flex;flex-wrap: wrap; align-items: center;align-content: center;padding-top: 0;padding-bottom: 0; height: 206px; border-bottom-left-radius: 10px;border-bottom-right-radius:10px;text-align: left;background-color: #1f1f1f;}
.hmg-news-container .news-top-section .box-slide__name, .hmg-news-container .news-top-section .box-slide__time {display: inline-block;font-size: 13px;line-height: 1.71;font-weight: 100;}
.hmg-news-container .news-top-section .box-slide__time {opacity: 1;}
.hmg-news-container .news-top-section .box-slide__name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 80%;} /* 230626 add */
.hmg-news-container .news-top-section .box-slide__name::before {content: '|'; margin-left: 6px;margin-right: 4px; }
.hmg-news-container .news-top-section .box-slide__title { margin-top: 5px;margin-left:0;margin-right: 17%; width: 83%;height: 100px; font-size: 30px;line-height: 1.67;}
.hmg-news-container .news-top-section .box-slide__foot {padding:0;left: unset; right: 40px;bottom: 73px;width: calc(100% - 40px);} /* 230627 modify */
.hmg-news-container .news-top-section .box-slide__foot .btn-unit {width: 60px;height: 60px;}
.hmg-news-container .news-top-section .box-slide .box-slide-btn {top: calc(50% - 50px/2 + 10px);}
.hmg-news-container .news-top-section .box-slide .swiper-button-prev {left: 205px;}
.hmg-news-container .news-top-section .box-slide .swiper-button-next {right: 205px;}
.hmg-news-container .news-top-section .box-slide .box-slide-scrollbar.swiper-scrollbar {bottom: 0;height: 6px; background-color: #e5e5e5;}
.hmg-news-container .news-top-section .box-slide-scrollbar .swiper-scrollbar-drag {background-color: #000;}
.hmg-news-container .news-top-section .swiper-notification + .box-slide-scrollbar{opacity: 0;} /*bug*/
@media (min-width: 720px) and (max-width: 1399px){
  .hmg-news-container .news-top-section .box-slide {height: auto;padding-left: 15vw;padding-right: 15vw;}
  .hmg-news-container .news-top-section .box-slide__item {height: auto;padding-left:0.71429vw;padding-right:0.71429vw}
  .hmg-news-container .news-top-section .box-slide__img {top: 0;}
  .hmg-news-container .news-top-section .box-slide__thumb {height:auto;padding-top:57% }
  .hmg-news-container .news-top-section .box-slide__head {padding-left: 2.3vw;padding-right: 2.3vw;height: 162px;border-bottom-left-radius: 0.71429vw;border-bottom-right-radius: 0.71429vw;}
  .hmg-news-container .news-top-section .box-slide__title {margin-top:5px;height: 67px; font-size: 20px;}
  .hmg-news-container .news-top-section .box-slide .swiper-button-prev {left: 13.9vw;}
  .hmg-news-container .news-top-section .box-slide .swiper-button-next {right: 13.9vw;}
  .hmg-news-container .news-top-section .box-slide__foot {right:2.3vw;bottom: calc(162px / 2 - 1.7857vw);}
  .hmg-news-container .news-top-section .box-slide .box-slide-scrollbar.swiper-scrollbar {width: 50%;}
}
@media (min-width: 900px) and (max-width: 1399px){
  .hmg-news-container .news-top-section .box-slide .box-slide-btn {top: calc(50% - 3.57143vw/2 + 10px);}
  .hmg-news-container .news-top-section .box-slide .box-slide-btn::before {margin: -1.28571vw 0 0 -1.28571vw; width: 2.57143vw;;height: 2.57143vw;; background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%/100% auto}
  .hmg-news-container .news-top-section .box-slide__foot .btn-unit {width: 4.37143vw; height: 4.37143vw;}
}
@media (max-width: 899px){
  .hmg-news-container .news-top-section .box-slide__name {width: 77%;} /* 230626 add */
  .hmg-news-container .news-top-section .box-slide .box-slide-btn {width: 35px;height: 35px;}
  .hmg-news-container .news-top-section .box-slide .box-slide-btn::before {margin: -13px 0 0 -13px;width: 26px;height: 26px;background: url("../../assets/images/common/ico_arrow_bold.svg") no-repeat 50% 50%/100% auto }
  .hmg-news-container .news-top-section .box-slide__foot .btn-unit {width: 40px; height: 40px;}
}
@media (max-width: 719px){
  .hmg-news-container .news-top-section .box-slide {height: auto;padding-left: 0;padding-right: 0;padding-bottom: 16px;}
  .hmg-news-container .news-top-section .box-slide__item {height: auto;padding-left: 0;padding-right: 0;margin-right: 4px;margin-left: 4px;} /* 230627 v2 modify */
  .hmg-news-container .news-top-section .box-slide__img {top: 0;}
  .hmg-news-container .news-top-section .box-slide__img::before {background-image:linear-gradient(to top , rgba(0, 0, 0, 0) 21%, #000 100%);} /* 230627 add */
  .hmg-news-container .news-top-section .box-slide__img::after {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 21%, #000 100%);} /* 230627 modify */
  .hmg-news-container .news-top-section .box-slide__img::before, .hmg-news-container .news-top-section .box-slide__img::after {opacity: 0.3; height: 90px;} /* 230627 add */
  .hmg-news-container .news-top-section .box-slide__thumb {height:auto;padding-top: 100%;}
  .hmg-news-container .news-top-section .box-slide__head {height: 128px;padding-left: 24px;padding-right: 24px;} /* 230627 v2 modify */
  .hmg-news-container .news-top-section .box-slide__name, .hmg-news-container .news-top-section .box-slide__time {font-size: 14px;}
  .hmg-news-container .news-top-section .box-slide__name::before {margin-left: 4px;margin-right: 2px;}
  .hmg-news-container .news-top-section .box-slide__title {height: 63px; font-size: 18px;}
  .hmg-news-container .news-top-section .box-slide__foot {right: 16px;bottom: calc(128px + 16px);width: calc(100% - 16px);} /* 230627 modify */ /* 230627 v2 modify */
  .hmg-news-container .news-top-section .box-slide__foot .btn-unit {width: 36px;height: 36px;}
  .hmg-news-container .news-top-section .box-slide .box-slide-btn {top: calc(40% - 40px/2 + 16px);width: 40px;height: 40px;} /* 230627 v2 modify */ /* 230628 modify */
  .hmg-news-container .news-top-section .box-slide .swiper-button-prev {left: -19px;} /* 230627 v2 add */
  .hmg-news-container .news-top-section .box-slide .swiper-button-next {right: -19px;} /* 230627 v2 add */
  .hmg-news-container .news-top-section .box-slide .box-slide-scrollbar.swiper-scrollbar {width: calc(100% - 10px);height: 4px}
}
/* 230626 add */
@media (max-width: 450px){
  .hmg-news-container .news-top-section .box-slide__name {width: 65%;}
  .setion-head-tab li {min-width: auto; width: 100%;} /* 241125 modify */
  .setion-head-tab .setion-head-tab__button {gap:0;}
}
@media (max-width: 350px){
  .hmg-news-container .news-top-section .box-slide__name {width: 50%;}
  .setion-head-tab li {min-width: auto;}
}
/* //230626 add */
/* 230621 modify, add */
.notice-more { max-width: 220px; height: 50px; margin-bottom: 80px; padding: 13px 20px; border-radius: 25px; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: -0.1px; }

/* 5-1-1 랜딩-그룹사 */
.st-table { display: table; width: 100%; }

.st-table__row { display: table-row; }

.st-table__tit, .st-table__txt { display: table-cell; vertical-align: top; word-break: break-word; }

.pedia-box { margin-bottom: 24px; padding: 64px 80px 80px; background-color: #1f1f1f; color: #fff; border-radius: 10px; }

.pedia-box__title { margin-top: 10px; font-size: 55px; font-weight: 500; line-height: 1.09; letter-spacing: -0.43px; }

.pedia-box__title-sub { font-size: 20px; line-height: 1.5; letter-spacing: -0.1px; font-weight: 400; }

.pedia-box__contents { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 59px; }

.pedia-box__contents:after { clear: both; content: ''; display: block; }

.pedia-box__image { position: relative; overflow: hidden; width: 526px; height: 394px; border-radius: 10px; background-color: #e1e1e1; margin-right: 35px; }

.pedia-box__image .img { position: relative; display: block; height: 100%; max-height: 100%; text-align: center; }

.pedia-box__image .img img { width: 100%; max-height: 100%; }

.pedia-box__detail { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;padding-bottom:70px; width: 100%; } /* 230412 modify */ /* 230508 modify */

.pedia-box__detail .btns-wrap { position: absolute; bottom: 0; right: 0; margin: 0; text-align: right; margin: 20px 0 0; }

/* s:240702 add*/
.pedia-box__detail .btns-wrap.p_left{left:0;right:auto}

.pedia-box__detail .btns-wrap.p_left .btn.btn-mod{min-width:180px;}
/* e:240702 add*/

.pedia-box__detail.no--cta { padding-bottom: 0; }

.pedia-box__text { font-size: 20px; line-height: 1.5; letter-spacing: -0.1px; }

.pedia-box .st-table { margin-top: 32px; }

.pedia-box .st-table__tit, .pedia-box .st-table__txt { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 16px 0; font-size: 16px; line-height: 1.75; }

.pedia-box .st-table__row:first-child .st-table__tit, .pedia-box .st-table__row:first-child .st-table__txt { border-top: 0; }

.pedia-box .st-table__tit { width: 25%; font-weight: 500; color: rgba(255, 255, 255, 0.4); }

.pedia-box .st-table__txt { font-size: 17px; line-height: 1.76; letter-spacing: 0; }

.pedia-box .st-table:first-child { margin-top: 0; }

.pedia-box .st-table:first-child .st-table__row:first-child .st-table__tit, .pedia-box .st-table:first-child .st-table__row:first-child .st-table__txt { padding-top: 0; }

.pedia-box + .card-section { margin-top: -12px; }

/* //5-1-1 랜딩-그룹사 */
.policy_date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 16px auto 40px; padding: 0 0 35px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.policy_date:after { clear: both; content: ''; display: block; }

.policy_date_tit { display: inline-block; margin-right: 70px; }

.policy_date_sel { position: relative; display: inline-block; vertical-align: top; }

.policy_date_btn { position: relative; display: inline-block; width: 220px; height: 100%; padding: 12px 15px 12px 20px; border-radius: 10px; border: solid 1px rgba(0, 0, 0, 0.2); text-align: left; color: rgba(0, 0, 0, 0.45); }

.policy_date_btn span { position: relative; }

.policy_date_btn:hover, .policy_date_btn:active { opacity: 1; border-color: #000; color: #000; }

.policy_date_btn:before { width: 24px; height: 24px; content: ''; position: absolute; top: 50%; display: inline-block; width: 8px; height: 8px; margin-top: -4px; border: solid 1px #222; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 15px; }

.policy_date_box { position: absolute; top: 59px; left: 0; z-index: 5; display: none; overflow: hidden; width: 280px; padding: 6px 0 0 10px; border-radius: 10px; background-color: #fff; color: rgba(0, 0, 0, 0.45); text-align: left; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }

.policy_date_box .policy_date_inner { overflow-y: auto; max-height: 460px; }

.policy_date_box .policy_date_inner::-webkit-scrollbar { width: 15px; background-color: #fff; }

.policy_date_box .policy_date_inner::-webkit-scrollbar-thumb { background-color: #cecece; border-radius: 10px; background-clip: padding-box; border: 5px solid transparent; }

.policy_date_box .policy_date_inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 5px #fff; box-shadow: inset 0px 0px 5px #fff; border-radius: 10px; }

.policy_date_list li { margin-bottom: 8px; }

.policy_date_list a { display: block; padding: 8px 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.policy_date_list a:focus, .policy_date_list a:hover { border-radius: 10px; background-color: #f5f5f5; }

.policy_date.is-open .policy_date_box { display: block; }

.policy_date.is-open .policy_date_btn:before { margin-top: -2px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

/* 2-2-1 리더십 */
.one-word { position: relative; width: 100%; height: 100%; margin: 12px 0 24px; padding: 80px 0; background: #f5f5f5; border-radius: 10px; text-align: center; }

.one-word__txt, .one-word__name { width: 80%; margin: 0 auto; }

.one-word__txt { position: relative; font-size: 30px; font-weight: 500; line-height: 1.67; letter-spacing: -0.2px; color: #000; }

.one-word__name { margin-top: 8px; font-size: 17px; line-height: 1.76; letter-spacing: -0.21px; /* color: rgba(17, 17, 17, 0.6); */ } /* 230418 v2 */

.one-word__name span { margin-left: 8px; color: #111; }

.one-word:before, .one-word:after { position: absolute; top: 50%; width: 32px; height: 32px; content: ''; }

.one-word:before { left: calc(10% - 36px); background: url(../../assets/images/common/icon_quote_open.png) no-repeat 0 0/100% auto; }

.one-word:after { right: calc(10% - 36px); background: url(../../assets/images/common/icon_quote_closed.png) no-repeat 0 0/100% auto; }

.news-team { position: relative; margin-bottom: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.news-team__inner { max-width: 1028px; padding: 148px 0 70px; margin: 0 auto; }

.news-team__title { font-size: 55px; text-align: center; line-height: 1.09; letter-spacing: -0.43px; font-weight: 500; }

.news-team__text { margin-top: 40px; font-size: 20px; line-height: 1.5; letter-spacing: -0.1px; }

.news-team__email { position: relative; margin-top: 16px; font-size: 17px; font-weight: 300; }

.news-team__email:before { display: inline-block; width: 24px; height: 24px; margin-right: 8px; vertical-align: middle; background: url("../../assets/images/common/ico_email.svg") no-repeat 0 0/100% auto; content: ''; }

.news-team__btns { margin-top: 40px; text-align: center; }

.type-hmg-pedia { margin-top: 27px; }

.type-hmg-pedia.card-block.type-full { margin-bottom: 14px; }

.type-hmg-pedia.card-block.type-full .card-item { text-align: left; height: auto; }

.type-hmg-pedia .hmg-pedia__inner { padding: 64px 80px 80px; }

.hmg-pedia__sub-text { font-size: 20px; color: #fff; line-height: 1.5; letter-spacing: -0.1px; }

.hmg-pedia__title { margin-top: 10px; font-size: 55px; font-weight: 500; color: #fff; line-height: 1.09; letter-spacing: -0.43px; }

.hmg-pedia-contents { margin-top: 59px; }

.hmg-pedia-contents:after { clear: both; content: ''; display: block; }

.hmg-pedia-contents .hmg-pedia__img { overflow: hidden; float: left; margin-right: 36px; width: 526px; height: 394px; border-radius: 10px; background: linear-gradient(128deg, #66a6ff, #4b9ec4 97%); }

.hmg-pedia-contents .hmg-pedia__img img { width: 100%; }

.hmg-pedia-contents .hmg-pedia__cont p { color: #fff; font-size: 20px; line-height: 1.5; letter-spacing: -0.1px; }

.hmg-pedia-contents .hmg-pedia__cont .btns-wrap { position: static; display: block; margin-top: 104px; text-align: right; }

.btn-underline { color: #111; line-height: 1.88; letter-spacing: -0.21px; text-decoration: underline; }

.search-result__nodata { padding: 126px 0 150px; text-align: center; white-space: nowrap; }

.search-result__nodata .nodata__title { color: #000; font-size: 36px; font-weight: 400; line-height: 1.56; letter-spacing: -1.08px; }

.search-result__nodata .nodata__title strong { font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; white-space: break-spaces;} /* 241202 modify */
.search-result__nodata .nodata__title strong::before, 
.search-result__nodata .nodata__title strong::after {content:'"'}

.search-result__nodata .nodata__desc { margin-top: 40px; font-size: 17px; line-height: 1.76; letter-spacing: -0.21px; color: rgba(17, 17, 17, 0.7); }

.search-result__add-card { position: relative; padding-top: 50px; }

.search-result__add-card:before { content: ""; display: block; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: -80px; right: -80px; }

.row-list-wrap.type-border .row-list + .row-list { border-top: 1px solid rgba(3, 51, 51, 0.1); min-height: 149px; }

.row-list-wrap .row-list:first-of-type { min-height: 136px; }

.row-list-wrap .row-list:first-of-type a { padding-top: 0; }

.row-list-wrap .row-list:last-of-type a { padding-bottom: 0; }

.row-list { position: relative; color: #111; }

.row-list a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 0; }

.row-list a:after { clear: both; content: ''; display: block; }

.row-list .list-img { overflow: hidden; position: relative; width: 240px; height: 135px; margin-right: 20px; border-radius: 10px; background-color: #d8d8d8; text-align: center; }

.row-list .list-img img { height: 100%; margin: 0 auto; }

.row-list .list-img__img-ws { display: block; }

.row-list .list-img__img-ms { display: none; }

.row-list .list-cont { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; }

.row-list .list__txt--sm { margin-top: 16px; font-size: 13px; font-weight: 300; line-height: 1.77; letter-spacing: -0.2px; opacity: 0.7; }

.row-list .list__txt--sm.icon-logo-hyundai:before { content: ''; display: inline-block; margin-right: 8px; width: 15px; height: 15px; vertical-align: middle; background: url("../../assets/images/common/icon_logo_hyundai.png") no-repeat center/100% auto; }

.row-list .list__txt--md { margin-top: 12px; max-height: 3.52em; line-height: 1.76; letter-spacing: -0.21px; opacity: 0.7; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.row-list .list__txt--lg { margin-top: 12px; font-size: 20px; line-height: 1.5; letter-spacing: -0.25px; }

.row-list .list__txt--lg.list-location { margin-top: 10px; letter-spacing: -0.1px; }

.row-list .list__txt--lg.list-location + .list__txt--md { margin-top: 12px; }

.row-list .list__txt--lg + .list__txt--md { margin-top: 2px; }

.row-list .list__txt-link { font-weight: 400; opacity: 1; }

.row-list .list__txt-date { position: relative; margin-left: 12px; padding-left: 12px; font-weight: 300; }

.row-list .list__txt-date:before { position: absolute; top: 3px; left: 0; display: block; width: 1px; height: 14px; background: #000; opacity: 0.2; content: ""; }

.row-list .line1 { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }

.row-list .line2 { display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* 경영성과 > 글로벌 네트워크 */
.global-wrap { overflow: hidden; position: relative; margin-top: 30px; width: 100%; height: 697px; color: #fff; border-radius: 10px; background: #000 url("../../assets/images/common/bg_global_canvas.jpg") no-repeat center/cover; }

.global__tit-sub { position: absolute; top: 50px; width: 100%; font-size: 20px; line-height: 1.5; letter-spacing: -0.1px; text-align: center; }

.global__tit { position: absolute; top: 110px; width: 100%; font-size: 55px; font-weight: 600; line-height: 1.25; letter-spacing: -0.43px; text-align: center; z-index: 1; } /* 250529 modfiy */

.global__date { position: absolute; bottom: 40px; right: 40px; font-size: 20px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; letter-spacing: -0.1px; }

.global__canvas { position: absolute; top: 200px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#globalCanvas { cursor: move; }

.global__canvas.hidden { display: none; } /* s: 250512 add */

.card.card--graph { height: 608px; margin-top: 20px; background: #000; }

.card.card--graph .card__inner .card__head { height: 25%; padding-top: 50px; text-align: center; }

.card.card--graph .card__inner .card__head .head-focus{display: inline-block;} /* 231228 add */

.card.card--graph .card__inner .card__head .card__title-sub { font-size: 20px; line-height: 1.5; letter-spacing: -0.1px; }

.card.card--graph .card__inner .card__head .card__title { font-size: 36px; line-height: 1.56; letter-spacing: -1.08px; }

.card.card--graph .card__inner .card__foot { display: block; width: 100%; height: 75%; }

.card.card--graph .card__inner .card__foot .chart__unit { display: block; opacity: 0.6; text-align: right; }
/* 231228 modify */
.card.card--graph .altTxt {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 15%;} /* 231212 add */
.card.card--graph:focus-within .altTxt, .card.card--graph:focus-visible .altTxt{z-index: 9;}
.altTxt .tooltip-text {position: absolute;top: -999px;text-align: center;line-height: 1.2;}
.altTxt .tooltip-text span {display: flex;justify-content: center;align-items: center;}
#salesLayout .altTxt .tooltip-text:nth-child(1):focus-within, #salesLayout .altTxt .tooltip-text:nth-child(1):focus-visible{top: -21%;left: 26%;}
#salesLayout .altTxt .tooltip-text:nth-child(2):focus-within, #salesLayout .altTxt .tooltip-text:nth-child(2):focus-visible{top: -16.3%;left: 45%;}
#salesLayout .altTxt .tooltip-text:nth-child(3):focus-within, #salesLayout .altTxt .tooltip-text:nth-child(3):focus-visible{top: -48%;right: 24%;}
#profitLayout .altTxt .tooltip-text:nth-child(1):focus-within, #profitLayout .altTxt .tooltip-text:nth-child(1):focus-visible{top: 62%;left: 28.5%;}
#profitLayout .altTxt .tooltip-text:nth-child(2):focus-within, #profitLayout .altTxt .tooltip-text:nth-child(2):focus-visible{top: 124.7%;left: 47%;}
#profitLayout .altTxt .tooltip-text:nth-child(3):focus-within, #profitLayout .altTxt .tooltip-text:nth-child(3):focus-visible{top: -63%;right: 25.5%;}
/* .card.card--graph:focus-visible .altTxt {top: 0;}*/ /* 231212 add */ /* 231215 modify */
/* //231228 modify */
.card.card--executives_num { background: #000; }

.card.card--executives_num .card__inner .card__head { padding-top: 50px; }

.card.card--executives_num .card__inner .card__head .card__title-sub { text-align: center; margin-bottom: 30px; }

.card.card--executives_num .card__inner .card__head .card__title { font-size: 56px; font-weight: 600; line-height: 1.2; letter-spacing: -0.44px; text-align: center; } /* 250529 modify */

.card.card--executives_num .card__inner .card__head .card__title span { font-size: 46px; font-weight: normal; letter-spacing: -0.36px; }

.card.card--executives_num .card__inner .card__foot .card__texts { text-align: right; }

.chart { width: 100%; min-height: 412px; }

.chart svg + div { overflow: hidden; position: absolute; left: auto !important; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px !important; }

.row { margin: 0 !important; }

/* 230412 add */

.main-box {position: relative;}

.main-box .main-list__block {position: relative;overflow: hidden;margin-top: 12px; min-height: calc(100% - 24px); height:690px;border-radius: 10px}

.main-box .main-box__image {display: block;min-width: 100%;min-height: 100%;}

.main-box .main-box__image img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; height: 100%; }

.main-box .main__img-ws {display: block;}

.main-box .main__img-ms {display: none;}

.word-block { position:relative;padding-top:80px;padding-bottom: 48px;width:100%;height:100%;}

.word-block .word-block__title {padding-bottom: 22px;font-size: 36px;font-weight: 500;line-height: 1.5556;letter-spacing: -1.08px;color:#000}

.word-block .word-block__txt p {margin-bottom: 32px;font-size: 17px;line-height: 1.88;letter-spacing: -0.21px;color: #111}

.word-block .word-block__txt:first-child {padding-top: 10px;}

.hashtag-list-wrap {overflow: hidden; margin-bottom:34px; background-color: #000; border-radius: 10px;}

.hashtag-list-wrap [class*="hashtag-swiper"] {padding-left: 40px;}

.hashtag-list-wrap .hashtag-list {position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; width: auto;}

.hashtag-list-wrap .hashtag-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 20px; width: auto; height: 50px; vertical-align: top; -ms-flex-negative: 0; flex-shrink: 0;}

.hashtag-list-wrap .hashtag-item__link {position: relative; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; height: 100%; }

.hashtag-list-wrap .hashtag-item__text {position: relative; vertical-align: top; line-height: 1.5; color: #fff}

.hashtag-list-wrap .hashtag-item__text:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.hashtag-list-wrap .is-active .hashtag-item__text:after { width:100%}

.hashtag-list-wrap ~ .pedia-box {margin-top: 46px; margin-bottom: 68px;}

.hashtag-list-wrap ~ .card-section {margin-top: 0;}

@media all and (max-width: 899px) {

  .main-box{margin:-4px}

  .main-box .main-list__block {margin: 10px 2px; width: calc(100% - 4px);min-width: calc(100% - 4px);min-height: 100px; height: 448px;}

  .word-block {padding-top: 48px;padding-bottom: 68px;}

  .word-block .word-block__title { padding-bottom: 25px;font-size: 18px;}

  .word-block .word-block__txt p { font-size: 16px;}

  .hashtag-list-wrap [class*="hashtag-swiper"] {padding-left: 20px;}

  .hashtag-list-wrap .hashtag-item {margin-right: 25px;height: 40px;}

  .hashtag-list-wrap .hashtag-item:last-child {margin-right: 20px;}

  .hashtag-list-wrap ~ .pedia-box {margin-top: 44px; margin-bottom: 70px;}
}

@media (max-width: 719px) {

  .main-box {margin:-2px}

  .main-box .card-list__block {width: calc(100% - 4px);min-width: calc(100% - 4px);}

  .main-box .main__img-ws {display: none;}

  .main-box .main__img-ms {display: block;}

}
/* //230412 add */

/* 404 Error */
.message-wrap { padding-top: 140px; min-height: calc(100vh - 440px); text-align: center; }

.message-wrap .btn-wrap { margin-top: 40px; }

.message__txt { display: inline-block; margin-top: 20px; line-height: 1.76; letter-spacing: -0.21px; color: rgba(17, 17, 17, 0.7); }

@media all and (min-width: 900px) and (max-width: 1399px) { /* TV 상세 */
  .detail__inner { width: 73.42857vw; padding-bottom: 8.57143vw; }
  .live-label { margin-bottom: 1.42857vw; }
  .live-label .on-air { padding-left: 1.57143vw; }
  .live-label .on-air:before { margin-top: 0.07143vw; width: 1.42857vw; height: 1.42857vw; }
  .live-label .count { margin-left: 1.28571vw; }
  .detail-box.box--main { padding: 2.85714vw 0 3.57143vw 0; }
  .detail-box.box--series { padding: 7.14286vw 0 0; } /* 250221 modify */
  .detail-box.box--relation { margin-top: 7.14286vw; } /* 250221 modify */
  .tags-block + .detail-box.box--relation { margin-top: 8.57143vw; } /* 250122 add */
  .detail-box.box--relation .chk__switch { top: 0.92857vw; }
  .detail-box .date-picker-title .btn { margin: -0.35714vw 0 0 1.78571vw; }
  .detail-box .txt--bk1, .detail-box .txt--bk2 { margin-top: 1.42857vw; }
  .detail-box .icon-time { margin: -0.21429vw 0 0 1.42857vw; }
  .detail-box .btn-etc { margin-top: 2.14286vw; }
  .detail-box .btn-etc button + button { margin-left: 0.35714vw; }
  .detail-box .detail { margin-top: 1.42857vw; max-height: 20.07143vw; } /* 250122 modify */
  .detail-box .detail__img { margin-right: 1.71429vw; width: 35.85714vw; max-height: 20.07143vw; } /* 250122 modify */
  .detail-box .detail__tit { font-size: 1.71429vw; }
  .detail-box .detail__txt { margin-top: 1.42857vw; }
  .detail-box .detail__txt + .detail__tit { margin-top: 2.28571vw; }
  .detail-box .btn-detail-view { margin-top: 2.14286vw; padding-top: 0.71429vw; }
  .detail-box .btn-view { padding-right: 2vw; }
  .detail-box .btn-view:after { margin-top: -0.42857vw; width: 0.57143vw; height: 0.57143vw; right: 0.14286vw; }
  .detail-box .btn-view.is-open:after { margin-top: -0.14286vw; }
  .detail-box .video__list > li { margin-top: 1.71429vw; }
  .detail-box .video__list-img { width: 17.14286vw; height: 9.64286vw; border-radius: 0.71429vw; }
  .detail-box .video__list-img:after {width: 1.7857vw; height: 2.1429vw; background-size: 1.7857vw 2.1429vw;left:1.4286vw;bottom:1.4286vw;} /* 220516 modify */
  .detail-box .video__list-box { width: 45.71429vw; margin-left: 1.42857vw; padding: 0.71429vw 0; }
  .detail-box .video__list-tit { letter-spacing: -0.015vw; }
  .detail-box .video__list-txt1 { margin-top: 0.57143vw; letter-spacing: -0.015vw; }
  .detail-box .video__list-txt2 { margin-top: 1.71429vw; font-size: 0.92857vw; letter-spacing: -0.01429vw; }
  .detail-box .video__list-txt2 span + span { margin-left: 1.42857vw; }
  .detail-box + .btn-etc { margin-top: 7.14286vw; }
  .detail-box + .btn-etc button + button { margin-left: 0.35714vw; }
  .tags-block { margin-top: 1.57143vw; }
  .tags-block .btn-tag { margin-right: 0.85714vw; margin-top: 0.57143vw; }
  /* 상세 */
  .page-header { height: 18.57143vw; }
  .page-header__inner { max-width: 73.42857vw; padding: 10vw 0 2.85714vw; }
  .page-detail-head { padding: 7.14286vw 0 4.28571vw; }
  .page-detail-head .head-title__info { margin-top: 1.42857vw; }
  .page-detail-head .head-title__list { letter-spacing: -0.015vw; }
  .page-detail-head .head-title__list li { padding: 0 0.57143vw; font-size: 1.07143vw; letter-spacing: -0.01357vw; }
  .page-detail-head .head-title__list li::before { height: 1.28571vw; }
  .page-detail-head .head-title + .btn-etc { margin-top: 7.14286vw; }
  .page-detail-head .btn-etc { margin: 3.57143vw auto 0; max-width: 73.42857vw; }
  .page-detail-head .btn-etc .btn-oper + .btn-oper { margin-left: 0.57143vw; }
  .page-detail { padding: 2.85714vw 0 8.57143vw; }
  .page-detail__contents { max-width: 73.42857vw; }
  .page-detail--employee { padding-bottom: 5.71429vw; }
  .page-detail--news .component-summary-list, .page-detail--news .component-content, .page-detail--news .component-sub { max-width: 58.5vw; }
  .page-detail--notice .c-platbox-wrap { bottom: 3.21429vw; }
  .page-detail__inner { max-width: 73.42857vw; }
  .page-detail__link-block { padding: 5.71429vw 0 0; }
  .page-detail__info-table { margin: 1.42857vw 0 5vw; }
  .page-detail__info-table .st-table__tit { width: 14.28571vw; padding: 0.57143vw 1.42857vw 0.57143vw 0; letter-spacing: -0.015vw; }
  .page-detail__info-table .st-table__txt { padding: 0.57143vw 0 0.57143vw 1.42857vw; letter-spacing: -0.015vw; }
  .page-detail__info-table .txt-d-day { padding-left: 0.57143vw; margin-left: 0.57143vw; }
  .page-detail__info-table .txt-d-day:before { top: calc(50% - vw(8px)); height: 1.14286vw; }
  .page-detail .hr-line { margin: 3.57143vw 0; height: 0.07143vw; }
  .page-detail .component-etc { margin-top: 4.28571vw; }
  .page-detail-foot { padding-bottom: 2.85714vw; }
  .page-detail-foot .component-etc { margin: 4.28571vw auto 5.71429vw; }
  .hmg-employ-container .component-etc { margin-top: 2.85714vw; }
  .hmg-ect-container [data-layout=scale] .page-detail { padding-bottom: 11.42857vw; }
  .table-list { margin-bottom: 2.85714vw; }
  .table-list table thead th { padding-bottom: 0.35714vw; font-size: 1.21429vw; }
  .table-list table tbody td { padding: 1.42857vw 0; font-size: 0.92857vw; }
  .table-list table tbody td a .tbl-list__tit { margin-bottom: 0.71429vw; font-size: 1.71429vw; }
  .table-list table tbody td a .tbl-list__txt { font-size: 0.92857vw; }
  .notice-more { width: 18.57143vw; height: 4.28571vw; margin-bottom: 5.71429vw; padding: 1.07143vw 1.42857vw; border-radius: 2.14286vw; font-size: 1.42857vw; }
  .pedia-box { margin-bottom: 1.71429vw; padding: 4.57143vw 5.71429vw 5.71429vw; }
  .pedia-box__title { margin-top: 0.71429vw; font-size: 3.92857vw; }
  .pedia-box__title-sub { font-size: 1.42857vw; }
  .pedia-box__contents { margin-top: 4.21429vw; }
  .pedia-box__image { width: 37.57143vw; height: 28.14286vw; }
  .pedia-box__detail { width: calc(100% - 40vw); min-height: 28.14286vw; padding-bottom: 5vw; }
  .pedia-box__text { font-size: 1.42857vw; }
  .pedia-box .st-table { margin-top: 2.28571vw; }
  .pedia-box .st-table__tit { width: 9vw; padding: 1.14286vw 0; font-size: 1.14286vw; }
  .pedia-box .st-table__txt { padding: 1.14286vw 0; font-size: 1.21429vw; }
  .pedia-box + .card-section { margin-top: -vw(12px); }
  .hmg-news-container .news-top-section { padding: 3.57143vw 0 0; }
  .hmg-news-container .news-top-section .page-title { margin-bottom: 2.28571vw; }
  .hmg-news-container .section-head-filter { padding: 5.71429vw 0 2.85714vw; } /* 241007 modify */
  .policy_date { margin: 1.14286vw auto 2.85714vw; padding: 0 0 2.5vw; }
  .policy_date_tit { margin-right: 5vw; }
  .policy_date_btn { width: 15.71429vw; height: 7.14286%/pxvw; padding: 0.85714vw 1.07143vw 0.85714vw 1.42857vw; border-radius: 0.71429vw; }
  .policy_date_btn:before { width: 1.71429vw; height: 1.71429vw; width: 0.57143vw; height: 0.57143vw; margin-top: -0.28571vw; right: 1.07143vw; }
  .policy_date_box { top: 4.21429vw; width: 20vw; padding: 0.42857vw 0 0 0.71429vw; border-radius: 0.71429vw; }
  .policy_date_box .policy_date_inner { max-height: 32.85714vw; }
  .policy_date_box .policy_date_inner::-webkit-scrollbar { width: 1.07143vw; }
  .policy_date_box .policy_date_inner::-webkit-scrollbar-thumb { border-radius: 0.71429vw; border: 0.35714vw solid transparent; }
  .policy_date_box .policy_date_inner::-webkit-scrollbar-track { border-radius: 0.71429vw; }
  .policy_date_list li { margin-bottom: 0.57143vw; }
  .policy_date_list a { padding: 0.57143vw 0.71429vw; }
  .policy_date_list a:focus, .policy_date_list a:hover { border-radius: 0.71429vw; }
  .policy_date.is-open .policy_date_btn:before { margin-top: -0.14286vw; }
  .news-team { margin-bottom: 5.71429vw; }
  .news-team__inner { max-width: 73.42857vw; padding: 10.57143vw 0 5vw; }
  .news-team__title { font-size: 3.92857vw; letter-spacing: -0.03071vw; }
  .news-team__text { margin-top: 2.85714vw; font-size: 1.42857vw; letter-spacing: -0.00714vw; }
  .news-team__email { margin-top: 1.14286vw; font-size: 1.21429vw; }
  .news-team__email:before { width: 1.71429vw; height: 1.71429vw; margin-right: 0.57143vw; }
  .news-team__btns { margin-top: 2.85714vw; }
  .type-hmg-pedia { margin-top: 1.92857vw; }
  .type-hmg-pedia.card-block.type-full { margin-bottom: 1vw; }
  .type-hmg-pedia .hmg-pedia__inner { padding: 4.57143vw 5.71429vw 5.71429vw; }
  .hmg-pedia__sub-text { font-size: 1.42857vw; }
  .hmg-pedia__title { margin-top: 0.71429vw; font-size: 3.92857vw; }
  .hmg-pedia-contents { margin-top: 4.21429vw; }
  .hmg-pedia-contents .hmg-pedia__img { margin-right: 2.57143vw; width: 37.57143vw; height: 28.14286vw; border-radius: 0.71429vw; }
  .hmg-pedia-contents .hmg-pedia__cont p { font-size: 1.42857vw; }
  .hmg-pedia-contents .hmg-pedia__cont .btns-wrap { margin-top: 7.42857vw; }
  .search-result__nodata { padding: 9vw 0 10.71429vw; }
  .search-result__nodata .nodata__title { font-size: 2.57143vw; letter-spacing: -0.07714vw; }
  .search-result__nodata .nodata__desc { margin-top: 2.85714vw; font-size: 1.21429vw; letter-spacing: -0.015vw; }
  .search-result__add-card { padding-top: 3.57143vw; }
  .search-result__add-card:before { left: -5.71429vw; right: -5.71429vw; }
  .row-list-wrap.type-border .row-list + .row-list { min-height: 10.64286vw; }
  .row-list-wrap .row-list:first-of-type { min-height: 9.71429vw; }
  .row-list a { padding: 0.85714vw 0; }
  .row-list .list-img { width: 17.14286vw; height: 9.64286vw; border-radius: 0.71429vw; }
  .row-list .list__txt--sm { margin-top: 1.14286vw; font-size: 0.92857vw; }
  .row-list .list__txt--sm.icon-logo-hyundai:before { margin-right: 0.57143vw; margin-top: -0.07143vw; width: 1.07143vw; height: 1.07143vw; }
  .row-list .list__txt--md { margin-top: 0.85714vw; }
  .row-list .list__txt--lg { margin-top: 0.85714vw; font-size: 1.42857vw; }
  .row-list .list__txt--lg.list-location { margin-top: 0.71429vw; }
  .row-list .list__txt--lg.list-location + .list__txt--md { margin-top: 0.85714vw; }
  .row-list .list__txt--lg + .list__txt--md { margin-top: 0.14286vw; }
  .row-list .list__txt-date { margin-left: 0.85714vw; padding-left: 0.85714vw; }
  .row-list .list__txt-date:before { top: 0.21429vw; height: 1vw; }
  /* // 통합 검색 결과 */
  __txt, __name { padding: 0 2.57143vw; }
  __txt { font-size: 2.14286vw; }
  __txt:before, __txt:after { width: 2.28571vw; height: 2.28571vw; }
  .global-wrap { margin-top: 2.14286vw; height: 49.78571vw; border-radius: 0.71429vw; }
  .global__tit-sub { top: 3.57143vw; font-size: 1.42857vw; }
  .global__tit { top: 8.04286vw; font-size: 3.92857vw; } /* 250529 modify */
  .global__date { bottom: 2.85714vw; right: 2.85714vw; font-size: 1.42857vw; }
  .global__canvas { top: 14.28571vw; }
  .card.card--graph { height: 43.42857vw; margin-top: 1.78571vw; }
  .card.card--graph .card__inner .card__head { height: 25%; padding-top: 3.57143vw; }
  .card.card--graph .card__inner .card__head .card__title-sub { font-size: 1.42857vw; }
  .card.card--graph .card__inner .card__head .card__title { font-size: 2.57143vw; }
  .card.card--executives_num .card__inner .card__head { padding-top: 3.57143vw; }
  .card.card--executives_num .card__inner .card__head .card__title-sub { margin-bottom: 2.14286vw; }
  .card.card--executives_num .card__inner .card__head .card__title { font-size: 4vw; }
  .card.card--executives_num .card__inner .card__head .card__title span { font-size: 3.28571vw; }
  .global__tit .sub_txt01 { font-size: 3.28571vw !important;} /* 250529 add */
  .chart { min-height: auto; height: 95%; }
  .message-wrap { padding-top: 10vw; min-height: calc(100vh - 320px - 8.57143vw); }
  .message-wrap .btn-wrap { margin-top: 2.85714vw; }
  .message__txt { margin-top: 1.42857vw; }
  .one-word { margin: 0.85714vw 0 1.71429vw; padding: 5.71429vw 0; border-radius: 0.71429vw; }
  .one-word__txt, .one-word__name { padding: 0 2.57143vw; }
  .one-word__txt { font-size: 2.14286vw; }
  .one-word__name { margin-top: 0.64286vw; font-size: 1.21429vw; }
  .one-word__name span { margin-left: 8px; color: #111; }
  .one-word:before, .one-word:after { width: 2.28571vw; height: 2.28571vw; }
  .one-word:before { left: calc(10% - vw(36px)); }
  .one-word:after { right: calc(10% - vw(36px)); } }

@media all and (max-width: 899px) { /* section */
  .comm-sect { margin-top: 40px; }
  .comm-sect:first-child { margin-top: 0; }
  .comm-sect .title-block { margin-bottom: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .comm-sect .title-block .btn { margin-left: 10px; }
  .page-header { height: 160px; margin-bottom: 10px; }
  .page-header__inner { padding: 98px 0 20px; }
  .page-header--htype { height: auto; }
  .page-header--htype .page-header__inner { padding: 48px 20px 30px; }
  .page-header--htype .page-header__utils { margin-top: 30px; }
  .page-header--htype .btn-oper.icon__print--wh { display: none; }
  .table-list { margin-bottom: 24px; }
  .table-list thead th { font-size: 14px; }
  .table-list td { width: 100%; padding: 18px 0; }
  .table-list td a { display: block; }
  .table-list td a .tbl-list__date { opacity: 0.7; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; text-align: left; }
  .table-list td a .tbl-list__tit { margin-bottom: 4px; font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.2px; }
  .table-list td a .tbl-list__txt { opacity: 0.7; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  /* TV 상세 */
  .detail__inner { max-width: 796px; width: 100%; padding-bottom: 80px; }
  .live-label { margin-bottom: 10px; font-size: 16px; line-height: 1.25; letter-spacing: -0.25px; }
  .live-label.timer { font-weight: 500; }
  .live-label .on-air { padding-left: 22px; }
  .live-label .on-air:before { margin-top: 1px; margin-left: -4px; width: 23px; height: 23px; }
  .live-label .count { margin-left: 8px; }
  .detail-box.box--main { padding: 32px 0 30px; }
  .detail-box.box--series { padding: 80px 0 0; } /* 250221 modify */
  .detail-box.box--relation { margin-top: 80px; } /* 250221 modify */
  .detail-box.box--relation .chk__switch { position: absolute; top: 4px; }
  .detail-box.box--relation .btn-wrap--more { margin-top: 24px; }
  .detail-box .txt--bk1 { margin-top: 10px; font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; }
  .detail-box .txt--bk2 { margin-top: 10px; line-height: 1.71; letter-spacing: -0.1px; }
  .detail-box .icon-time { margin: -3px 0 0 6px; }
  .detail-box .detail { height: auto; max-height: inherit; padding-bottom: 0; flex-direction: column;} /* 250122 modify */
  .detail-box .detail__img { margin: 0; width: 100%; height: auto; } /* 250122 modify */
  .detail-box .detail__info { margin-top: 20px; max-height: 180px; } /* 250122 modify */
  .detail-box .detail__tit { font-size: 20px; line-height: 1.6; letter-spacing: -0.03px; }
  .detail-box .detail__txt { margin-top: 10px; font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
  .detail-box .detail__txt + .detail__tit { margin-top: 24px; }
  .detail-box .detail.is-open .detail__info { max-height: none; }
  .detail-box .btn-view { padding-right: 28px; line-height: 1.71; letter-spacing: -0.1px; }
  .detail-box .btn-view:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 8px; height: 8px; margin-top: -4px; border: solid 1px #222; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 0; margin-top: -7px; }
  .detail-box .btn-view.is-open:after { margin-top: -1px; }
  .detail-box .video__list > li { margin-top: 20px; }
  .detail-box .video__list-box { width: calc(100% - 120px); margin-left: 16px; padding: 8px 0px; }
  .detail-box .video__list-tit { line-height: 1.71; letter-spacing: -0.1px; }
  .detail-box .video__list-txt1 { margin-top: 4px; color: #111; font-weight: 300; line-height: 1.67; letter-spacing: -0.18px; }
  .detail-box .video__list-txt2 { margin-top: 16px; font-size: 12px; font-weight: 400; line-height: 1.67; letter-spacing: -0.18px; }
  .detail-box .video__list-img { width: 100px; height: 100px; border-radius: 5px; }
  .detail-box + .btn-etc { margin-top: 80px; } /* 250221 modify */
  /* 상세 */
  .page-header__inner, .page-detail__inner, .page-detail__contents { max-width: 796px; }
  .page-detail-head { min-height: auto; padding: 0; }
  .page-detail-head .page-detail__inner { padding-top: 80px; padding-bottom: 24px; }
  .page-detail-head--bk .head-title { min-height: 88px; }
  .page-detail-head .btn-etc { margin-top: 40px; }
  .page-detail-head .icon-time { font-size: 16px; }
  .page-detail .component-etc { margin-bottom: 20px; }
  .page-detail__info-table { width: auto; margin-top: 0; font-size: 16px; }
  .page-detail__info-table .st-table__tit { width: 80px; padding: 6px 0; }
  .page-detail__info-table .st-table__txt { padding: 6px 0; }
  .page-detail .hr-line { margin: 30px 0; }
  .page-detail--policy { padding-top: 0; }
  .page-detail--employee { padding-top: 30px; }
  .hmg-employ-container .component-etc .share-group.type-center { text-align: center; }
  .policy_date { padding: 0 0 15px 0; }
  .policy_date_tit { margin: 0; }
  .policy_date_sel { margin-left: auto; }
  .policy_date:after { clear: both; content: ''; display: block; }
  .pedia-box { margin-bottom: 20px; padding: 24px; }
  .pedia-box__title { margin-top: 4px; font-size: 30px; font-weight: 500; letter-spacing: -0.23px; line-height: 1.4; } /* 230412 modify */
  .pedia-box__title-sub { font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; } /* 230412 modify */
  .pedia-box__contents { margin-top: 20px; }
  .pedia-box__image { width: 37.57143vw; height: 28.14286vw; }
  .pedia-box__detail { width: calc(100% - 40vw); min-height: 28.14286vw; padding-bottom: 56px; }
  .pedia-box__detail .btns-wrap { margin-top: 25px; }
  .pedia-box__detail .btns-wrap.p_left .btn.btn-mod{min-width:135px;}/*240702 modify*/
  .pedia-box__text { min-height: auto; font-size: 14px; }
  .pedia-box .st-table { margin-top: 15px; }
  .pedia-box .st-table__tit, .pedia-box .st-table__txt { font-size: 14px; padding: 12px 0; }
  .pedia-box .st-table__tit { width: 30%; }
  .pedia-box .st-table__txt { width: 70%; }
  .news-team__inner { max-width: 543px; padding: 60px 0 40px; }
  .news-team__title { font-size: 30px; line-height: 1.4; letter-spacing: -0.23px; }
  .news-team__text { margin-top: 12px; font-size: 16px; line-height: 1.75; letter-spacing: -0.2px; }
  .news-team__email { margin-top: 8px; font-size: 14px; }
  .news-team__btns { margin-top: 22px; }
  .hmg-news-container .news-top-section { padding: 8px 0 0; } /* 230621 modify */
  .hmg-news-container .news-top-section .page-title { position: relative; z-index: 1; font-size: 20px; letter-spacing: -0.13px; }
  .policy_date_btn { padding: 7px 15px; width: 150px; border-color: #cecece; }
  .type-hmg-pedia { margin-top: 14px; }
  .type-hmg-pedia.card-block.type-full { margin-bottom: 10px; }
  .type-hmg-pedia .hmg-pedia__inner { padding: 24px; }
  .hmg-pedia__sub-text { font-size: 13px; line-height: normal; letter-spacing: 0.33px; }
  .hmg-pedia__title { margin-top: 4px; font-size: 23px; line-height: 1.52; letter-spacing: -0.29px; }
  .hmg-pedia-contents { margin-top: 20px; }
  .hmg-pedia-contents .hmg-pedia__img { margin-right: 20px; width: 272px; height: 204px; }
  .hmg-pedia-contents .hmg-pedia__cont p { font-size: 14px; line-height: 1.71; }
  .hmg-pedia-contents .hmg-pedia__cont .btns-wrap { margin-top: 20px; }
  .btn-underline { line-height: 1.71; letter-spacing: -0.1px; }
  .row-list-wrap.type-border .row-list + .row-list { min-height: auto; }
  .row-list-wrap .row-list:first-of-type { min-height: auto; }
  .row-list a { padding: 10px 0; }
  .row-list .list-img { width: 100px; height: 100px; min-width: 100px; margin-right: 16px; border-radius: 5px; }
  .row-list .list-img img { width: auto; height: 100%; }
  .row-list .list-img__img-ws { display: none; }
  .row-list .list-img__img-ms { display: block; }
  .row-list .list-cont { width: calc(100% - 116px); }
  .row-list .list__txt--sm { margin-top: 8px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; opacity: 1; }
  .row-list .list__txt--sm.icon-logo-hyundai:before { margin-right: 6px; }
  .row-list .list__txt--md { margin-top: 4px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; opacity: 1; }
  .row-list .list__txt--lg { margin-top: 16px; font-size: 14px; line-height: 1.71; letter-spacing: -0.1px; }
  .row-list .list__txt--lg.list-location { letter-spacing: -0.18px; }
  .row-list .list__txt--lg.list-location + .list__txt--md { margin-top: 4px; }
  .row-list .list__txt--lg + .list__txt--md { margin-top: 4px; }
  .search-result__nodata { padding: 45px 0 60px; }
  .search-result__nodata .nodata__title { font-size: 23px; font-weight: 400; }
  .search-result__nodata .nodata__desc { margin-top: 20px; font-size: 14px; }
  .search-result__add-card { padding-top: 10px; }
  .search-result__add-card:before { content: ""; display: block; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: -80px; right: -80px; }
  .one-word { padding: 48px 0; }
  .one-word__txt { font-size: 20px; line-height: 1.6; letter-spacing: -0.03px; }
  .one-word__name { margin-top: 4px; font-size: 16px; line-height: 1.75; letter-spacing: -0.02px; }
  .one-word:before, .one-word:after { width: 24px; height: 24px; }
  .one-word:before { left: calc(10% - 24px); }
  .one-word:after { right: calc(10% - 24px); }
  .global-wrap { margin-top: 20px; height: 448px; }
  .global__tit-sub { top: 24px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .global__tit { top: 58px; font-size: 28px; line-height: 1; letter-spacing: -0.5px; } /* 250529 modify */
  .global__date { bottom: 16px; right: 16px; font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .global__canvas { top: 120px;} /* 250529 modify */
  .card.card--graph { height: 64vw; margin-top: 16px; }
  .card.card--graph .card__inner .card__head { padding-top: 24px; }
  .card.card--graph .card__inner .card__head .card__title-sub { font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; }
  .card.card--graph .card__inner .card__head .card__title { font-size: 30px; line-height: 1.4; letter-spacing: -0.23px; }
  .card.card--graph .card__inner .card__foot .chart__unit { font-size: 12px; font-weight: 300; line-height: 1.67; letter-spacing: -0.18px; }
  .card.card--executives_num .card__inner .card__head { display: flex; flex-direction: column; gap: 15px; padding-top: 25px;} /* 250529 modify */
  .card.card--executives_num .card__inner .card__head .card__title-sub { font-size: 12px; line-height: 1.67; letter-spacing: -0.18px; margin-bottom: 0; } /* 250529 modify */
  .card.card--executives_num .card__inner .card__head .card__title { font-size: 28px; line-height: 1; letter-spacing: -0.58px; } /* 250529 modify */
  .card.card--executives_num .card__inner .card__head .card__title span { font-size: 23px; letter-spacing: -0.38px; } /* 250529 modify */
  .chart { min-height: 43.57143vw; }
  .message-wrap { padding-top: 60px; min-height: calc(100vh - 517px); }
  .message-wrap .page-title { font-size: 23px; font-weight: 400; line-height: 1.52; letter-spacing: -0.29px; }
  .message-wrap .btn-wrap { margin-top: 24px; }
  .message-wrap .btn-wrap .btn--wfix { min-width: 220px; }
  .message__txt { line-height: 1.71; letter-spacing: -0.1px; }
  .detail-box .video__list-img:after { bottom:10px;left:10px; } /* 220516 add */
}

@media all and (max-width: 859px) { .detail__inner { max-width: 543px; }
  .message-wrap { min-height: auto; }
  .page-detail-head--bk .page-detail__inner { max-width: 543px; }
  .page-detail--employee .page-detail__contents { max-width: 543px; } }

@media all and (max-width: 855px) { /* 상세 */
  .page-header__inner { max-width: 543px; padding-left: 0; padding-right: 0; }
  .page-detail__inner, .page-detail__contents { max-width: 543px; }
  .news-team { margin-bottom: 40px; }
  .news-team__inner { max-width: 543px; margin: 0 auto; border-bottom: 0; }
  /* .hmg-news-container .section-head-filter { padding-top: 20px; }  230621 del */ }

@media all and (max-width: 719px) { .table-list { margin-top: 40px; }
  .title-block.event-join-box { margin: 3.4722vw 0 0 0; } /* 220916 Add */
  .title-block.event-join-box .cont-right { margin-left:0; margin-right:auto;} /* 220916 Add */
  .title-block.event-join-box .cont-right .btn { margin-left:0px; border:none; padding:0 20px 0 0; } /* 220916 Add */
  .title-block.event-join-box .btn-icon:before { display:none; } /* 220916 Add */
  .title-block.event-join-box .btn-icon:after { position: absolute;top: 55%;right: -18px;-webkit-transform: translateY(-50%);transform: translateY(-50%);content: "";width: 0px;height: 0px;border-top: 5px solid transparent;border-left: 9px solid #000;border-bottom: 5px solid transparent; } /* 220916 Add */
  .table-list.table-list--notice { margin-top: 0; }
  .table-list.table-list--notice thead th { display: none; }
  .table-list td { text-align: left; }
  .detail__inner { max-width: 448px; }
  .page-detail-head--bk .page-detail__inner { max-width: 448px; }
  .page-detail--employee .page-detail__contents { max-width: 448px; }
  .detail-box.box--relation .chk__switch { position: relative; right: auto; margin-top: 17px; }
  .detail-box .date-picker-title { position: relative; }
  .detail-box .date-picker-title .btn { margin: 0; right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .detail-box + .btn-etc { text-align: left; }
  .tags-block { text-align: left; }
  .tags-block .btn-tag { margin-right: 4px; }
  .page-header__inner { max-width: 448px; padding-left: 0; padding-right: 0; }
  /* 상세 */
  .page-detail__inner, .page-detail__contents { max-width: 448px; }
  .page-detail-head .head-title__list li { float: none; display: block; padding: 0; }
  .page-detail-head .head-title__list li::before { display: none; }
  .page-detail { padding-bottom: 80px; }
  .page-detail .s__inner { padding-left: 0; padding-right: 0; }
  .page-detail .component-content:first-child { margin-top: 28px; }
  .page-detail--employee { padding-bottom: 40px; }
  .page-detail--notice { padding-top: 0; }
  .page-detail--policy { padding-top: 0; }
  .page-detail__link-block { padding-top: 60px; }
  .page-detail-foot { padding-bottom: 5px; }
  .pedia-box__contents { display: block; }
  .pedia-box__image { float: none; width: 100%; height: auto; }
  .pedia-box__image .img img { width: 100%; height: auto; }
  .pedia-box__detail { float: none; width: 100%; margin-top: 16px; padding-bottom: 0; }
  .pedia-box__detail .btns-wrap { margin-top: 20px; text-align: center; position: relative; }
  .news-team__inner { max-width: 448px; }
  .news-team__btns .btn { height: 40px; line-height: 40px; }
  .hmg-news-container .news-top-section { position: relative;padding-bottom: 48px; } /* 230621 modify*/
  .hmg-news-container .news-top-section:after { position: absolute; top: 0; left: 50%; width: 800px; height: 100%; margin-left: -400px; content: ""; /*background: #f1f1f1;*/ } /* 230621 modify*/
  .hmg-news-container .section-head-filter { padding-top: 32px; text-align: center; } /* 241007 modify*/
  .hmg-news-container .section-head-filter .setion-head-tab { margin-top: 0; } /* 241007 add*/
  .icon__print { display: none; }
  .hmg-pedia-contents .hmg-pedia__img { float: none; margin-right: 0; width: 100%; height: 300px; }
  .hmg-pedia-contents .hmg-pedia__cont { margin-top: 16px; }
  .hmg-pedia-contents .hmg-pedia__cont .btns-wrap { margin-top: 20px; text-align: center; }
  .row-list-wrap.type-border .row-list + .row-list { border-top: 0; }
  .row-list + .row-list { margin-top: 20px; }
  .row-list a { padding: 0; }
  .row-list .list__txt--sm + .list__txt--lg { margin-top: 16px; }
  .row-list .list__txt--md { margin-top: 12px; display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
  .row-list .list__txt--md.list-location { margin-top: 16px; color: rgba(0, 0, 0, 0.7); }
  .row-list .list__txt--lg { margin-top: 8px; }
  .one-word { padding: 48px 0; }
  .one-word__txt { line-height: 1.6; }
  .one-word:before, .one-word:after { left: 50%; top: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .one-word:before { top: 20px; }
  .one-word:after { bottom: 20px; }
  .card.card--graph { height: 448px; margin: 0 4px 8px; }
  .card.card--graph:first-child { margin-top: 12px; }
  .card.card--executives_num { height: 448px; background: #000; }
  /* .card.card--executives_num .card__inner .card__head .card__title-sub { margin-bottom: 106px; } 250529 delete */
  .chart { width: 100%; min-height: 300px; height: 90%; } }

@media all and (max-width: 487px) { .detail__inner { max-width: 100%; padding: 0 20px 80px; }
  /* 상세 */
  .page-detail { padding-left: 20px; padding-right: 20px; }
  .page-detail .component-etc .tags-block { padding-left: 0; padding-right: 0; }
  .page-header__inner { max-width: 100%; padding-left: 20px; padding-right: 20px; }
  .page-detail__inner { padding: 0 20px; }
  .news-team__inner { padding: 60px 20px 40px; }
  .policy_date { margin-left: 0; margin-right: 0; }
  .hmg-pedia-contents .hmg-pedia__img { height: calc(75vw - 66px); }
  .global-wrap { height: calc(140vw - 56px); }
  .global__tit-sub { top: 6.66667vw; font-size: 3.33333vw; }
  /* .global__tit { top: 15vw; font-size: 11.11111vw; } 250529 delete */
  .global__date { bottom: 4.44444vw; right: 4.44444vw; font-size: 3.33333vw; }
  .global__canvas { top: 30.88889vw; } } /* 250529 modify */

@media all and (max-width: 360px) { .card.card--graph { height: calc(140vw - 56px); }
  /* .card.card--executives_num { height: calc(140vw - 56px);  }  250529 delete*/
  /* .card.card--executives_num .card__inner .card__head .card__title-sub { margin-bottom: calc(140vw - 400px); } 250529 delete */
  .chart { min-height: 82.14286vw; } }

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .detail-box .video__list-img:after { /*background-color: rgba(159, 159, 159, 0.5);*/ } } /* 220518 modify */
/*# sourceMappingURL=style.css.map */

/* main popup */
.popup-layer { display:none; position:absolute; top:0; left:0; z-index:115; overflow-y:hidden; box-sizing:border-box; width:100%; height:100%; padding:0; background:rgba(0,0,0,.6); text-align:center; opacity:1;  }
.popup-layer-open { display:block; }
.popup-layer__inner { display:block; position:absolute; width:88.8889vw; height:113.8889vw; top:41.6667vw; left:50%; margin-left:-44.4444vw; font-family: 'SpoqaHanSansNeo', 'Malgun Gothic', '맑은 고딕', sans-serif; font-weight:500; }
.popup-layer__contents { display:block; position:relative; width:88.8889vw; height:100vw; }
.popup-layer__link { display:block; position:absolute; width:100%; height:100%; top:0; left:0; }
.popup-layer__link img { display:block; position:relative; width:100%; height:100%; top:0; left:0; }
.popup-layer__buttons { display:block; position:relative; width:88.8889vw; height:13.8889vw; }
.popup-layer__buttons li { display:block; position:relative; float:left; width:50%; height:13.8889vw; }
.popup-layer__buttons li a { display:block; position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; font-size:4.1667vw; line-height:13.1944vw; cursor:pointer; }
.popup-layer__buttons li.plb__light a { color:#333; background-color:#f0f0f0; }
.popup-layer__buttons li.plb__dark a { color:#fff; background-color:#333; }

@media all and (min-width: 720px) {
  .popup-layer__inner { width:408px; height:523px; top:200px; left:50%; margin-left:-204px; }
  .popup-layer__contents { width:408px; height:459px; }
  .popup-layer__buttons { width:408px; height:64px; }
  .popup-layer__buttons li { height:64px; }
  .popup-layer__buttons li a { font-size:17px; line-height:64px; } } /* 230428 modify */


/* 2403210 add */
.component-key-visual02 .hmg-video-play-wrap.hidden-control-btn .vjs-control-bar {display:none;}
/* .component-key-visual02 .hmg-video-play-wrap.hidden-control-btn:before { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); content:""; display:block; width:100%; height:100%; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, 0.6))); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 94%); z-index:1; } */
/* //2403210 add */



/* s: 240307 add */
/* infographics */
.infographics .card-block.card-col3 .card-list__block{flex-wrap:wrap;}
.sect-title.info_tit{font-size:33px;}
.card-block:nth-child(2) .card.card--infoGrphics{margin-top:12px}
.card.card--infoGrphics{margin-top:36px;border-radius:0;height:auto;background-color:transparent;}
.card--infoGrphics a{display:block;height:398px;border-radius:10px;border:1px solid #e0e0e0;overflow:hidden;}
.ver_r2 .card--infoGrphics a:hover,.ver_r2 .noRound .card--infoGrphics a:hover{border:1px solid #222;overflow: hidden;}
/* .card--infoGrphics .card__thumb .card__img img{image-rendering:pixelated;} */
.card--infoGrphics .card__thumb .card__img::after{display:none;}
.card--infoGrphics .card__thumb .card__img::before{display:none;}
.ver_r2 .card--infoGrphics .card__thumb::before{display:none;}
.card--infoGrphics .card__title{margin-top:20px;color:#000; overflow: hidden;max-width: 100%;text-overflow: ellipsis;vertical-align: middle;
  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 110px;}
.page-detail-head .head-title__list .link2{position:relative;padding-right:23px;color:#111;font-weight:700;line-height:100%;font-size:17px;}
.page-detail-head .head-title__list .link2:after{position:absolute;top:7px;right:0;transform:rotate(-45deg);content:"";display:block;width:10px;height:10px;border-bottom:2px solid #000;border-right:2px solid #000;}
.page-detail-head .head-title__list li.short_cut:before{display:none;}
.item--news.mt20{margin-top:20px;}
.item--news .mb0{margin-bottom:0;}

.card--infoGrphics-sh .info__img-ws{display:block;}
.card--infoGrphics-sh .info__img-ms{display:none;}
.noRound .card--infoGrphics a{border-radius:0;border:0}
@media (max-width:1159px){
  .gnb__item.gnb_group{width:100%;padding-top:5px;border-bottom:1px solid #d8d8d8;}
  .sect-title.info_tit{font-size:23px;}
}
@media (min-width: 720px) and (max-width:1024px){
  .card--infoGrphics a{height:28.888vw;}

}
@media (min-width: 900px) and (max-width: 1399px){
  .card--infoGrphics a {height:28.42857vw;}
  .page-detail-head .head-title__list .link2{padding-right:13px;font-size: 1.07143vw;
    letter-spacing: -0.01357vw;}
  .page-detail-head .head-title__list .link2:after{width:6px;height:6px;top:5px}
}
@media (min-width: 856px){
  .page-detail-head .head-title__list li.short_cut{padding:0 8px 0 22px}
}
@media (max-width: 830px){
  .page-detail-head .head-title__list li.short_cut{margin-top:2vw}
}

@media (min-width: 720px) and (max-width:855px){
  .page-detail-head .head-title__list li.short_cut{padding-left:0}
  .page-detail-head .head-title__list li.short_cut a{font-size:15px;}
}
@media (max-width: 719px){
  .card--infoGrphics a {height:448px;min-height:277px;}
  .card--infoGrphics.card--infoGrphics-sh a{height:238px;min-height:180px;}
  /* .card--infoGrphics.card--infoGrphics-sh a .card__img img{height:auto} */
  .card.card--infoGrphics,
  .card-block:nth-child(2) .card.card--infoGrphics:nth-child(2),
  .card-block:nth-child(2) .card.card--infoGrphics:nth-child(3){margin-top:45px;}
  .page-detail-head .head-title__list li.short_cut{margin-top:5.5vw}
  .page-detail-head .head-title__list .link2{padding-right:19px;font-size:14px;}
  .page-detail-head .head-title__list .link2:after{width:8px;height:8px;top:6px}
  .card--infoGrphics-sh .info__img-ws{display:none;}
  .card--infoGrphics-sh .info__img-ms{display:block;}
}


@media (max-width: 487px){
  .card--infoGrphics a {height:88.88889vw;}
  .card--infoGrphics.card--infoGrphics-sh a{height:50vw;min-height:180px;}

}


/* e: 240307 add */
.component-key-visual02 .hmg-video-play-wrap.hidden-control-btn .vjs-control-bar {display:none;}/* 240321 add */

/* s: 240313 add */

.main-tagcloud-wide .tagcloud-pc{padding-top:120px}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list{vertical-align:top;}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.mr_top{margin-top:183px;}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud {display:inline-flex;flex-wrap:wrap;justify-content:space-between;width:540px;/*flex-direction:row-reverse;*/}/*240403 modify(flex-driection추가) 240409 delete*/
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud .main-tagcloud-box:last-child{margin-left:auto;}/*240409 add */
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud .main-tagcloud-box.mtag--b{width:100%}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud .main-tagcloud-box.mtag--b a{width:100%;height:304px}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud .main-tagcloud-box.mtag--b video{width:100%}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud .main-tagcloud-box:nth-child(2){padding-top:20px}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud .main-tagcloud-box.mtag--b + .main-tagcloud-box{padding-top:30px}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-list.col2_tagcloud  .main-tagcloud-box{width:calc(50% - 30px);}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-wide .main-tagcloud-list{vertical-align:top;}
.main-tagcloud-wide .tagcloud-pc .main-tagcloud-wide .main-tagcloud-list:nth-child(odd){margin-top:169px}

/*tablet */
.wrap.tablet .main-container .col2_tagcloud{display:flex;}
.wrap.tablet .main-container .main-tagcloud-box{padding:7px 0}
.wrap.tablet .main-container .col2_tagcloud .main-tagcloud-list{width:calc(50% - 2.5px);}
.wrap.tablet .main-container .col2_tagcloud .main-tagcloud-list.main_w100{display:block;width:100%}
.wrap.tablet .main-container .col2_tagcloud .column_box{flex:1}

/* mobile */
.tagcloud-mobile .col2_tagcloud{width:100%;z-index:1}
.tagcloud-mobile .col2_tagcloud .main-tagcloud-box.mtag--b {width:100%;height:auto;display:block;padding-left:5px;padding-right:5px;z-index:1;}
.main-container .main-tagcloud-wide .main-tagcloud-inner.tagcloud-mobile{padding:80px 0 0}/*240328 modify*/
.tagcloud-mobile .mobile_list_wrap{padding-bottom:80px;width:100%;position:relative;overflow:hidden;}/*240328 modify(padding-bottom, overflow:hidden)*/

@media (min-width:820px) and (max-width:1400px){
  .wrap.tablet .main-container .col2_tagcloud .main-tagcloud-box{padding:12px 0}
  .wrap.tablet .main-container .col2_tagcloud .main-tagcloud-list{padding:0 12px;}
}
@media (min-width:768px) and (max-width:820px){
  .wrap.tablet .main-container .main-tagcloud-inner{width:100%}
}
/* e: 240313*/
/* s: 240429 Heraitage add */
.heritage_visual_wrap{position:relative;height:690px;margin-top:10px;animation: slideInUp02 0.7s ease-in-out;animation-fill-mode:forwards;opacity:0;}
.heritage_visual_wrap .heritage_main_cont{position: absolute;bottom:0;left:0;right:0;z-index:2;}
.heritage_visual_wrap .heritage_main_cont .s_cont_inner{position: relative;margin:0 auto;max-width:1028px;padding:0 23px 50px}
.heritage_visual_wrap .heritage_visual_img{position: relative;border-radius:10px;padding-top:56.25%;height:100%;overflow:hidden;}
.heritage_visual_wrap .heritage_visual_img::before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content: "";display: block;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, 0.6)));background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 94%);z-index:1;}
.heritage_visual_wrap .heritage_visual_img img{overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;position:absolute;left:50%;-webkit-transform: translateX(-50%);transform:translateX(-50%);top:0;bottom:0;width:100%;height:100%;}
.heritage_visual_wrap .heritage_visual_img .heritage-img_ms{display:none;}
/* .heritage_visual_wrap .heritage_visual_img .heritage-img_ws ,.component_heritage .inner_hrt .heritage-img_ws{overflow:hidden;border-radius:10px;position:absolute;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top:0;bottom:0;width:100%} */
.heritage_visual_wrap .heritage_main_cont .head-title{animation: slideInUp 1s ease-in-out;animation-delay: 1s;animation-fill-mode:forwards;opacity:0;font-size: 55px;color:#fff}
.heritage_visual_wrap .heritage_main_cont .s_main__sub_txt{animation: slideInUp 1.5s ease-in-out;animation-delay: 0.5s;animation-fill-mode:forwards;line-height:1.76;letter-spacing: -0.21px;color:#fff;opacity:0;}
.heritage_summary{padding:80px 0 20px}
.heritage_summary .inner_hrt{position:relative;max-width:1028px;margin:0 auto}
.heritage_summary .inner_hrt .s-heritage__txt{font-size:30px;font-weight:400;line-height:1.67;letter-spacing:-0.21px;text-align:center;}
.heritage_content{padding:60px 0 0}
.heritage_content.scroll_position01, .heritage_content.scroll_position02, .heritage_summary.scroll_position03{opacity:0}
.heritage_content .inner_hrt .s-cont__txt{font-size:22px;font-weight:400;line-height:1.5;letter-spacing:-0.21px;text-align: center;}
.component_heritage{padding:100px 0 20px}
.component_heritage .video-js .vjs-hidden{display:none;}
.component_heritage .inner_hrt{position:relative;max-width:1028px;margin:0 auto}
.component_heritage .inner_hrt .heritage_img_box img{width:100%}
.component_heritage .inner_hrt .s-heritage__txt2{margin-bottom:20px;font-size:30px;font-weight:600;line-height:1.67;letter-spacing:-0.21px;}
.downloads-block {text-align:center;margin-top:40px}
.downloads-block .btn-down{position:relative;max-width:100%;height:40%;line-height: 40px;min-height: 40px;padding:0 20px 0 52px;border-radius:30px;border:1px solid #ddd;font-size: 17px;color:#111;background-color:rgba(0, 0, 0, 0);text-align: left;word-break: break-all;}
.downloads-block .btn-down:hover{ background-color: rgba(100, 100, 100, 0.1);cursor: pointer;}
.downloads-block .btn-down ~ .btn-down{margin-left:10px;}
.downloads-block .btn-down:after{position:absolute;left:20px;top:5px;display:block;content:"";width:24px;height:24px;background:url('../../assets/images/common/ico_download_black.svg') no-repeat center / 90%}
.heritage_banner{margin-top:100px;}
.heritage_banner .heritage_banner_inner{display:flex;justify-content:center}
.heritage_banner .heritage_banner_inner .heritage_banner_cont{padding:20px 40px;width:1028px;min-height:100px;text-align:right;color:#fff;font-size:17px;background:url(../../assets/images/event/bnr_heritage.png) no-repeat, #000; border-radius: 10px;}
.heritage_banner .heritage_banner_inner .heritage_bnrLink{position:relative;display: block;margin-top:15px;font-size:13px;padding-right:24px}
.heritage_banner .heritage_banner_inner .heritage_bnrLink:after{position:absolute;display:block;top:5px;right:6px;content:"";width:8px;height:8px;transform: rotate(135deg);border-left:2px solid #fff;border-top:2px solid #fff;}
.post-youtube_wrap{position:relative;width:100%;height:100%;padding-bottom:56.25%;border-radius:10px;overflow:hidden;}
.post-youtube_wrap .post-youtube__thumbnail{width:100%;height:100%;overflow:hidden;}
.post-youtube_wrap .post-youtube__thumbnail::after{display:block;content:"";position:absolute;left:40px;bottom:40px;width:50px;height:60px; background-size: 50px 60px;background: url(../../assets/images/common/ico_play.svg) no-repeat 50% 50% / 50px 60px;z-index:10;}
.post-youtube_wrap .post-youtube__thumbnail img{width:100%}
.post-youtube_wrap .youtube__iframe{width:100%;height:100%;object-fit:cover;}
.post-youtube_wrap .post-video--youtube{display:none;width:100%;height:100%;position:absolute;left:0;top:0}
.post-youtube_wrap .post-youtube__btn{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);cursor: pointer;z-index: 10;background: url('/content/dam/hyundai/ww/en/images/newsroom/common/btn_video-play.png'); background-size: cover;}
.post-youtube_wrap .post-youtube__btn:hover:before{display:block;content:"";z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.3);cursor: pointer;}
.post-youtube_wrap .post-youtube__btn:hover img{animation: scale 1s linear;animation-fill-mode : forwards;}

@media all and (min-width: 900px) and (max-width: 1399px) {
  .heritage_summary{padding:3.8vw 0 1.42857vw}
  .heritage_summary .inner_hrt .s-heritage__txt{font-size: 2.1429vw;}
  .component_heritage{padding:4vw 0 1vw}
  .heritage_visual_wrap{width:calc(100% - 1.71429vw);min-width:calc(100% - 1.71429vw);height:49.28571vw;}
  .heritage_content{padding:3vw 0 0}
  .downloads-block{margin-top:2.14vw;}
}
@media (max-width: 447px){
  .heritage_summary{padding:40px 0 10px}
  .component_heritage{padding:21vw 0 1vw}
  .heritage_content{padding:11vw 0 0}
  .heritage_visual_wrap{height:448px}
  .heritage_summary .inner_hrt .s-heritage__txt{font-size:20px;line-height: 1.6;}
  .compornet_heritage {padding: 40px 0 16px;}
  .heritage_content .inner_hrt  .s-cont__txt{font-size:18px;}
  .component_heritage .inner_hrt .s-heritage__txt3{font-size:20px;line-height:1.6;}
  .heritage_banner{margin-top: 80px;}
  .heritage_banner .heritage_banner_inner .heritage_banner_cont{padding:10px 20px;font-size:14px;background:url(../../assets/images/event/bnr_heritage_mo.png) no-repeat left top/ auto 100%, #000;}
  .downloads-block{margin-top:5.2vw;}
  .downloads-block .btn-down{font-size:14px;display:inline-block;min-width:190px;padding-left:44px;border:2px solid #ddd}
  .downloads-block .btn-down ~ .btn-down{margin:10px 0 0 0;}
  .component_heritage .inner_hrt .s-heritage__txt2{font-size:20px;line-height:1.6;}
  .downloads-block .btn-down:after{width:20px;height:20px;top:8px;}
  .heritage_visual_wrap .heritage_main_cont .head-title{font-size:23px;}
  .heritage_visual_wrap .heritage_main_cont .s_cont_inner{padding:0 23px 23px}
  .post-youtube_wrap{width:100%;}
  .heritage_banner .heritage_banner_inner .heritage_bnrLink{font-size:12px;}
}

@media (max-width:899px){
  .post-youtube_wrap .post-youtube__thumbnail::after{left:16px;bottom:16px;width:35px;height:40px;background-size:35px 40px;}
  .heritage_visual_wrap .heritage_visual_img .heritage-img_ws{display:none;}
  .heritage_visual_wrap .heritage_visual_img .heritage-img_ms{display:block;}
}
@media (min-width: 767px) and (max-width: 899px){


  .heritage_summary{padding:40px 0 16px}
  .heritage_summary .inner_hrt .s-heritage__txt{font-size:20px;text-align: center;}
  .heritage_content .inner_hrt .s-cont__txt{font-size: 20px;}
  .component_heritage{padding:40px 0 16px}
  .heritage_banner{margin-top:60px;}
  .heritage_content{padding:40px 0 0}
  .heritage_banner .heritage_banner_inner .heritage_banner_cont {}
  .heritage_visual_wrap .heritage_main_cont .head-title{font-size:5vw}
}


@keyframes slideInUp02{
  0%{transform: translateY(20%);
    opacity:0;
  }
  to{
    transform: translateY(0%);
    opacity:1 ;
  }

}
.animate-slide-in{animation: slideInUp 1s ease-in-out;animation-fill-mode:forwards;opacity:0;}
/* e: 240429 Heraitage add */

/*s: 240530 add */
.global__tit .sub_txt01{font-size:46px;font-weight: normal;}
.global__date2{position:absolute;bottom:15px;right:31px;font-size:20px;color: rgba(255, 255, 255, 0.6);line-height: 1.5;letter-spacing:-0.1px;} /* 250529 modify */
/*s: 250529 add */
@media (min-width: 900px) and (max-width: 1399px) {
  .global__date2 {
    font-size: 1.42857vw;
    bottom: 1.1429vw;
    right: 2.7861vw;
  }
}
/*e: 250529 add */
@media (max-width: 899px){
  .global__tit .sub_txt01 {display: inline-block; font-size:23px;letter-spacing:-0.38px;} /* 250529 modify */
  .global__date2{font-size: 12px;right:20px;} /* 250529 modify */
  .global__tit .sub_txt01:nth-child(1) {margin-bottom: 15px;} /* 250529 add */
}
/*e: 240530 add */

/* s: 240514 add (이미지슬라이드 개선) */
/* s: 240626 modify */
.page-detail--news .component-slide-image .s-box--horizon,
.page-detail--news .component-slide-image .s-box--vertical,
.page-detail--news .component-slide-image .s-box--multi{max-width:1030px;}
.component-slide-image .s-box--horizon,
.component-slide-image .s-box--vertical,
.component-slide-image .s-box--multi{position:relative;padding:50px 214px 90px 0;border-radius:10px;overflow:hidden;}
.component-slide-image .s-box--vertical,
.component-slide-image .s-box--multi{padding:50px 5px 90px 5px;}
.component-slide-image .s-box--horizon .swiper-scrollbar-drag,
.component-slide-image .s-box--vertical .swiper-scrollbar-drag,
.component-slide-image .s-box--multi .swiper-scrollbar-drag{background:#000;}
.component-slide-image .s-box--horizon .swiper-scrollbar,
.component-slide-image .s-box--vertical .swiper-scrollbar,
.component-slide-image .s-box--multi .swiper-scrollbar{background-color:rgba(0, 0, 0, 0.2);}
div[class^='component'].bg-black .s-box--horizon .swiper-scrollbar-drag,
div[class^='component'].bg-black .s-box--vertical .swiper-scrollbar-drag,
div[class^='component'].bg-black .s-box--multi .swiper-scrollbar-drag{background:#fff;}
div[class^='component'].bg-black .s-box--horizon .swiper-scrollbar,
div[class^='component'].bg-black  .s-box--vertical .swiper-scrollbar,
div[class^='component'].bg-black  .s-box--multi .swiper-scrollbar{background-color:rgba(255, 255, 255, 0.2);}
.component-slide-image .s-box--horizon .swiper-slide{margin:0 7px;opacity:1;}
.component-slide-image .s-box--vertical .swiper-slide,
.component-slide-image .s-box--multi .swiper-slide{margin:0 7px;opacity:1;width:auto;}
/* .component-slide-image .s-box--vertical .s-slide__img,
.component-slide-image .s-box--multi .s-slide__img {width:auto;}  */
.component-slide-image .s-box--vertical .swiper-slide img,
.component-slide-image .s-box--multi .swiper-slide img{width:auto;height:496px;}
.full-screen-ly-pop .full_slide_txt{height:36px;padding:0 30px;margin-bottom:30px;white-space: nowrap;font-size:24px;font-weight:500;color:#fff;line-height: 1.5;text-overflow: ellipsis;overflow:hidden;-webkit-line-clamp:1;}
.full-screen-ly-pop .full_slide_stxt{white-space:nowrap;font-size:13px;margin-top:10px;color:#fff;text-overflow: ellipsis;overflow:hidden;font-weight:300;
  -webkit-line-clamp: 1;max-width:100%;}
/*s: 240723 modify*/
.full-screen-ly-pop .full_slide_wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;
  max-width:100%;max-height:100%;text-align:center;}
.full-screen-ly-pop .full_slide_wrap img{position:relative;top:0;left:0;transform:none;max-width: 100%;max-height:calc( 100% - 100px)}


@media (min-width:719px){
  .full-screen-ly-pop .full_slide_wrap{flex-direction:column;justify-content:center; display: flex;}
  .full-screen-ly-pop .full_slide_wrap img{object-fit: contain;}
}
/*e: 240723 modify*/
@media (max-width: 488px) {
  .component-slide-image .s-box--horizon{padding:10px 40px 34px 0;}
}
@media (max-width: 719px) {
  .component-slide-image .s-box--horizon{padding:30px 60px 35px 20px;}
  .component-slide-image .s-box--vertical,
  .component-slide-image .s-box--multi{padding:30px 20px 35px;}
  .page-detail--news .component-slide-image .s-box--horizon,
  .page-detail--news .component-slide-image .s-box--vertical,
  .page-detail--news .component-slide-image .s-box--multi{margin:0}
  .component-slide-image .s-box--horizon .s-slide__img,
  .component-slide-image .s-box--vertical .s-slide__img,
  .component-slide-image .s-box--multi .s-slide__img{width:auto;}
  .component-slide-image .s-box--vertical .swiper-slide img{height:320px}
  .component-slide-image .s-box--multi .swiper-slide img{height:158px}
  .full-screen-ly-pop .full_slide_txt{margin-bottom:15px;font-size: 16px;}
  .full-screen-ly-pop .full_slide_stxt{font-size: 12px;}
  .full-screen-ly-pop .full_slide_wrap img{height:auto;}
}

@media (max-width: 899px){
  .component-slide-image .s-box--vertical .swiper-slide,
  .component-slide-image .s-box--multi .swiper-slide,
  .component-slide-image .s-box--horizon .swiper-slide{margin:0 4px}
  .component-slide-image .s-box--horizon .s-slide-btn.swiper-button-prev,
  .component-slide-image .s-box--vertical .s-slide-btn.swiper-button-prev,
  .component-slide-image .s-box--multi .s-slide-btn.swiper-button-prev{left:0;}
  .component-slide-image .s-box--horizon .s-slide-btn.swiper-button-next,
  .component-slide-image .s-box--vertical .s-slide-btn.swiper-button-next,
  .component-slide-image .s-box--multi .s-slide-btn.swiper-button-next{right:0;}
  .component-slide-image .s-box--multi .swiper-scrollbar,
  .component-slide-image .s-box--horizon .swiper-scrollbar,
  .component-slide-image .s-box--vertical .swiper-scrollbar
  {width:90%;}
}
@media (min-width:720px) and (max-width:1025px){
  .component-slide-image .s-box--horizon{padding:50px 70px 50px 0}
  .component-slide-image .s-box--horizon, .component-slide-image .s-box--vertical, .component-slide-image .s-box--multi{padding:50px 0 50px 0;margin:0 auto;max-width: 767px;}
  .component-slide-image .s-box--multi .swiper-slide img,
  .component-slide-image .s-box--vertical .swiper-slide img{height:37vw}
  .full-screen-ly-pop .full_slide_wrap .full_slide_txt{margin-bottom:10px;font-size: 17px;}
  .full-screen-ly-pop .full_slide_wrap img{max-height:500px}
}
@media (max-width: 1025px) {
  .component-slide-image .s-box--multi .swiper-slide,.component-slide-image .s-box--vertical .swiper-slide{flex-shrink: 1;}
  .full-screen-ly-pop .full_slide_wrap{height:auto}
}
/* e: 240626 modify */
/* e: 240514 add (이미지슬라이드 개선) */
/* s: 241120 add */
@media (max-width: 767px) {
  .setion-head-tab {gap: 20px; width: 100%; max-width: unset;}
  .setion-head-tab.setion-head-tab--eng {gap: 10px} /*241125 add*/
  .setion-head-tab .setion-head-tab__item .page-title {height: 40px;} /*241125 modify*/
  .setion-head-tab.twoLine .setion-head-tab .setion-head-tab__item .page-title {height: 60px;} /*241125 add*/
  .setion-head-tab .setion-head-tab__button .page-title .page-title-item {max-width: 126px; word-break: break-all;} /*241125 add*/
  .setion-head-tab .setion-head-tab__button.is-active:after {width: calc(100% + 10px)}
  /* s : 241125 add */
  .setion-head-tab .toolTipWrap {width: 20px; height: 40px; right: -25px;} /*241217 modify*/
  .setion-head-tab.setion-head-tab--eng .toolTipWrap {right: -20px; top: 33px;}
  .setion-head-tab .toolTipWrap .toolTip-openBtn {width: 16px; height: 16px;} /*241217 modify*/
  .setion-head-tab .toolTipWrap .toolTip-cont {right: -8px;} /*241217 modify*/
  /* e:  241125 add */
}
/* e: 241120 add */

/* s : 241125 add */
@media (max-width: 359px) {
  .setion-head-tab.setion-head-tab--eng .toolTipWrap .toolTip-cont {right: 0;}
  .setion-head-tab.setion-head-tab--eng .toolTipWrap .toolTip-cont::before {right: 3px;}
}
/* e : 241125 add */