@charset "UTF-8";

html,body { height: 100%; }
body { overflow-x: auto!important; overflow-y: scroll; }
a.blind { overflow: hidden; color: #444; position: absolute; font-weight: 300; top: 6px; left: -10000px; font-size: var(--font-12px); }
a.blind:focus { left: 0; }
.hidden { display: block; height: 0; width: 0; fffffffff; line-height: 0; overflow: hidden; margin: 0; padding: 0; }
.js-ellipsis { overflow: hidden; }
sup { top: -.3em; }
.ui-tabs { padding: 0; }
.ui-tabs .ui-tabs-nav { padding: 0; }
.ui-tabs .ui-tabs-nav li { box-sizing: border-box; position: relative; height: 60px; padding-right: 1px; border: 1px solid #000; margin: 0 -1px 0 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { border: 2px solid #a50034; z-index: 1; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { color: #a50034; line-height: 56px; font-weight: bold; }
.ui-tabs .ui-tabs-nav li .ui-tabs-anchor { color: #000; width: 100%; line-height: 58px; text-align: center; padding: 0; font-size: var(--font-16px); }
.ui-tabs .ui-tabs-panel { margin-top: 20px; padding: 0; }
.ui-tabs.tab2 .ui-tabs-nav li { width: calc(100%/2); }
.ui-tabs.tab3 .ui-tabs-nav li { width: calc(100%/3); }
.ui-tabs.tab-sub .ui-tabs-nav { border-bottom: 1px solid #dedede; }
.ui-tabs.tab-sub .ui-tabs-nav li { height: 47px; margin-bottom: -1px; border: none; border-bottom: 2px solid transparent; }
.ui-tabs.tab-sub .ui-tabs-nav li .ui-tabs-anchor { color: #777; font-weight: 300; line-height: 45px; font-size: var(--font-15px); }
.ui-tabs.tab-sub .ui-tabs-nav li.ui-tabs-active { border-bottom-color: #000; }
.ui-tabs.tab-sub .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { color: #000; font-weight: 400; }
.ui-tabs.tab-sub .ui-tabs-nav li+li:before { content: ""; position: absolute; display: inline-block; width: 1px; height: 14px; background: #ddd; margin-top: -7px; left: 0; top: 50%; }
.select-menu+.ui-selectmenu-button { display: inline-block; background: #fff; border: 1px solid #ccc; height: 48px; line-height: 48px; color: #444; padding: 0 20px; }
.select-menu+.ui-selectmenu-button.ui-selectmenu-button-open { border: 1px solid #000; border-bottom: none; }
.select-menu+.ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon { background-position: left bottom; }
.select-menu+.ui-selectmenu-button .ui-selectmenu-icon { width: 10px; height: 6px; background-image: url(../images/common/icon_select_menu.png); background-repeat: no-repeat; background-position: 0 0; margin: 21px 0 0; padding: 0; }
.select-menu+.ui-selectmenu-button .ui-selectmenu-text { color: #444; font-weight: 300; line-height: 46px; font-size: var(--font-14px); }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu { z-index: 9; background: #fff; }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-selectmenu-optgroup { color: #777; font-weight: 300; margin: 0; padding: 17px 23px 0; font-size: var(--font-12px); }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-selectmenu-optgroup+.ui-menu-item { padding-top: 7px; }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu { border: 1px solid #000; border-top: none; }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu .ui-menu-item { color: #444; border-top: 1px solid #ccc; }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { text-align: left; font-weight: 300; padding: 15px 20px; font-size: var(--font-14px); }
.select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: #f5f5f5; font-weight: 400; margin: 0; }
.ui-dialog { display: none; background-color: #fff; border: 1px solid #222; padding: 29px; }
.ui-dialog .ui-dialog-titlebar { position: relative; padding: 0; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-title { width: 100%; color: #000; line-height: 36px; text-align: center; margin: 0; padding: 8px 24px 0; font-size: var(--font-22px); }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { top: 0; right: 0; width: 24px; height: 24px; margin-top: 0; background-image: url(../images/sub/icon_popup_close.png); background-repeat: no-repeat; background-position: 0; background-color: transparent; border: 0; }
.ui-dialog .ui-dialog-content { color: #444; font-weight: 300; line-height: 24px; padding: 11px 0 0; font-size: 15px; }
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li { height: 45px; }
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li .ui-tabs-anchor { line-height: 43px; font-size: var(--font-13px); }
.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { line-height: 41px; }
.ui-dialog .ui-dialog-content input[type=text].ui-text { height: 40px; font-size: var(--font-13px); }
.ui-dialog .ui-dialog-content .select-menu+.ui-selectmenu-button { height: 35px; line-height: 35px; }
.ui-dialog .ui-dialog-content .select-menu+.ui-selectmenu-button .ui-selectmenu-text { line-height: 33px; font-size: var(--font-13px); }
.ui-dialog .ui-dialog-content .select-menu+.ui-selectmenu-button .ui-selectmenu-icon { margin-top: 14px; }
.ui-dialog .ui-dialog-content .tbl-wrap .tbl-col thead tr th { color: #000; height: 39px; font-size: 14px; }
.ui-dialog .ui-dialog-content .tbl-wrap .tbl-col tbody tr td { font-size: 14px; }
.ui-dialog .ui-dialog-content .btn-wrap { margin-top: 30px; text-align: center; }
.ui-dialog .dialog-footer { margin-top: 30px; text-align: center; }
.ui-dialog .popup-msg p { text-align: center; }
.ui-dialog .popup-msg p+p { margin-top: 9px; }
.ui-widget-overlay { background-color: rgba(0,0,0,0.7); }
.sly-banner:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.sly-banner li { float: left; }
.anchor-list:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.anchor-list li { position: relative; float: left; height: 60px; background: #fafafa; border: 1px solid #d3d3d3; margin-left: -1px; }
.anchor-list li a { display: table; color: #444; width: 100%; height: 100%; font-size: var(--font-14px); }
.anchor-list li a span { display: table-cell; vertical-align: middle; text-align: center; line-height: 20px; }
.anchor-list li:hover,
.anchor-list li.active { background: #fff; z-index: 1; border-color: #000; }
.anchor-list li:hover a,
.anchor-list li.active a { color: #000; }
.anchor-list.col-7 li { width: calc(100%/7); }
.anchor-list.col-7 li:nth-child(7n+1) { margin-left: 0; }
.anchor-list.col-7 li:nth-child(n+8) { margin-top: -1px; }
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }
.wrapper { position: relative; min-width: 1200px; height: 100%; }
.wrapper .header-wrap .inner-wrap,
.wrapper .contents-wrap .inner-wrap,
.wrapper .footer-wrap .inner-wrap { width: 1200px; margin: 0 auto; }
.wrapper .header-wrap { position: fixed; width: 100%; min-width: 1200px; min-height: 90px; left: 0; top: 0; z-index: 10; }
.wrapper .header-wrap .gnb-top { background: #fff; }
.wrapper .header-wrap .gnb-top .inner-wrap { position: relative; }
.wrapper .header-wrap .gnb-top .inner-wrap:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.wrapper .header-wrap .gnb-top .family-site-list { float: right; height: 23px; }
.wrapper .header-wrap .gnb-top .family-site-list:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.wrapper .header-wrap .gnb-top .family-site-list li { float: left; }
.wrapper .header-wrap .gnb-top .family-site-list li a { display: inline-block; font-weight: 300; letter-spacing: -.5px; margin: 6px 0 5px; padding: 0 10px 0 11px; font-size: 12px; }
.wrapper .header-wrap .gnb-top .family-site-list li+li a { border-left: 1px solid #ccc; }
.wrapper .header-wrap .gnb-top .family-site-list li: last-child a { border-right: 1px solid #ccc; margin: 0; padding: 7px 10px 6px 11px; }
.wrapper .header-wrap .gnb-top .family-site-list li.change-lang { background: #222; }
.wrapper .header-wrap .gnb-top .family-site-list li.change-lang a { color: #fff; border: none; font-weight: 300; font-size: 12px; }
.wrapper .header-wrap .gnb-bottom { position: relative; background: #fff; border-top: 1px solid #f3f3f3; }
.wrapper .header-wrap .gnb-bottom:hover,
.wrapper .header-wrap .gnb-bottom.on { box-shadow: 0 52px 53px rgba(0,0,0,0.15); -webkit-box-shadow: 0 52px 53px rgba(0,0,0,0.15); -moz-box-shadow: 0 52px 53px rgba(0,0,0,0.15); }
.wrapper .header-wrap .gnb-bottom:hover .inner-wrap .gnb-list,
.wrapper .header-wrap .gnb-bottom.on .inner-wrap .gnb-list { height: auto; overflow: inherit; }
.wrapper .header-wrap .gnb-bottom:hover .inner-wrap .gnb-list .gnb-sub-list,
.wrapper .header-wrap .gnb-bottom.on .inner-wrap .gnb-list .gnb-sub-list { visibility: visible; }
.wrapper .header-wrap .gnb-bottom .inner-wrap:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-logo { float: left; margin-top: 10px; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list { float: right; height: 66px; margin-right: -10px; overflow: hidden; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list a { letter-spacing: -.5px; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li { float: left; text-align: center; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li.selected a { font-weight: 700; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li.event-link a { color: #a50034; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li+li { margin-left: 20px; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li a { font-size: var(--font-18px); }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li>a { line-height: 66px; padding: 0 10px; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li .gnb-sub-list { visibility: hidden; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li .gnb-sub-list li { padding: 5px 0 15px; }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li .gnb-sub-list li a { color: #444; font-weight: 300; font-size: var(--font-14px); }
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li .gnb-sub-list li.selected a,
.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list>li .gnb-sub-list li a:hover { color: #000; }

.wrapper .header-wrap .quick-menu { position: absolute; display: inline-block; width: 70px; top: 120px; right: 20px; box-shadow: 0 3px 6px rgba(0,0,0,0.12); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.12); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.12); }
.wrapper .header-wrap .quick-menu .quick-title { display: block; color: #fff; background: #4a4c58; height: 30px; text-align: center; line-height: 30px; font-size: var(--font-12px); }
.wrapper .header-wrap .quick-menu .quick-list { display: table; width: 100%; background: #fff; }
.wrapper .header-wrap .quick-menu .quick-list li { display: table-row; height: 76px; text-align: center; }
.wrapper .header-wrap .quick-menu .quick-list li:not(:first-child) a:before { content: ""; position: absolute; width: 48px; height: 1px; margin-left: -24px; background: #e7e7e7; top: 0; left: 50%; }
.wrapper .header-wrap .quick-menu .quick-list li a { position: relative; display: table-cell; vertical-align: middle; }
.wrapper .header-wrap .quick-menu .quick-list li a .icon { display: inline-block; width: 20px; height: 20px; background-image: url(../images/common/icon_quick_menu.png); background-repeat: no-repeat; }
.wrapper .header-wrap .quick-menu .quick-list li a .icon.tv-internet { background-position: 0 0; }
.wrapper .header-wrap .quick-menu .quick-list li a .icon.mobile { background-position: 0 -20px; }
.wrapper .header-wrap .quick-menu .quick-list li a .icon.direct { background-position: -20px 0; }
.wrapper .header-wrap .quick-menu .quick-list li a .icon.viewing { background-position: -20px -20px; }
.wrapper .header-wrap .quick-menu .quick-list li a .icon+span { display: block; margin-top: 3px; text-align: center; line-height: 12px; font-size: var(--font-11px); }

.wrapper .contents-wrap { box-sizing: content-box; min-height: calc(100vh - 584px); padding-top: 100px; }

.wrapper .footer-wrap { background: #2c2c2c; }
.wrapper .footer-wrap .footer-top { height: 57px; }
.wrapper .footer-wrap .footer-top:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.wrapper .footer-wrap .footer-top .footer-list { float: left; }
.wrapper .footer-wrap .footer-top .footer-list:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.wrapper .footer-wrap .footer-top .footer-list li { float: left; margin: 23px 0 22px; }
.wrapper .footer-wrap .footer-top .footer-list li a { position: relative; color: #bebdbd; padding: 0 13px; font-size: var(--font-15px); }
.wrapper .footer-wrap .footer-top .footer-list li a:before { content: ""; position: absolute; display: inline-block; width: 1px; height: 12px; background: #5b5a5a; margin-top: -6px; left: 0; top: 50%; }
.wrapper .footer-wrap .footer-top .footer-list li a.btn-private { color: #fff; }
.wrapper .footer-wrap .footer-top .footer-list li:first-child a { padding-left: 0; }
.wrapper .footer-wrap .footer-top .footer-list li:first-child a:before { width: 0; }
.wrapper .footer-wrap .footer-top .family-site-wrap { float: right; margin-top: 9px; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button { color: #fff; width: 200px; height: 40px; background: #424242; border: 1px solid #424242; line-height: 40px; font-size: var(--font-13px); }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button.ui-selectmenu-button-open { background: #fff; border: 1px solid #444; border-top: 1px solid #ccc; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon { background-position: right bottom; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-text { color: #000; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button .ui-selectmenu-icon { margin-top: 17px; background-position: right top; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button .ui-selectmenu-text { color: #fff; line-height: 38px; font-size: var(--font-12px); }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu { border: 1px solid #444; border-bottom: none; padding: 12px 0 15px; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu .ui-menu-item { border: none; padding: 8px 23px 0; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 0; }
.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu+.ui-selectmenu-button+.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: #fff; }
.wrapper .footer-wrap .footer-bottom { height: 137px; border-top: 1px solid #424242; }
.wrapper .footer-wrap .footer-bottom .inner-wrap { background: url(/brand/images/common/footer_logo.png) no-repeat left 35px; padding: 23px 0 0 167px; }
.wrapper .footer-wrap .footer-bottom .company-info { color: #999; font-weight: 300; line-height: 18px; font-size: 12px; }
.wrapper .footer-wrap .footer-bottom .copy-right { display: inline-block; color: #999; margin-top: 10px; font-size: 12px; }

[lang="ko"] .wrapper .footer-wrap .footer-bottom .company-info { font-size: 14px; }
[lang="ko"] .wrapper .footer-wrap .footer-bottom .copy-right { margin-top: 14px; font-size: 14px; }

.thumbnail-wrap { position: relative; }
.thumbnail-wrap: not(.no-dim) { overflow: hidden; }
.thumbnail-wrap: not(.no-dim):before { content: ""; position: absolute; display: block; width: calc(100%+10px); height: calc(100%+10px); background: rgba(0,0,0,0.25); left: -5px; top: -5px; }
.thumbnail-wrap.video-thumb .play-time { position: absolute; display: inline-block; color: #fff; background: rgba(0,0,0,0.4); font-weight: 300; right: 0; bottom: 0; padding: 7px 10px; font-size: var(--font-12px); }
.thumbnail-wrap.video-thumb:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; background-image: url(../images/common/icon_play_video.png); background-repeat: no-repeat; background-position: center center; left: 0; top: 0; }
.thumbnail-wrap.video-thumb.no-dim:after { display: none; }
a.btn,button[type=button].btn { display: inline-block; color: #444; height: 34px; border: 1px solid #777; text-align: center; line-height: 34px; padding: 0 15px; font-size: var(--font-14px); }
a.btn:focus,a.btn:hover,button[type=button].btn:focus,button[type=button].btn:hover { background-color: #fff; color: #a50034; border: 1px solid #a50034; }
a.btn[disabled],button[type=button].btn[disabled] { border: 1px solid #ccc; background-color: #fff; color: #aaa; }
a.btn.btn-lg,button[type=button].btn.btn-lg { min-width: 200px; height: 60px; line-height: 58px; padding: 0 30px; font-size: var(--font-16px); }
a.btn.btn-lg.text-sm,button[type=button].btn.btn-lg.text-sm { font-size: var(--font-14px); }
a.btn.btn-lg .ico-link,button[type=button].btn.btn-lg .ico-link { display: inline-block; width: 20px; height: 20px; background: url(../images/common/icon_btn_link_arr.png) no-repeat center; vertical-align: middle; margin: 0 0 2px 6px; }
a.btn.btn-lg.btn-ln-black,button[type=button].btn.btn-lg.btn-ln-black { border: 2px solid #000; color: #000; }
a.btn.btn-popup,button[type=button].btn.btn-popup { min-width: 160px; height: 50px; line-height: 48px; }
a.btn.btn-black,button[type=button].btn.btn-black { color: #fff; border: 1px solid #2c2c2c; background-color: #2c2c2c; }
a.btn.btn-black:focus,a.btn.btn-black:hover,button[type=button].btn.btn-black:focus,button[type=button].btn.btn-black:hover { border: 1px solid #a50034; background-color: #a50034; }
a.btn.btn-black[disabled],button[type=button].btn.btn-black[disabled] { border: 1px solid #ccc; background-color: #ccc; }
a.btn.btn-gray,button[type=button].btn.btn-gray { color: #fff; border: 1px solid #666; background-color: #666; }
a.btn.btn-gray:focus,a.btn.btn-gray:hover,button[type=button].btn.btn-gray:focus,button[type=button].btn.btn-gray:hover { border: 1px solid #000; background-color: #000; color: #fff; }
a.btn.btn-gray[disabled],button[type=button].btn.btn-gray[disabled] { border: 1px solid #ccc; background-color: #ccc; color: #fff; }
a.btn.btn-ln-black,button[type=button].btn.btn-ln-black { background-color: #fff; color: #000; border-color: #777; }
a.btn.btn-ln-black:focus,a.btn.btn-ln-black:hover,button[type=button].btn.btn-ln-black:focus,button[type=button].btn.btn-ln-black:hover { background-color: #efefef; }
a.btn.btn-ln-black[disabled],button[type=button].btn.btn-ln-black[disabled] { border: 1px solid #ccc; background-color: #fff; color: #aaa; }
a.btn.btn-place,button[type=button].btn.btn-place { min-width: 110px; background-color: #fafafa; border-color: #d3d3d3; padding: 4px 5px; height: auto; font-size: var(--font-13px); }
a.btn.btn-place.selected,button[type=button].btn.btn-place.selected { background-color: #fff; color: #a50034; border-color: #a50034; }
a.btn .icon-file,button[type=button].btn .icon-file { margin-top: -3px; margin-right: 9px; vertical-align: middle; }
a.btn+.btn,button[type=button].btn+.btn { margin-left: 3px; }
a.btn-lg-more,button[type=button].btn-lg-more { display: block; width: 100%; border: 1px solid #d5d5d5; background-color: #fff; color: #444; font-weight: 400; line-height: 16px; padding: 21px 0; font-size: var(--font-16px); }
a.btn-lg-more .number,button[type=button].btn-lg-more .number { color: #777; vertical-align: 1px; }
a.btn-lg-more .number .val,button[type=button].btn-lg-more .number .val { color: #a50034; }
a.btn-lg-more .number .gap,button[type=button].btn-lg-more .number .gap { font-size: var(--font-14px); }
a.btn-lg-more:before,button[type=button].btn-lg-more:before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 6px; vertical-align: -1px; background-image: url(../images/sub/icon_btn_lg_more.png); background-repeat: no-repeat; background-position: 0; }
a.btn-bbs,button[type=button].btn-bbs { display: inline-block; width: 45px; height: 45px; border: 0; fffffffff; background-image: url(../images/sub/icon_bbs_sns.png); background-repeat: no-repeat; background-position: 0; background-color: transparent; }
a.btn-bbs.btn-facebook,button[type=button].btn-bbs.btn-facebook { background-position: 0 0; }
a.btn-bbs.btn-url-copy,button[type=button].btn-bbs.btn-url-copy { background-position: -45px 0; }
a.btn-bbs.btn-share,button[type=button].btn-bbs.btn-share { background-position: -90px 0; }
a.btn-ico-delete,button[type=button].btn-ico-delete {font-size: 0; width: 44px; height: 44px; border: 0; fffffffff; background-image: url(../images/sub/icon_btn_delete.png); background-repeat: no-repeat; background-position: center; background-color: transparent; }
a.btn-so-popup,button[type=button].btn-so-popup { position: relative; color: #fff; width: 270px; height: 50px; background: transparent; border: 2px solid #fff; text-align: left; font-weight: 300px; padding: 0 20px; font-size: var(--font-15px); }
a.btn-so-popup:after,button[type=button].btn-so-popup:after { content: ""; position: absolute; display: inline-block; width: 13px; height: 9px; background-image: url(../images/common/icon_so_popup_btn.png); background-position: 0 0; background-repeat: no-repeat; margin-top: -5px; top: 50%; right: 20px; }
a.btn-so-popup.opened:after,a.btn-so-popup:hover:after,button[type=button].btn-so-popup.opened:after,button[type=button].btn-so-popup:hover:after { background-position: left bottom; }
a.btn-favorite,button[type=button].btn-favorite { display: inline-block; width: 15px; height: 15px; background-color: transparent; background-image: url(../images/common/icon_favorite.png); background-repeat: no-repeat; background-position: 0 0; border: 0; fffffffff; margin: 0; padding: 0; }
a.btn-favorite.selected,button[type=button].btn-favorite.selected { background-position: right top; }
a[disabled=disabled],button[type=button][disabled=disabled] { cursor: not-allowed; }
a.btn-bbs-file,button[type=button].btn-bbs-file { position: relative; display: inline-block; padding-left: 17px; font-weight: 300; text-decoration: underline; font-size: var(--font-15px); }
a.btn-bbs-file:before,button[type=button].btn-bbs-file:before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 15px; height: 15px; background-image: url(../images/sub/icon_btn_file.png); background-repeat: no-repeat; background-position: 0; }
.btn-video-banner { width: 36px; height: 50px; border: 0; background: url(../images/common/icon_video_banner_arr.png) no-repeat 0 0; fffffffff; margin: 0; padding: 0; }
.btn-video-banner:hover { background-position: 0 -50px; }
.btn-video-banner.next { background-position: right 0; }
.btn-video-banner.next:hover { background-position: right -50px; }
.favorite-btn-wrap { position: relative; display: inline-block; width: 153px; height: 40px; background: #fafafa; border: 1px solid #d3d3d3; line-height: 40px; }
.favorite-btn-wrap:hover,
.favorite-btn-wrap:focus { background: #fff; border-color: #000; }
.favorite-btn-wrap button[type=button].btn-favorite { position: absolute; margin-top: -7px; left: 10px; top: 50%; }
.favorite-btn-wrap a { position: relative; display: block; color: #444; height: 38px; margin-left: 34px; padding: 0 25px 0 0; font-size: var(--font-13px); }
.favorite-btn-wrap a:after { content: ""; position: absolute; display: inline-block; width: 5px; height: 9px; background: url(../images/common/icon_favorite_arr.png) no-repeat 0 0; margin-top: -4px; top: 50%; right: 10px; }
select { color: #444; background: #fff; border: 1px solid #ccc; font-size: var(--font-14px); }
textarea { max-width: 100%; width: 100%; border: 1px solid #ccc; vertical-align: top; color: #444; line-height: 23px; padding: 10px 20px; font-size: var(--font-14px); }
input[type=text] { color: #444; background: #fff; border: 1px solid #ccc; font-size: var(--font-14px); }
input[type=text].ui-text { width: 268px; height: 46px; vertical-align: top; padding: 0 20px; }
input[type=text].ui-text.w-full { width: 100%; }
.checkbox-wrap,
.radio-wrap { position: relative; display: inline-block; }
.checkbox-wrap input[type=checkbox],
.checkbox-wrap input[type=radio],
.radio-wrap input[type=checkbox],
.radio-wrap input[type=radio] { position: absolute; z-index: 0; outline: none; }
.checkbox-wrap input[type=checkbox]+label,
.checkbox-wrap input[type=radio]+label,
.radio-wrap input[type=checkbox]+label,
.radio-wrap input[type=radio]+label { display: inline-block; z-index: 1; position: relative; color: #444; line-height: 22px; font-size: var(--font-14px); }
.checkbox-wrap input[type=checkbox]+label .chk-rdo-img,
.checkbox-wrap input[type=radio]+label .chk-rdo-img,
.radio-wrap input[type=checkbox]+label .chk-rdo-img,
.radio-wrap input[type=radio]+label .chk-rdo-img { position: relative; display: inline-block; border: 1px solid #999; vertical-align: top; background-color: #fff; }
.checkbox-wrap input[type=checkbox]:checked+label .chk-rdo-img:after,
.checkbox-wrap input[type=radio]:checked+label .chk-rdo-img:after,
.radio-wrap input[type=checkbox]:checked+label .chk-rdo-img:after,
.radio-wrap input[type=radio]:checked+label .chk-rdo-img:after { position: absolute; top: 0; left: 0; content: ''; display: block; background-repeat: no-repeat; background-position: center; }
.checkbox-wrap label,
.radio-wrap label { cursor: pointer; }
.checkbox-wrap label .chk-rdo-img+.chk-rdo-text,
.radio-wrap label .chk-rdo-img+.chk-rdo-text { margin-left: 8px; vertical-align: middle; }
.checkbox-wrap+.checkbox-wrap,
.checkbox-wrap+.radio-wrap,
.radio-wrap+.checkbox-wrap,
.radio-wrap+.radio-wrap { margin-left: 20px; }
.checkbox-wrap input[type=checkbox] { width: 22px; height: 22px; left: 1px; top: 1px; }
.checkbox-wrap input[type=checkbox]+label .chk-rdo-img { width: 22px; height: 22px; margin: 1px; }
.checkbox-wrap input[type=checkbox]:checked+label .chk-rdo-img:after { width: 20px; height: 20px; background-image: url(../images/common/icon_ui_checkbox.png); }
.radio-wrap input[type=radio] { width: 24px; height: 24px; left: 0; top: 0; }
.radio-wrap input[type=radio]+label .chk-rdo-img { width: 24px; height: 24px; border-radius: 12px; }
.radio-wrap input[type=radio]:checked+label .chk-rdo-img:after { width: 22px; height: 22px; background-image: url(../images/common/icon_ui_radio.png); }
.tbl-wrap { overflow: hidden; }
.tbl-wrap .no-result { border-top: 1px solid #000; border-bottom: 1px solid #e2e2e2; }
.tbl-wrap.has-top-line { padding-top: 60px; border-top: 1px solid #e2e2e2; }
.tbl-wrap.has-top-line h4 { margin-top: 0; line-height: 42px; }
.tbl-wrap .tbl-col,
.tbl-wrap .tbl-row { width: 100%; width: calc(100% + 1px); table-layout: fixed; margin-left: -1px; }
.tbl-wrap .tbl-col.no-border-r thead tr th,
.tbl-wrap .tbl-col.no-border-r tbody tr th,
.tbl-wrap .tbl-col.no-border-r tbody tr td { border-right: 0; }
.tbl-wrap .tbl-col.row-hover tbody tr:hover th,
.tbl-wrap .tbl-col.row-hover tbody tr:hover td { color: #444; }
.tbl-wrap .tbl-col.row-hover tbody tr:hover th a,
.tbl-wrap .tbl-col.row-hover tbody tr:hover td a { color: #444; }
.tbl-wrap .tbl-col.pd20 tbody tr th,
.tbl-wrap .tbl-col.pd20 tbody tr td { padding: 0 20px; }
.tbl-wrap .tbl-col.no-thead { border-top: 1px solid #000; }
.tbl-wrap .tbl-col.video-detail-list tbody tr.active td { color: #000; }
.tbl-wrap .tbl-col.video-detail-list tbody tr.active td a { color: #000; }
.tbl-wrap .tbl-col.video-detail-list tbody tr:hover td { background-color: #f7f7f7; color: #777; }
.tbl-wrap .tbl-col.video-detail-list tbody tr:hover td a { color: #777; }
.tbl-wrap .tbl-col.collapse tr.fold { display: none; }
.tbl-wrap .tbl-col.collapse tr.fold th,
.tbl-wrap .tbl-col.collapse tr.fold td,
.tbl-wrap .tbl-col.collapse tr.fold:hover th,
.tbl-wrap .tbl-col.collapse tr.fold:hover td { color: #777; background: #f7f7f7; padding: 30px; }
.tbl-wrap .tbl-col.collapse tr.fold td.arr-left { background: #f7f7f7 url(../images/sub/icon_collapse_arr_l.png) no-repeat 30px 32px; line-height: 30px; padding: 24px 30px 24px 65px; }
.tbl-wrap .tbl-col.collapse tr.active+tr.fold { display: table-row; }
.tbl-wrap .tbl-col.notice-list tr.fixed { background: #fef8fa; }
.tbl-wrap .tbl-col.notice-list tr.fixed:hover td,
.tbl-wrap .tbl-col.notice-list tr.fixed:hover a { color: #000; }
.tbl-wrap .tbl-col.notice-list tr.fixed td,
.tbl-wrap .tbl-col.notice-list tr.fixed td a { color: #444; }
.tbl-wrap .tbl-col.notice-list tr.fixed td .notice-badge { display: inline-block; color: #fff; height: 20px; background: #a50034; border-radius: 2px; line-height: 20px; padding: 0 5px; font-size: var(--font-12px); }
.tbl-wrap .tbl-col thead tr th { height: 56px; background: #f7f7f7; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; font-weight: 400; font-size: var(--font-15px); }
.tbl-wrap .tbl-col thead tr th:last-child { border-right: 0; }
.tbl-wrap .tbl-col thead tr:first-child th { border-top: 1px solid #000; }
.tbl-wrap .tbl-col tbody tr th,
.tbl-wrap .tbl-col tbody tr td { color: #777; height: 55px; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; font-weight: 400; line-height: 18px; padding: 0 30px; font-size: var(--font-15px); }
.tbl-wrap .tbl-col tbody tr th: last-child,
.tbl-wrap .tbl-col tbody tr td: last-child { border-right: 0; }
.tbl-wrap .tbl-col tbody tr th.desc-list,
.tbl-wrap .tbl-col tbody tr td.desc-list { line-height: 27px; padding: 20px; }
.tbl-wrap .tbl-col tbody tr th sup,
.tbl-wrap .tbl-col tbody tr td sup { color: #000; top: -.15em; font-size: var(--font-13px); }
.tbl-wrap .tbl-col tbody tr th .icon-tbl-o,
.tbl-wrap .tbl-col tbody tr td .icon-tbl-o { display: inline-block; width: 16px; height: 16px; background: url(../images/sub/icon_tbl_o.png) no-repeat center; fffffffff; vertical-align: middle; }
.tbl-wrap .tbl-col tbody tr th a,
.tbl-wrap .tbl-col tbody tr td a { color: #777; }
.tbl-wrap .tbl-col tbody tr th.title,
.tbl-wrap .tbl-col tbody tr td.title { color: #000; }
.tbl-wrap .tbl-col tbody tr th .icon-file+.icon-file,
.tbl-wrap .tbl-col tbody tr td .icon-file+.icon-file { margin-left: 4px; }
.tbl-wrap .tbl-col tbody tr th .icon-file:nth-child(3n+1),
.tbl-wrap .tbl-col tbody tr td .icon-file:nth-child(3n+1) { margin-left: 0; }
.tbl-wrap .tbl-col tbody tr th .icon-file:nth-child(n+4),
.tbl-wrap .tbl-col tbody tr td .icon-file:nth-child(n+4) { margin-top: 4px; }
.tbl-wrap .tbl-col tbody tr td.file-cell { padding: 5px 30px; }
.tbl-wrap .tbl-col tbody tr td.file-cell span { display: inline-block; }
.tbl-wrap .tbl-col tbody tr td.file-cell span:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.tbl-wrap .tbl-col tbody tr td.file-cell .icon-file { float: left; }
.tbl-wrap .tbl-row thead tr:first-child th, .tbl-wrap .tbl-row tbody tr:first-child th,
.tbl-wrap .tbl-row tbody tr:first-child td { border-top: 1px solid #000; }
.tbl-wrap .tbl-row.no-border-r tbody tr th,
.tbl-wrap .tbl-row.no-border-r tbody tr td { border-right: 0; }
.tbl-wrap .tbl-row tbody tr th,
.tbl-wrap .tbl-row tbody tr td { border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; font-weight: 400; padding: 25px 30px; font-size: var(--font-15px); }
.tbl-wrap .tbl-row tbody tr th { background: #f7f7f7; }
.tbl-wrap .tbl-row tbody tr td { color: #777; line-height: 24px; }
.tbl-wrap .tbl-row tbody tr td: last-child { border-right: 0; }
.tbl-wrap .tbl-row tbody tr: first-child th,
.tbl-wrap .tbl-row tbody tr: first-child td { border-top: 1px solid #000; }
.tbl-wrap .tbl-footnote { margin-top: 14px; }
.tbl-wrap .tbl-footnote li { color: #777; line-height: 21px; font-size: var(--font-13px); }
.tbl-wrap .tbl-footnote li .num { color: #000; }
.tbl-wrap .tbl-row-input { width: 1000px; }
.tbl-wrap .tbl-row-input tbody th { line-height: 26px; color: #444; font-weight: 300; vertical-align: top; padding: 21px 10px 19px 0; font-size: var(--font-16px); }
.tbl-wrap .tbl-row-input tbody th .spot { position: relative; display: inline-block; width: 4px; height: 4px; margin-left: 4px; background-color: #a50034; border-radius: 4px; vertical-align: 11px; }
.tbl-wrap .tbl-row-input tbody th .spot:after { content: "필수입력 항목"; fffffffff; display: inline-block; line-height: 0; position: absolute; font-size: 0; }
.tbl-wrap .tbl-row-input tbody td { vertical-align: top; padding: 10px 0; }
.tbl-wrap .tbl-row-input tbody td .zipcode-wrap { display: block; margin-bottom: 10px; }
.tbl-wrap .tbl-row-input tbody td .zipcode-wrap:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.tbl-wrap .tbl-row-input tbody td .zipcode-wrap input[type="text"] { float: left; }
.tbl-wrap .tbl-row-input tbody td .zipcode-wrap .btn { float: left; width: 120px; margin-left: 5px; }
.tbl-wrap .tbl-row-input tbody td .radio-wrap { margin-top: 11px; }
.tbl-wrap .tbl-row-input tbody td .select-menu { vertical-align: top; }
.tbl-wrap .tbl-row-input tbody td .select-menu+.ui-selectmenu-button { height: 46px; width: 268px; }
.tbl-wrap .tbl-row-input tbody td .select-menu+.ui-selectmenu-button .ui-selectmenu-text { line-height: 44px; }
.tbl-wrap .tbl-row-input tbody td .select-menu+.ui-selectmenu-button .ui-selectmenu-icon { margin: 19px 0 0; }
.tbl-wrap .tbl-row-input tbody td input[type="text"]+input[type="text"] { margin-left: 10px; }
.tbl-wrap .tbl-row-input tbody td input[type="text"]+input[type="text"].w-full { margin-top: 10px; margin-left: 0; }
.tbl-wrap .tbl-row-input tbody td input[type="text"]+.select-menu { margin-left: 5px; }
.tbl-wrap .tbl-row-input tbody td input[type="text"]+.select-menu+.ui-selectmenu-button { margin-left: 5px; }
.tbl-wrap .tbl-row-input tbody td input[type="text"]+.radio-wrap { margin-left: 30px; }
.tbl-wrap .tbl-row-input tbody td .file-input-wrap { position: relative; padding-left: 105px; vertical-align: top; }
.tbl-wrap .tbl-row-input tbody td .file-input-wrap input[type=text] { width: 100%; }
.tbl-wrap .tbl-row-input tbody td .file-input-wrap .btn-ico-delete { position: absolute; top: 1px; right: 0; }
.tbl-wrap .tbl-row-input tbody td .file-input-wrap .file-btn-wrap { position: absolute; top: 0; left: 0; }
.tbl-wrap .tbl-row-input tbody td .file-input-wrap .file-btn-wrap .btn { width: 100px; }
.tbl-wrap .tbl-row-input tbody td .file-input-wrap .file-btn-wrap .file-input-hidden { position: absolute; top: 0; left: 0; width: 100px; height: 46px; opacity: 0; cursor: pointer; }
.tbl-wrap .tbl-row-input tbody td .desc-wrap { position: relative; padding-bottom: 27px; }
.tbl-wrap .tbl-row-input tbody td .desc-wrap .buttom-desc { position: absolute; bottom: 0; left: 0; font-weight: 300; color: #000; font-size: var(--font-12px); }
.tbl-wrap .tbl-row-input tbody td .text { display: inline-block; color: #444; line-height: 28px; vertical-align: top; margin: 0 5px; padding: 9px 0; font-size: var(--font-18px); }
.tbl-wrap .tbl-row-input tbody td button,
.tbl-wrap .tbl-row-input tbody td a { height: 46px; }
.tbl-wrap+.tbl-wrap { margin-top: 50px; }
.tbl-wrap h4 { margin-bottom: 20px; font-weight: 400; color: #000; font-size: var(--font-22px); }
.tbl-wrap .tbl-bottom-unit { margin-top: 15px; text-align: right; color: #777; line-height: 22px; font-size: var(--font-13px); }
.tbl-wrap .tbl-top-unit { margin-bottom: 5px; text-align: right; color: #777; line-height: 22px; font-size: var(--font-14px); }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt120 { margin-top: 120px !important; }
.mt150 { margin-top: 150px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb150 { margin-bottom: 150px !important; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml90 { margin-left: 90px !important; }
.ml150{ margin-left: 150px !important; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.clearfix { position: relative; }
.clearfix:after { display: block; clear: both; content: ''; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }

.color-primary { color: #a50034; }
.content-line { margin-top: 98px; margin-bottom: 95px; border: none; border-top: 1px solid #e2e2e2; }
.content-ci { margin-left: 150px; }
.content-ci .clearfix div.float-left:nth-child(2) { margin: 20px 0 0 40px; }

/* 20220512 ESG */
.toggle-item { border-top: 2px solid #000; border-bottom: 2px solid #d2d2d2; }
.toggle-item+.toggle-item { margin-top: -1px; border-top: 1px solid #d2d2d2; }
.toggle-header { display: table-cell; position: relative; width: 1%; height: 80px; padding: 0 98px 0 30px; vertical-align: middle; }
.toggle-header>* { display: inline-block; vertical-align: middle; }
.toggle-header .title { font-weight: 500; font-size: var(--font-20px); }
.toggle-header .price { float: right; font-size: var(--font-17px); }
.toggle-content { display: none; position: relative; padding: 40px 30px 60px; } /*padding: 8px 30px 50px;*/
.toggle-item .btn-open { display: block; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 80px; text-indent: 1600px; white-space: nowrap; background: url(/brand/images/common/ico-toggle-plus.png) no-repeat right center; overflow: hidden; z-index: 50; border: 0; }
.toggle-item.active { position: relative; border-top-color: #000; background-color: #f9fafb; z-index: 9; }
.toggle-item.active .btn-open { background-image: url(/brand/images/common/ico-toggle-minus.png); z-index: 100; }
.tab-wrap.environ { margin-top: 38px; }
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ .tbl-wrap { border-bottom: 0; padding-bottom: 20px; padding-top: 0; }
.wrapper .contents-wrap .contents .sub-section.environ .tbl-wrap .tbl-footnote li,
.wrapper .contents-wrap .contents .sub-section.environ .page-title-wrap .tbl-unit { font-size: var(--font-12px); }
.contents .sub-section.environ h4 { color: #000; font-weight: 400; margin-bottom: 20px; font-size: var(--font-22px); }
.contents .sub-section.environ h5,
.contents .sub-section.environ h6 { margin-top: 40px; margin-bottom: 20px; font-size: var(--font-18px); }
.contents .sub-section.environ h5 { color: #a60933 !important; }
.contents .sub-section.environ p { padding-top: 12px; }
.contents .sub-section.environ p>strong,
.contents .sub-section.environ .toggle-list td strong { color: #a60933; font-weight: bold; }
.contents .sub-section.environ .img-grid-box { overflow: hidden; }
.contents .sub-section.environ .num { display: inline-block; width: 15px; height: 15px; line-height: 16px; border-radius: 50%; text-align: center; color: #fff; background: #000; font-size: var(--font-13px); }
.contents .sub-section.environ .toggle-list { margin-top: 80px; margin-bottom: 60px; }
.contents .sub-section.environ.bhr h5 { font-size: var(--font-20px); }
.contents .sub-section.environ.bhr .num-list { font-size: var(--font-16px); }
.contents .sub-section.environ.bhr .num-list dt { font-weight: 700; padding-bottom: 10px; }
.contents .sub-section.environ.bhr .num-list dd { line-height: 26px; padding-bottom: 20px; padding-left: 32px; }
.wrapper .contents-wrap .contents .sub-section.environ .bg-grid-box { display: block; width: 100%; height: 173px; text-align: center; line-height: 40px; background-image: url(/brand/images/sub/welfare/img_org_esg_bg_2.png); background-repeat: no-repeat; background-position: -30px center; background-size: cover; font-size: var(--font-29px); }
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ .btn-wrap { border: 0; margin-top: 120px; padding-top: 0; }
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ h4 { margin-bottom: 40px; }
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ p { padding: 0; }
.color-gray { color: #777 !important; }
.wrapper .contents-wrap .contents .offer-wrap p.color-gray { font-size: var(--font-12px); }
.contents .sub-section.environ h5.color-black { color: #000 !important; }
a.btn.btn-jebo { height: 34px; padding: 0 38px 0 11px; line-height: 32px; border: 1px solid #a1a1a1; border-radius: 3px; color: #000; font-weight: normal; letter-spacing: -0.075em; background-color: #fff; font-family: "Noto Sans KR"; background-image: url(/brand/images/common/icon-jebo.png); background-position: 69px 10px; background-repeat: no-repeat; font-size: var(--font-14px); }
.ui-tabs.environ .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; }
.contents .sub-section.environ .tbl-wrap .tbl-col tbody tr th, .environ .tbl-wrap .tbl-col tbody tr td { text-align: right; }
.wrapper .contents-wrap .contents .sub-section.sustain { display: block; width: 100%; background-image: url(/brand/images/sub/welfare/img_org_esg_bg.png); background-repeat: no-repeat; background-position: top center; background-size: contain }

/* preload indicator */
.md-overlay { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 7, 7, .6); backface-visibility: hidden; opacity: 0; visibility: hidden; }
.md-indicator { position: fixed; top: 50%; right: 50%; width: 120px; height: 120px; margin-top: -70px; margin-right: -60px; text-align: center; visibility: hidden; z-index: -1; transform: scale(.9); opacity: 0; }
.md-indicator::before { content: ''; display: inline-block; position: fixed; letter-spacing: 1; font-size: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.md-indicator > span { margin: 0 auto; background: 0 0; animation: load8 .6s infinite linear; transition: background-color .2s ease-in-out 0s; }
.md-indicator > span { position: relative; text-indent: -9999em; font-size: 10px; display: none; }
.is-overlay .md-overlay { visibility: visible; z-index: 9000; opacity: 1; }
.is-indicator .md-indicator { visibility: visible; z-index: 9100; opacity: 1; transform: scale(1); }
.md-indicator > span { border-top: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #fff; border-left: 7px solid rgba(255, 255, 255, .2); }
.md-indicator > span:first-child { display: block; }
.md-indicator > span,
.md-indicator > span:after { width: 120px; height: 120px; border-radius: 100%; }
.md-overlay {
	transition:
	visibility 0s linear .8s,
	z-index 0s linear .8s,
	opacity .4s cubic-bezier(0.11, 0, 0.5, 0) .4s;
}
.md-indicator {
	transition:
	visibility 0s linear .3s,
	z-index 0s linear .3s,
	transform .3s cubic-bezier(0.11, 0, 0.5, 0) 0s,
	opacity .3s cubic-bezier(0.11, 0, 0.5, 0) 0s;
}
.is-overlay .md-overlay {
	transition:
	visibility 0s linear 0s,
	z-index 0s linear 0s,
	opacity .2s cubic-bezier(0.5, 1, 0.89, 1) 0s;
 }
.is-indicator .md-indicator {
	transition:
	visibility 0s linear 0s,
	z-index 0s linear 0s,
	transform .3s cubic-bezier(0.5, 1, 0.89, 1) .1s,
	opacity .3s cubic-bezier(0.5, 1, 0.89, 1) .1s;
}
@keyframes load8 {
    0% { transform: rotate(0); }
    to { transform: rotate(360deg); }
} 
/*스몰사이즈 리스트*/
.bul-hyphen-wrap {margin: 7px 10px 0 10px;}
.bul-hyphen-wrap, .bul-hyphen-wrap  h7, .bul-hyphen-wrap  .bul-hyphen>li {font-size: 13px;}
.bul-hyphen-wrap > .bul-hyphen {margin-top: 7px }
.bul-hyphen>li {position:relative; color:#767676; font-size:13px; line-height:1.461538461538462;}
.bul-hyphen>li {padding-left:11px;padding: 3px 0;}
.bul-hyphen>li:before {top:0; content:'- ';}
/*추진내용>공정거래*/
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap h4 {color:#fff;font-size:24px;background-color:#888c99; text-align: center;line-height: 80px; margin-bottom: 0;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap h5 {color:#000 !important; font-size: 18px; margin-bottom: 14px;margin-top: 0;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box {display: flex;padding:0 0 0 22px;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box .txt-box-cont {margin-right: 17px;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box .txt-box-cont + .txt-box-cont {margin-right: -26px;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box2 {padding: 20px 50px 50px 56px;text-align: left;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box .txt-box-cont>P {text-align: left;position:relative; padding-left:15px; margin:38px 0 41px;letter-spacing: -0.3px;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box .txt-box-cont>P:before {content: '';diplay:inline-block;position:absolute;left: 0;top: 9px;width:4px;height:4px;background-color:#000;}
.wrapper .contents-wrap .contents .offer-wrap .sub-section.environ.txt-wrap .txt-box .txt-box-cont>P>strong {color:#000; font-weight:bold;}
.wrapper .contents-wrap .contents .sub-section.environ .tbl-wrap.new-csv.csv-center .tbl-col tbody tr td {text-align:center; padding: 0 10px;}
.wrapper .contents-wrap .contents .sub-section.environ .tbl-wrap.new-csv.csv-center.row-height .tbl-col tbody tr td {height:40px;}